安卓Sherlock操作栏 - 设置SearchView的样式，分享意图图标，homeAsUpIndicator。

Question

我正在使用Sherlock Actionbar，并希望将主页启用的图标从深色更改为白色。

但是我的主题需要Holo.Light。是否有任何方法可以通过样式设置自定义图标？

我在我的操作栏中使用以下操作项

main_activity.xml

<menu xmlns:android="http://schemas.android.com/apk/res/android" >

    <item
        android:id="@+id/action_search"
        android:actionViewClass="com.actionbarsherlock.widget.SearchView"
        android:icon="@drawable/ic_menu_search"
        android:showAsAction="always"
        android:title="Search"/>
    <item
        android:id="@+id/action_category"
        android:icon="@drawable/ic_menu_category"
        android:showAsAction="always"
        android:title="Category"/>
    <item
        android:id="@+id/action_sort"
        android:icon="@drawable/ic_menu_sort"
        android:showAsAction="always"
        android:title="Sort">
        <menu>
            <item
                android:id="@+id/action_sort_dist_nf"
                android:icon="@android:drawable/ic_menu_search"
                android:title="Distance (Near-Far)"/>
            <item
                android:id="@+id/action_sort_dist_fn"
                android:icon="@android:drawable/ic_menu_search"
                android:title="Distance (Far-Near)"/>
            <item
                android:id="@+id/action_sort_alpha_az"
                android:icon="@drawable/ic_menu_sort_az"
                android:title="Alpha (A-Z)"/>
            <item
                android:id="@+id/action_sort_alpha_za"
                android:icon="@drawable/ic_menu_sort_az"
                android:title="Alpha (Z-A)"/>
        </menu>
    </item>

</menu>

activity_place.xml

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android" >

    <item
        android:id="@+id/action_share"
        android:actionProviderClass="com.actionbarsherlock.widget.ShareActionProvider"
        android:icon="@drawable/ic_menu_share"
        android:showAsAction="always"
        android:title="Search"/>

</menu>

我想要将搜索视图和搜索图标进行样式设置。还有分享意图图标。

- Harsha M V

Answer 1

像这样的自定义主题。

<style name="Theme.mTheme" parent="android:Theme.Holo.Light">
    <item name="android:homeAsUpIndicator">@drawable/image_with_whitecolorarrow</item>
    <item name="homeAsUpIndicator">@drawable/image_with_whitecolorarrow</item>
</style>

针对自定义的搜索视图：

在菜单文件夹中定义菜单布局。

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android" >

    <item
        android:id="@+id/searchIcon"
        android:actionLayout="@layout/search_icon_actionview"
        android:icon="@drawable/search_icon"
        android:showAsAction="ifRoom|collapseActionView"
        android:title="Search"/>

</menu>

searchIcon 可以使用您自己的图标，但必须是 Actionbar 中 menuItems 的正确大小。

定义您自己的搜索视图，例如 search_icon_actionview.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:layout_margin="5dp"
    android:orientation="vertical" >

    <ImageView
        android:id="@+id/search_image"
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:layout_alignParentRight="true"
        android:clickable="true"
        android:contentDescription="Search icon"
        android:paddingLeft="5dp"
        android:paddingRight="5dp"
        android:src="@drawable/search_icon" />

    <AutoCompleteTextView
        android:id="@+id/search_editText"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_toLeftOf="@id/search_image"
        android:background="@drawable/rounded_corners_white"
        android:hint="Search"
        android:imeOptions="actionSearch"
        android:padding="5dp"
        android:singleLine="true"
        android:textColor="@color/text_dark_grey"
        android:textColorHint="@color/text_light_grey"
        android:textSize="20dp" />

</RelativeLayout>

搜索图标和铃铛图标是我使用Photoshop制作的自定义图像。

活动代码：

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    switch (item.getItemId()) {

    case R.id.searchIcon:

        mEtSearchbar.clearFocus();
        (new Handler()).postDelayed(new Runnable() {
            public void run() {
                mEtSearchbar.dispatchTouchEvent(MotionEvent.obtain(
                        SystemClock.uptimeMillis(),
                        SystemClock.uptimeMillis(),
                        MotionEvent.ACTION_DOWN, 0, 0, 0));
                mEtSearchbar.dispatchTouchEvent(MotionEvent.obtain(
                        SystemClock.uptimeMillis(),
                        SystemClock.uptimeMillis(), MotionEvent.ACTION_UP,
                        0, 0, 0));
            }
        }, 100);

        return true;
    default:
        return super.onOptionsItemSelected(item);
    }
}

@Override
public void onCreateOptionsMenu(Menu menu, MenuInflater inflater) {

    inflater.inflate(R.menu.your_menu, menu);

    mSearchbar = (MenuItem) menu.findItem(R.id.searchIcon);
    View actionview = mSearchbar.getActionView();
    mEtSearchbar = ((AutoCompleteTextView) actionview
            .findViewById(R.id.search_editText));
    final ImageView searchImage = ((ImageView) actionview
            .findViewById(R.id.search_image));
    searchImage.setOnClickListener(new View.OnClickListener() {

        @Override
        public void onClick(View arg0) {

            String s = mEtSearchbar.getText().toString();

            Intent intent = new Intent(CurrentActivity.this,
                    SearchActivity.class);
            intent.putExtra("search_string", s);
            startActivity(intent);
        }
    });

    mEtSearchbar
            .setOnEditorActionListener(new TextView.OnEditorActionListener() {

                @Override
                public boolean onEditorAction(TextView v, int actionId,
                        KeyEvent event) {
                    if (actionId == EditorInfo.IME_ACTION_SEARCH) {

                        searchImage.performClick();
                        return true;
                    }
                    return false;
                }
            });

    super.onCreateOptionsMenu(menu, inflater);
}

- Archie.bpgc

---

太棒了。谢谢你！起作用了。有什么想法如何设计搜索视图的样式吗？ - Harsha M V

你是指搜索视图的 actionLayout 吗？ - Archie.bpgc

是的。我在哪里可以输入文本？我还尝试分配一个图标，点击它会展开 - 但它仍然采用默认图标。 - Harsha M V

然后您可以使用我粘贴的代码。只需将图标更改为您的自定义图标并具有自定义 actionLayout。 - Archie.bpgc

这是默认的 actionLayout 或 actionViewClass，在您从菜单中单击 searchIcon 后出现。如果您想自定义它，可以使用 actionLayout 而不是 actionViewClass，并使用您的精美布局。 - Archie.bpgc