blocks|key|4548554|text|您问题中的第一个屏幕截图不是公共小部件。支持SearchView+(android.support.v7.widget.SearchView)模仿Android5.0棒棒糖的SearchView+(android.widget.SearchView)。你的第二个屏幕截图被其他材料设计的应用程序使用，比如Google+Play。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4548555|你的第一个截图中的SearchView已经在Drive，YouTube和其他封闭源代码的谷歌应用中使用了。幸运的是，它也在Android+5.0+Dialer中使用。您可以尝试向后移植视图，但它使用了一些5.0API。|4548556|您需要查看的类包括：|4548557|SearchEditTextLayout、AnimUtils和DialtactsActivity，以了解如何使用视图。您还需要来自ContactsCommon的资源。|4548558|祝你好运。|4548559|entityMap|0|LINK|mutability|MUTABLE|url|https://android.googlesource.com/platform/frameworks/support/%2B/refs/heads/master/v7/appcompat/src/android/support/v7/widget/SearchView.java|1|https://android.googlesource.com/platform/frameworks/base/%2B/refs/heads/master/core/java/android/widget/SearchView.java|2|https://android.googlesource.com/platform/packages/apps/Dialer/%2B/lollipop-release/src/com/android/dialer/|3|https://android.googlesource.com/platform/packages/apps/Dialer/%2B/lollipop-release/src/com/android/dialer/widget/SearchEditTextLayout.java|4|https://android.googlesource.com/platform/packages/apps/PhoneCommon/%2B/lollipop-release/src/com/android/phone/common/animation/AnimUtils.java|5|https://android.googlesource.com/platform/packages/apps/Dialer/%2B/lollipop-release/src/com/android/dialer/DialtactsActivity.java|6|https://android.googlesource.com/platform/packages/apps/ContactsCommon/%2B/lollipop-release/res/^0|Y|10|2R|P|Y|10|0|2R|P|1|0|1P|I|2|0|0|0|K|3|L|9|4|V|H|5|1T|E|6|0|0^^$0|@$1|2|3|4|5|6|7|17|8|@$9|18|A|19|B|C]|$9|1A|A|1B|B|C]]|D|@$9|1C|A|1D|1|1E]|$9|1F|A|1G|1|1H]]|E|$]]|$1|F|3|G|5|6|7|1I|8|@]|D|@$9|1J|A|1K|1|1L]]|E|$]]|$1|H|3|I|5|6|7|1M|8|@]|D|@]|E|$]]|$1|J|3|K|5|6|7|1N|8|@]|D|@$9|1O|A|1P|1|1Q]|$9|1R|A|1S|1|1T]|$9|1U|A|1V|1|1W]|$9|1X|A|1Y|1|1Z]]|E|$]]|$1|L|3|M|5|6|7|20|8|@]|D|@]|E|$]]|$1|N|3|-4|5|6|7|21|8|@]|D|@]|E|$]]]|O|$P|$5|Q|R|S|E|$T|U]]|V|$5|Q|R|S|E|$T|W]]|X|$5|Q|R|S|E|$T|Y]]|Z|$5|Q|R|S|E|$T|10]]|11|$5|Q|R|S|E|$T|12]]|13|$5|Q|R|S|E|$T|14]]|15|$5|Q|R|S|E|$T|16]]]]

<p>The first screenshot in your question is not a public widget. The support SearchView (<a href="https://android.googlesource.com/platform/frameworks/support/+/refs/heads/master/v7/appcompat/src/android/support/v7/widget/SearchView.java"><code>android.support.v7.widget.SearchView</code></a>) mimics Android 5.0 Lollipop's SearchView (<a href="https://android.googlesource.com/platform/frameworks/base/+/refs/heads/master/core/java/android/widget/SearchView.java"><code>android.widget.SearchView</code></a>). Your second screenshot is used by other material designed apps like Google Play.</p>

<p>The SearchView in your first screenshot is used in Drive, YouTube and other closed source Google Apps. Fortunately, it is also used in the <a href="https://android.googlesource.com/platform/packages/apps/Dialer/+/lollipop-release/src/com/android/dialer/">Android 5.0 Dialer</a>. You can try to backport the view, but it uses some 5.0 APIs.</p>

<p>The classes which you will want to look at are:</p>

<p><a href="https://android.googlesource.com/platform/packages/apps/Dialer/+/lollipop-release/src/com/android/dialer/widget/SearchEditTextLayout.java">SearchEditTextLayout</a>, <a href="https://android.googlesource.com/platform/packages/apps/PhoneCommon/+/lollipop-release/src/com/android/phone/common/animation/AnimUtils.java">AnimUtils</a>, and <a href="https://android.googlesource.com/platform/packages/apps/Dialer/+/lollipop-release/src/com/android/dialer/DialtactsActivity.java">DialtactsActivity</a> to understand how to use the View. You will also need resources from <a href="https://android.googlesource.com/platform/packages/apps/ContactsCommon/+/lollipop-release/res/">ContactsCommon</a>.</p>

<p>Best of luck.</p>


blocks|key|41750|text|经过一周的困惑之后。我想我已经弄明白了。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|41751|我现在只使用工具栏中的一个EditText。这是oj88在reddit上给我的建议。|41752|我现在有了这个：|41753|📷|atomic|offset|length|41754|首先，在我的活动的onCreate()中，我将右侧带有图像视图的EditText添加到工具栏中，如下所示：|41755|++++//+Setup+search+container+view
++++searchContainer+=+new+LinearLayout(this);
++++Toolbar.LayoutParams+containerParams+=+new+Toolbar.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,+ViewGroup.LayoutParams.MATCH_PARENT);
++++containerParams.gravity+=+Gravity.CENTER_VERTICAL;
++++searchContainer.setLayoutParams(containerParams);

++++//+Setup+search+view
++++toolbarSearchView+=+new+EditText(this);
++++//+Set+width+/+height+/+gravity
++++int[]+textSizeAttr+=+new+int[]{android.R.attr.actionBarSize};
++++int+indexOfAttrTextSize+=+0;
++++TypedArray+a+=+obtainStyledAttributes(new+TypedValue().data,+textSizeAttr);
++++int+actionBarHeight+=+a.getDimensionPixelSize(indexOfAttrTextSize,+-1);
++++a.recycle();
++++LinearLayout.LayoutParams+params+=+new+LinearLayout.LayoutParams(0,+actionBarHeight);
++++params.gravity+=+Gravity.CENTER_VERTICAL;
++++params.weight+=+1;
++++toolbarSearchView.setLayoutParams(params);

++++//+Setup+display
++++toolbarSearchView.setBackgroundColor(Color.TRANSPARENT);
++++toolbarSearchView.setPadding(2,+0,+0,+0);
++++toolbarSearchView.setTextColor(Color.WHITE);
++++toolbarSearchView.setGravity(Gravity.CENTER_VERTICAL);
++++toolbarSearchView.setSingleLine(true);
++++toolbarSearchView.setImeActionLabel("Search",+EditorInfo.IME_ACTION_UNSPECIFIED);
++++toolbarSearchView.setHint("Search");
++++toolbarSearchView.setHintTextColor(Color.parseColor("#b3ffffff"));
++++try+{
++++++++//+Set+cursor+colour+to+white
++++++++//+https://stackoverflow.com/a/26544231/1692770
++++++++//+https://github.com/android/platform_frameworks_base/blob/kitkat-release/core/java/android/widget/TextView.java#L562-564
++++++++Field+f+=+TextView.class.getDeclaredField("mCursorDrawableRes");
++++++++f.setAccessible(true);
++++++++f.set(toolbarSearchView,+R.drawable.edittext_whitecursor);
++++}+catch+(Exception+ignored)+{
++++}

++++//+Search+text+changed+listener
++++toolbarSearchView.addTextChangedListener(new+TextWatcher()+{
++++++++@Override
++++++++public+void+beforeTextChanged(CharSequence+s,+int+start,+int+count,+int+after)+{
++++++++}

++++++++@Override
++++++++public+void+onTextChanged(CharSequence+s,+int+start,+int+before,+int+count)+{
++++++++++++Fragment+mainFragment+=+getFragmentManager().findFragmentById(R.id.container);
++++++++++++if+(mainFragment+!=+null+&&+mainFragment+instanceof+MainListFragment)+{
++++++++++++++++((MainListFragment)+mainFragment).search(s.toString());
++++++++++++}
++++++++}

++++++++@Override
++++++++public+void+afterTextChanged(Editable+s)+{
++++++++++++//+https://stackoverflow.com/a/6438918/1692770
++++++++++++if+(s.toString().length()+<=+0)+{
++++++++++++++++toolbarSearchView.setHintTextColor(Color.parseColor("#b3ffffff"));
++++++++++++}
++++++++}
++++});
++++((LinearLayout)+searchContainer).addView(toolbarSearchView);

++++//+Setup+the+clear+button
++++searchClearButton+=+new+ImageView(this);
++++Resources+r+=+getResources();
++++int+px+=+(int)+TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP,+16,+r.getDisplayMetrics());
++++LinearLayout.LayoutParams+clearParams+=+new+LinearLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT,+ViewGroup.LayoutParams.WRAP_CONTENT);
++++clearParams.gravity+=+Gravity.CENTER;
++++searchClearButton.setLayoutParams(clearParams);
++++searchClearButton.setImageResource(R.drawable.ic_close_white_24dp);+//+TODO:+Get+this+image+from+here:+https://github.com/google/material-design-icons
++++searchClearButton.setPadding(px,+0,+px,+0);
++++searchClearButton.setOnClickListener(new+View.OnClickListener()+{
++++++++@Override
++++++++public+void+onClick(View+v)+{
++++++++++++toolbarSearchView.setText("");
++++++++}
++++});
++++((LinearLayout)+searchContainer).addView(searchClearButton);

++++//+Add+search+view+to+toolbar+and+hide+it
++++searchContainer.setVisibility(View.GONE);
++++toolbar.addView(searchContainer);|code-block|syntax|javascript|41756|这是可行的，但是后来我遇到了一个问题，当我点击主页按钮时，onOptionsItemSelected()没有被调用。所以我不能通过按下主页按钮来取消搜索。我尝试了几种不同的方法来注册主页按钮上的点击监听器，但它们都不起作用。|41757|最后，我发现我的ActionBarDrawerToggle干扰了一些东西，所以我把它拿掉了。然后，此监听程序开始工作：|41758|++++toolbar.setNavigationOnClickListener(new+View.OnClickListener()+{
++++++++@Override
++++++++public+void+onClick(View+v)+{
++++++++++++//+toolbarHomeButtonAnimating+is+a+boolean+that+is+initialized+as+false.+It's+used+to+stop+the+user+pressing+the+home+button+while+it+is+animating+and+breaking+things.
++++++++++++if+(!toolbarHomeButtonAnimating)+{
++++++++++++++++//+Here+you'll+want+to+check+if+you+have+a+search+query+set,+if+you+don't+then+hide+the+search+box.
++++++++++++++++//+My+main+fragment+handles+this+stuff,+so+I+call+its+methods.
++++++++++++++++FragmentManager+fragmentManager+=+getFragmentManager();
++++++++++++++++final+Fragment+fragment+=+fragmentManager.findFragmentById(R.id.container);
++++++++++++++++if+(fragment+!=+null+&&+fragment+instanceof+MainListFragment)+{
++++++++++++++++++++if+(((MainListFragment)+fragment).hasSearchQuery()+%7C%7C+searchContainer.getVisibility()+==+View.VISIBLE)+{
++++++++++++++++++++++++displaySearchView(false);
++++++++++++++++++++++++return;
++++++++++++++++++++}
++++++++++++++++}
++++++++++++}

++++++++++++if+(mDrawerLayout.isDrawerOpen(findViewById(R.id.navigation_drawer)))
++++++++++++++++mDrawerLayout.closeDrawer(findViewById(R.id.navigation_drawer));
++++++++++++else
++++++++++++++++mDrawerLayout.openDrawer(findViewById(R.id.navigation_drawer));
++++++++}
++++});|41759|因此，我现在可以使用home按钮取消搜索，但我还不能按back按钮取消搜索。因此，我将此代码添加到onBackPressed()：|41760|++++FragmentManager+fragmentManager+=+getFragmentManager();
++++final+Fragment+mainFragment+=+fragmentManager.findFragmentById(R.id.container);
++++if+(mainFragment+!=+null+&&+mainFragment+instanceof+MainListFragment)+{
++++++++if+(((MainListFragment)+mainFragment).hasSearchQuery()+%7C%7C+searchContainer.getVisibility()+==+View.VISIBLE)+{
++++++++++++displaySearchView(false);
++++++++++++return;
++++++++}
++++}|41761|我创建此方法是为了切换EditText和菜单项的可见性：|41762|public+void+displaySearchView(boolean+visible)+{
++++if+(visible)+{
++++++++//+Stops+user+from+being+able+to+open+drawer+while+searching
++++++++mDrawerLayout.setDrawerLockMode(DrawerLayout.LOCK_MODE_LOCKED_CLOSED);

++++++++//+Hide+search+button,+display+EditText
++++++++menu.findItem(R.id.action_search).setVisible(false);
++++++++searchContainer.setVisibility(View.VISIBLE);

++++++++//+Animate+the+home+icon+to+the+back+arrow
++++++++toggleActionBarIcon(ActionDrawableState.ARROW,+mDrawerToggle,+true);

++++++++//+Shift+focus+to+the+search+EditText
++++++++toolbarSearchView.requestFocus();

++++++++//+Pop+up+the+soft+keyboard
++++++++new+Handler().postDelayed(new+Runnable()+{
++++++++++++public+void+run()+{
++++++++++++++++toolbarSearchView.dispatchTouchEvent(MotionEvent.obtain(SystemClock.uptimeMillis(),+SystemClock.uptimeMillis(),+MotionEvent.ACTION_DOWN,+0,+0,+0));
++++++++++++++++toolbarSearchView.dispatchTouchEvent(MotionEvent.obtain(SystemClock.uptimeMillis(),+SystemClock.uptimeMillis(),+MotionEvent.ACTION_UP,+0,+0,+0));
++++++++++++}
++++++++},+200);
++++}+else+{
++++++++//+Allows+user+to+open+drawer+again
++++++++mDrawerLayout.setDrawerLockMode(DrawerLayout.LOCK_MODE_UNLOCKED);

++++++++//+Hide+the+EditText+and+put+the+search+button+back+on+the+Toolbar.
++++++++//+This+sometimes+fails+when+it+isn't+postDelayed(),+don't+know+why.
++++++++toolbarSearchView.postDelayed(new+Runnable()+{
++++++++++++@Override
++++++++++++public+void+run()+{
++++++++++++++++toolbarSearchView.setText("");
++++++++++++++++searchContainer.setVisibility(View.GONE);
++++++++++++++++menu.findItem(R.id.action_search).setVisible(true);
++++++++++++}
++++++++},+200);

++++++++//+Turn+the+home+button+back+into+a+drawer+icon
++++++++toggleActionBarIcon(ActionDrawableState.BURGER,+mDrawerToggle,+true);

++++++++//+Hide+the+keyboard+because+the+search+box+has+been+hidden
++++++++InputMethodManager+imm+=+(InputMethodManager)+getSystemService(Context.INPUT_METHOD_SERVICE);
++++++++imm.hideSoftInputFromWindow(toolbarSearchView.getWindowToken(),+0);
++++}
}|41763|我需要一种方法来切换工具栏上的home按钮，在抽屉图标和后退按钮之间切换。我最终在this+SO+answer中找到了下面的方法。虽然我稍微修改了一下，让我觉得更有意义：|41764|private+enum+ActionDrawableState+{
++++BURGER,+ARROW
}

/**
+*+Modified+version+of+this,+https://stackoverflow.com/a/26836272/1692770<br>
+*+I+flipped+the+start+offset+around+for+the+animations+because+it+seemed+like+it+was+the+wrong+way+around+to+me.<br>
+*+I+also+added+a+listener+to+the+animation+so+I+can+find+out+when+the+home+button+has+finished+rotating.
+*/
private+void+toggleActionBarIcon(final+ActionDrawableState+state,+final+ActionBarDrawerToggle+toggle,+boolean+animate)+{
++++if+(animate)+{
++++++++float+start+=+state+==+ActionDrawableState.BURGER+?+1.0f+:+0f;
++++++++float+end+=+Math.abs(start+-+1);
++++++++if+(Build.VERSION.SDK_INT+>=+Build.VERSION_CODES.HONEYCOMB)+{
++++++++++++ValueAnimator+offsetAnimator+=+ValueAnimator.ofFloat(start,+end);
++++++++++++offsetAnimator.setDuration(300);
++++++++++++offsetAnimator.setInterpolator(new+AccelerateDecelerateInterpolator());
++++++++++++offsetAnimator.addUpdateListener(new+ValueAnimator.AnimatorUpdateListener()+{
++++++++++++++++@Override
++++++++++++++++public+void+onAnimationUpdate(ValueAnimator+animation)+{
++++++++++++++++++++float+offset+=+(Float)+animation.getAnimatedValue();
++++++++++++++++++++toggle.onDrawerSlide(null,+offset);
++++++++++++++++}
++++++++++++});
++++++++++++offsetAnimator.addListener(new+Animator.AnimatorListener()+{
++++++++++++++++@Override
++++++++++++++++public+void+onAnimationStart(Animator+animation)+{

++++++++++++++++}

++++++++++++++++@Override
++++++++++++++++public+void+onAnimationEnd(Animator+animation)+{
++++++++++++++++++++toolbarHomeButtonAnimating+=+false;
++++++++++++++++}

++++++++++++++++@Override
++++++++++++++++public+void+onAnimationCancel(Animator+animation)+{

++++++++++++++++}

++++++++++++++++@Override
++++++++++++++++public+void+onAnimationRepeat(Animator+animation)+{

++++++++++++++++}
++++++++++++});
++++++++++++toolbarHomeButtonAnimating+=+true;
++++++++++++offsetAnimator.start();
++++++++}
++++}+else+{
++++++++if+(state+==+ActionDrawableState.BURGER)+{
++++++++++++toggle.onDrawerClosed(null);
++++++++}+else+{
++++++++++++toggle.onDrawerOpened(null);
++++++++}
++++}
}|41765|这是可行的，我已经设法解决了一些我在此过程中发现的错误。我不认为它是100%25的，但它对我来说已经足够好了。|41766|编辑:如果您想在XML而不是Java中添加搜索视图，请执行以下操作：|41767|toolbar.xml：|41768|<android.support.v7.widget.Toolbar+
++++xmlns:android="http://schemas.android.com/apk/res/android"
++++xmlns:app="http://schemas.android.com/apk/res-auto"
++++android:id="@%2Bid/toolbar"
++++contentInsetLeft="72dp"
++++contentInsetStart="72dp"
++++android:layout_width="match_parent"
++++android:layout_height="?attr/actionBarSize"
++++android:background="?attr/colorPrimary"
++++android:elevation="4dp"
++++android:minHeight="?attr/actionBarSize"
++++app:contentInsetLeft="72dp"
++++app:contentInsetStart="72dp"
++++app:popupTheme="@style/ActionBarPopupThemeOverlay"
++++app:theme="@style/ActionBarThemeOverlay">

++++<LinearLayout
++++++++android:id="@%2Bid/search_container"
++++++++android:layout_width="match_parent"
++++++++android:layout_height="match_parent"
++++++++android:gravity="center_vertical"
++++++++android:orientation="horizontal">

++++++++<EditText
++++++++++++android:id="@%2Bid/search_view"
++++++++++++android:layout_width="0dp"
++++++++++++android:layout_height="?attr/actionBarSize"
++++++++++++android:layout_weight="1"
++++++++++++android:background="@android:color/transparent"
++++++++++++android:gravity="center_vertical"
++++++++++++android:hint="Search"
++++++++++++android:imeOptions="actionSearch"
++++++++++++android:inputType="text"
++++++++++++android:maxLines="1"
++++++++++++android:paddingLeft="2dp"
++++++++++++android:singleLine="true"
++++++++++++android:textColor="#ffffff"
++++++++++++android:textColorHint="#b3ffffff"+/>

++++++++<ImageView
++++++++++++android:id="@%2Bid/search_clear"
++++++++++++android:layout_width="wrap_content"
++++++++++++android:layout_height="wrap_content"
++++++++++++android:layout_gravity="center"
++++++++++++android:paddingLeft="16dp"
++++++++++++android:paddingRight="16dp"
++++++++++++android:src="@drawable/ic_close_white_24dp"+/>
++++</LinearLayout>
</android.support.v7.widget.Toolbar>|41769|活动的onCreate()：|41770|++++searchContainer+=+findViewById(R.id.search_container);
++++toolbarSearchView+=+(EditText)+findViewById(R.id.search_view);
++++searchClearButton+=+(ImageView)+findViewById(R.id.search_clear);

++++//+Setup+search+container+view
++++try+{
++++++++//+Set+cursor+colour+to+white
++++++++//+https://stackoverflow.com/a/26544231/1692770
++++++++//+https://github.com/android/platform_frameworks_base/blob/kitkat-release/core/java/android/widget/TextView.java#L562-564
++++++++Field+f+=+TextView.class.getDeclaredField("mCursorDrawableRes");
++++++++f.setAccessible(true);
++++++++f.set(toolbarSearchView,+R.drawable.edittext_whitecursor);
++++}+catch+(Exception+ignored)+{
++++}

++++//+Search+text+changed+listener
++++toolbarSearchView.addTextChangedListener(new+TextWatcher()+{
++++++++@Override
++++++++public+void+beforeTextChanged(CharSequence+s,+int+start,+int+count,+int+after)+{
++++++++}

++++++++@Override
++++++++public+void+onTextChanged(CharSequence+s,+int+start,+int+before,+int+count)+{
++++++++++++Fragment+mainFragment+=+getFragmentManager().findFragmentById(R.id.container);
++++++++++++if+(mainFragment+!=+null+&&+mainFragment+instanceof+MainListFragment)+{
++++++++++++++++((MainListFragment)+mainFragment).search(s.toString());
++++++++++++}
++++++++}

++++++++@Override
++++++++public+void+afterTextChanged(Editable+s)+{
++++++++}
++++});

++++//+Clear+search+text+when+clear+button+is+tapped
++++searchClearButton.setOnClickListener(new+View.OnClickListener()+{
++++++++@Override
++++++++public+void+onClick(View+v)+{
++++++++++++toolbarSearchView.setText("");
++++++++}
++++});

++++//+Hide+the+search+view
++++searchContainer.setVisibility(View.GONE);|41771|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/d14d60f5d2cbba451323e074ec340101.png|imageAlt|1|LINK|MUTABLE|url|https://stackoverflow.com/a/26836272/1692770^0|0|0|0|0|1|0|0|0|0|0|0|0|0|0|0|0|15|E|1|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|1Z|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|20|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|21|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|22|8|@]|9|@$I|23|J|24|1|25]]|A|$]]|$1|K|3|L|5|6|7|26|8|@]|9|@]|A|$]]|$1|M|3|N|5|O|7|27|8|@]|9|@]|A|$P|Q]]|$1|R|3|S|5|6|7|28|8|@]|9|@]|A|$]]|$1|T|3|U|5|6|7|29|8|@]|9|@]|A|$]]|$1|V|3|W|5|O|7|2A|8|@]|9|@]|A|$P|Q]]|$1|X|3|Y|5|6|7|2B|8|@]|9|@]|A|$]]|$1|Z|3|10|5|O|7|2C|8|@]|9|@]|A|$P|Q]]|$1|11|3|12|5|6|7|2D|8|@]|9|@]|A|$]]|$1|13|3|14|5|O|7|2E|8|@]|9|@]|A|$P|Q]]|$1|15|3|16|5|6|7|2F|8|@]|9|@$I|2G|J|2H|1|2I]]|A|$]]|$1|17|3|18|5|O|7|2J|8|@]|9|@]|A|$P|Q]]|$1|19|3|1A|5|6|7|2K|8|@]|9|@]|A|$]]|$1|1B|3|1C|5|6|7|2L|8|@]|9|@]|A|$]]|$1|1D|3|1E|5|6|7|2M|8|@]|9|@]|A|$]]|$1|1F|3|1G|5|O|7|2N|8|@]|9|@]|A|$P|Q]]|$1|1H|3|1I|5|6|7|2O|8|@]|9|@]|A|$]]|$1|1J|3|1K|5|O|7|2P|8|@]|9|@]|A|$P|Q]]|$1|1L|3|-4|5|6|7|2Q|8|@]|9|@]|A|$]]]|1M|$1N|$5|1O|1P|1Q|A|$1R|1S|1T|-4]]|1U|$5|1V|1P|1W|A|$1X|1Y]]]]

<p>After a week of puzzling over this. I think I've figured it out.<br>
I'm now using just an EditText inside of the Toolbar. This was suggested to me by oj88 on reddit.
<br><br>
I now have this:<br>
<img src="https://i.stack.imgur.com/IAus6.png" alt="New SearchView"><br><br>
First inside onCreate() of my activity I added the EditText with an image view on the right hand side to the Toolbar like this:  </p>

<pre><code>    // Setup search container view
    searchContainer = new LinearLayout(this);
    Toolbar.LayoutParams containerParams = new Toolbar.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);
    containerParams.gravity = Gravity.CENTER_VERTICAL;
    searchContainer.setLayoutParams(containerParams);

    // Setup search view
    toolbarSearchView = new EditText(this);
    // Set width / height / gravity
    int[] textSizeAttr = new int[]{android.R.attr.actionBarSize};
    int indexOfAttrTextSize = 0;
    TypedArray a = obtainStyledAttributes(new TypedValue().data, textSizeAttr);
    int actionBarHeight = a.getDimensionPixelSize(indexOfAttrTextSize, -1);
    a.recycle();
    LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(0, actionBarHeight);
    params.gravity = Gravity.CENTER_VERTICAL;
    params.weight = 1;
    toolbarSearchView.setLayoutParams(params);

    // Setup display
    toolbarSearchView.setBackgroundColor(Color.TRANSPARENT);
    toolbarSearchView.setPadding(2, 0, 0, 0);
    toolbarSearchView.setTextColor(Color.WHITE);
    toolbarSearchView.setGravity(Gravity.CENTER_VERTICAL);
    toolbarSearchView.setSingleLine(true);
    toolbarSearchView.setImeActionLabel("Search", EditorInfo.IME_ACTION_UNSPECIFIED);
    toolbarSearchView.setHint("Search");
    toolbarSearchView.setHintTextColor(Color.parseColor("#b3ffffff"));
    try {
        // Set cursor colour to white
        // https://stackoverflow.com/a/26544231/1692770
        // https://github.com/android/platform_frameworks_base/blob/kitkat-release/core/java/android/widget/TextView.java#L562-564
        Field f = TextView.class.getDeclaredField("mCursorDrawableRes");
        f.setAccessible(true);
        f.set(toolbarSearchView, R.drawable.edittext_whitecursor);
    } catch (Exception ignored) {
    }

    // Search text changed listener
    toolbarSearchView.addTextChangedListener(new TextWatcher() {
        @Override
        public void beforeTextChanged(CharSequence s, int start, int count, int after) {
        }

        @Override
        public void onTextChanged(CharSequence s, int start, int before, int count) {
            Fragment mainFragment = getFragmentManager().findFragmentById(R.id.container);
            if (mainFragment != null &amp;&amp; mainFragment instanceof MainListFragment) {
                ((MainListFragment) mainFragment).search(s.toString());
            }
        }

        @Override
        public void afterTextChanged(Editable s) {
            // https://stackoverflow.com/a/6438918/1692770
            if (s.toString().length() &lt;= 0) {
                toolbarSearchView.setHintTextColor(Color.parseColor("#b3ffffff"));
            }
        }
    });
    ((LinearLayout) searchContainer).addView(toolbarSearchView);

    // Setup the clear button
    searchClearButton = new ImageView(this);
    Resources r = getResources();
    int px = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 16, r.getDisplayMetrics());
    LinearLayout.LayoutParams clearParams = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
    clearParams.gravity = Gravity.CENTER;
    searchClearButton.setLayoutParams(clearParams);
    searchClearButton.setImageResource(R.drawable.ic_close_white_24dp); // TODO: Get this image from here: https://github.com/google/material-design-icons
    searchClearButton.setPadding(px, 0, px, 0);
    searchClearButton.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            toolbarSearchView.setText("");
        }
    });
    ((LinearLayout) searchContainer).addView(searchClearButton);

    // Add search view to toolbar and hide it
    searchContainer.setVisibility(View.GONE);
    toolbar.addView(searchContainer);
</code></pre>

<p>This worked, but then I came across an issue where onOptionsItemSelected() wasn't being called when I tapped on the home button. So I wasn't able to cancel the search by pressing the home button. I tried a few different ways of registering the click listener on the home button but they didn't work. <br><br>Eventually I found out that the ActionBarDrawerToggle I had was interfering with things, so I removed it. This listener then started working:</p>

<pre><code>    toolbar.setNavigationOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            // toolbarHomeButtonAnimating is a boolean that is initialized as false. It's used to stop the user pressing the home button while it is animating and breaking things.
            if (!toolbarHomeButtonAnimating) {
                // Here you'll want to check if you have a search query set, if you don't then hide the search box.
                // My main fragment handles this stuff, so I call its methods.
                FragmentManager fragmentManager = getFragmentManager();
                final Fragment fragment = fragmentManager.findFragmentById(R.id.container);
                if (fragment != null &amp;&amp; fragment instanceof MainListFragment) {
                    if (((MainListFragment) fragment).hasSearchQuery() || searchContainer.getVisibility() == View.VISIBLE) {
                        displaySearchView(false);
                        return;
                    }
                }
            }

            if (mDrawerLayout.isDrawerOpen(findViewById(R.id.navigation_drawer)))
                mDrawerLayout.closeDrawer(findViewById(R.id.navigation_drawer));
            else
                mDrawerLayout.openDrawer(findViewById(R.id.navigation_drawer));
        }
    });
</code></pre>

<p>So I can now cancel the search with the home button, but I can't press the back button to cancel it yet. So I added this to onBackPressed():  </p>

<pre><code>    FragmentManager fragmentManager = getFragmentManager();
    final Fragment mainFragment = fragmentManager.findFragmentById(R.id.container);
    if (mainFragment != null &amp;&amp; mainFragment instanceof MainListFragment) {
        if (((MainListFragment) mainFragment).hasSearchQuery() || searchContainer.getVisibility() == View.VISIBLE) {
            displaySearchView(false);
            return;
        }
    }
</code></pre>

<p>I created this method to toggle visibility of the EditText and menu item:  </p>

<pre><code>public void displaySearchView(boolean visible) {
    if (visible) {
        // Stops user from being able to open drawer while searching
        mDrawerLayout.setDrawerLockMode(DrawerLayout.LOCK_MODE_LOCKED_CLOSED);

        // Hide search button, display EditText
        menu.findItem(R.id.action_search).setVisible(false);
        searchContainer.setVisibility(View.VISIBLE);

        // Animate the home icon to the back arrow
        toggleActionBarIcon(ActionDrawableState.ARROW, mDrawerToggle, true);

        // Shift focus to the search EditText
        toolbarSearchView.requestFocus();

        // Pop up the soft keyboard
        new Handler().postDelayed(new Runnable() {
            public void run() {
                toolbarSearchView.dispatchTouchEvent(MotionEvent.obtain(SystemClock.uptimeMillis(), SystemClock.uptimeMillis(), MotionEvent.ACTION_DOWN, 0, 0, 0));
                toolbarSearchView.dispatchTouchEvent(MotionEvent.obtain(SystemClock.uptimeMillis(), SystemClock.uptimeMillis(), MotionEvent.ACTION_UP, 0, 0, 0));
            }
        }, 200);
    } else {
        // Allows user to open drawer again
        mDrawerLayout.setDrawerLockMode(DrawerLayout.LOCK_MODE_UNLOCKED);

        // Hide the EditText and put the search button back on the Toolbar.
        // This sometimes fails when it isn't postDelayed(), don't know why.
        toolbarSearchView.postDelayed(new Runnable() {
            @Override
            public void run() {
                toolbarSearchView.setText("");
                searchContainer.setVisibility(View.GONE);
                menu.findItem(R.id.action_search).setVisible(true);
            }
        }, 200);

        // Turn the home button back into a drawer icon
        toggleActionBarIcon(ActionDrawableState.BURGER, mDrawerToggle, true);

        // Hide the keyboard because the search box has been hidden
        InputMethodManager imm = (InputMethodManager) getSystemService(Context.INPUT_METHOD_SERVICE);
        imm.hideSoftInputFromWindow(toolbarSearchView.getWindowToken(), 0);
    }
}
</code></pre>

<p>I needed a way to toggle the home button on the toolbar between the drawer icon and the back button. I eventually found the method below in <a href="https://stackoverflow.com/a/26836272/1692770">this SO answer</a>. Though I modified it slightly to made more sense to me:  </p>

<pre><code>private enum ActionDrawableState {
    BURGER, ARROW
}

/**
 * Modified version of this, https://stackoverflow.com/a/26836272/1692770&lt;br&gt;
 * I flipped the start offset around for the animations because it seemed like it was the wrong way around to me.&lt;br&gt;
 * I also added a listener to the animation so I can find out when the home button has finished rotating.
 */
private void toggleActionBarIcon(final ActionDrawableState state, final ActionBarDrawerToggle toggle, boolean animate) {
    if (animate) {
        float start = state == ActionDrawableState.BURGER ? 1.0f : 0f;
        float end = Math.abs(start - 1);
        if (Build.VERSION.SDK_INT &gt;= Build.VERSION_CODES.HONEYCOMB) {
            ValueAnimator offsetAnimator = ValueAnimator.ofFloat(start, end);
            offsetAnimator.setDuration(300);
            offsetAnimator.setInterpolator(new AccelerateDecelerateInterpolator());
            offsetAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
                @Override
                public void onAnimationUpdate(ValueAnimator animation) {
                    float offset = (Float) animation.getAnimatedValue();
                    toggle.onDrawerSlide(null, offset);
                }
            });
            offsetAnimator.addListener(new Animator.AnimatorListener() {
                @Override
                public void onAnimationStart(Animator animation) {

                }

                @Override
                public void onAnimationEnd(Animator animation) {
                    toolbarHomeButtonAnimating = false;
                }

                @Override
                public void onAnimationCancel(Animator animation) {

                }

                @Override
                public void onAnimationRepeat(Animator animation) {

                }
            });
            toolbarHomeButtonAnimating = true;
            offsetAnimator.start();
        }
    } else {
        if (state == ActionDrawableState.BURGER) {
            toggle.onDrawerClosed(null);
        } else {
            toggle.onDrawerOpened(null);
        }
    }
}
</code></pre>

<p>This works, I've managed to work out a few bugs that I found along the way. I don't think it's 100% but it works well enough for me.</p>

<p>EDIT: If you want to add the search view in XML instead of Java do this:</p>

<p>toolbar.xml:</p>

<pre><code>&lt;android.support.v7.widget.Toolbar 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/toolbar"
    contentInsetLeft="72dp"
    contentInsetStart="72dp"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:background="?attr/colorPrimary"
    android:elevation="4dp"
    android:minHeight="?attr/actionBarSize"
    app:contentInsetLeft="72dp"
    app:contentInsetStart="72dp"
    app:popupTheme="@style/ActionBarPopupThemeOverlay"
    app:theme="@style/ActionBarThemeOverlay"&gt;

    &lt;LinearLayout
        android:id="@+id/search_container"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center_vertical"
        android:orientation="horizontal"&gt;

        &lt;EditText
            android:id="@+id/search_view"
            android:layout_width="0dp"
            android:layout_height="?attr/actionBarSize"
            android:layout_weight="1"
            android:background="@android:color/transparent"
            android:gravity="center_vertical"
            android:hint="Search"
            android:imeOptions="actionSearch"
            android:inputType="text"
            android:maxLines="1"
            android:paddingLeft="2dp"
            android:singleLine="true"
            android:textColor="#ffffff"
            android:textColorHint="#b3ffffff" /&gt;

        &lt;ImageView
            android:id="@+id/search_clear"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:paddingLeft="16dp"
            android:paddingRight="16dp"
            android:src="@drawable/ic_close_white_24dp" /&gt;
    &lt;/LinearLayout&gt;
&lt;/android.support.v7.widget.Toolbar&gt;
</code></pre>

<p>onCreate() of your Activity:</p>

<pre><code>    searchContainer = findViewById(R.id.search_container);
    toolbarSearchView = (EditText) findViewById(R.id.search_view);
    searchClearButton = (ImageView) findViewById(R.id.search_clear);

    // Setup search container view
    try {
        // Set cursor colour to white
        // https://stackoverflow.com/a/26544231/1692770
        // https://github.com/android/platform_frameworks_base/blob/kitkat-release/core/java/android/widget/TextView.java#L562-564
        Field f = TextView.class.getDeclaredField("mCursorDrawableRes");
        f.setAccessible(true);
        f.set(toolbarSearchView, R.drawable.edittext_whitecursor);
    } catch (Exception ignored) {
    }

    // Search text changed listener
    toolbarSearchView.addTextChangedListener(new TextWatcher() {
        @Override
        public void beforeTextChanged(CharSequence s, int start, int count, int after) {
        }

        @Override
        public void onTextChanged(CharSequence s, int start, int before, int count) {
            Fragment mainFragment = getFragmentManager().findFragmentById(R.id.container);
            if (mainFragment != null &amp;&amp; mainFragment instanceof MainListFragment) {
                ((MainListFragment) mainFragment).search(s.toString());
            }
        }

        @Override
        public void afterTextChanged(Editable s) {
        }
    });

    // Clear search text when clear button is tapped
    searchClearButton.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            toolbarSearchView.setText("");
        }
    });

    // Hide the search view
    searchContainer.setVisibility(View.GONE);
</code></pre>


blocks|key|4548681|text|要获得所需的SearchView外观，可以使用样式。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4548682|首先，您需要为您的SearchView创建style，它应该如下所示：|offset|length|style|CODE|4548683|<style+name="CustomSearchView"+parent="Widget.AppCompat.SearchView">
++++<item+name="searchIcon">@null</item>
++++<item+name="queryBackground">@null</item>
</style>|code-block|syntax|javascript|4548684|您可以在"SearchView“部分下的this文章中找到的完整属性列表。|4548685|其次，您需要为您的Toolbar创建一个style，它用作ActionBar：|4548686|<style+name="ToolbarSearchView"+parent="Base.ThemeOverlay.AppCompat.Dark.ActionBar">
++++<item+name="searchViewStyle">@style/CustomSearchView</item>
</style>|4548687|最后，你需要这样更新你的Toolbar主题属性：|4548688|<android.support.v7.widget.Toolbar+xmlns:android="http://schemas.android.com/apk/res/android"
++++xmlns:app="http://schemas.android.com/apk/res-auto"
++++android:id="@%2Bid/toolbar"
++++android:layout_width="match_parent"
++++android:layout_height="?attr/actionBarSize"
++++app:theme="@style/ToolbarSearchView"+/>|4548689|结果：|4548690|​|4548691|📷|atomic|4548692|4548693|注意:您需要直接更改Toolbar主题属性。如果你只是更新你的主主题searchViewStyle属性，它不会影响你的Toolbar。|4548694|entityMap|0|LINK|mutability|MUTABLE|url|https://chris.banes.me/2014/10/17/appcompat-v21/|1|IMAGE|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/91f1bf2e71431bffeda311006a2314f0.png|imageAlt^0|0|L|5|0|0|K|4|0|0|9|7|K|5|0|0|0|0|0|0|0|1|1|0|0|A|7|Y|F|1N|7|0^^$0|@$1|2|3|4|5|6|7|1K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1L|8|@$D|1M|E|1N|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|1O|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|1P|8|@]|9|@$D|1Q|E|1R|1|1S]]|A|$]]|$1|O|3|P|5|6|7|1T|8|@$D|1U|E|1V|F|G]|$D|1W|E|1X|F|G]]|9|@]|A|$]]|$1|Q|3|R|5|J|7|1Y|8|@]|9|@]|A|$K|L]]|$1|S|3|T|5|6|7|1Z|8|@]|9|@]|A|$]]|$1|U|3|V|5|J|7|20|8|@]|9|@]|A|$K|L]]|$1|W|3|X|5|6|7|21|8|@]|9|@]|A|$]]|$1|Y|3|Z|5|6|7|22|8|@]|9|@]|A|$]]|$1|10|3|11|5|12|7|23|8|@]|9|@$D|24|E|25|1|26]]|A|$]]|$1|13|3|Z|5|6|7|27|8|@]|9|@]|A|$]]|$1|14|3|15|5|6|7|28|8|@$D|29|E|2A|F|G]|$D|2B|E|2C|F|G]|$D|2D|E|2E|F|G]]|9|@]|A|$]]|$1|16|3|-4|5|6|7|2F|8|@]|9|@]|A|$]]]|17|$18|$5|19|1A|1B|A|$1C|1D]]|1E|$5|1F|1A|1G|A|$1H|1I|1J|-4]]]]

<p>To achieve desired look of SearchView, you can use styles.</p>

<p>First, you need to create <code>style</code> for your SearchView, which should look something like this:</p>

<pre><code>&lt;style name="CustomSearchView" parent="Widget.AppCompat.SearchView"&gt;
    &lt;item name="searchIcon"&gt;@null&lt;/item&gt;
    &lt;item name="queryBackground"&gt;@null&lt;/item&gt;
&lt;/style&gt;
</code></pre>

<p>Whole list of attributes you can find at <a href="https://chris.banes.me/2014/10/17/appcompat-v21/" rel="noreferrer">this</a> article, under the "SearchView" section.</p>

<p>Secondly, you need to create a <code>style</code> for your <code>Toolbar</code>, which is used as ActionBar:</p>

<pre><code>&lt;style name="ToolbarSearchView" parent="Base.ThemeOverlay.AppCompat.Dark.ActionBar"&gt;
    &lt;item name="searchViewStyle"&gt;@style/CustomSearchView&lt;/item&gt;
&lt;/style&gt;
</code></pre>

<p>And finally you need to update your Toolbar theme attribute this way:</p>

<pre><code>&lt;android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    app:theme="@style/ToolbarSearchView" /&gt;
</code></pre>

<p>Result:</p>

<p><img src="https://i.stack.imgur.com/fWkwI.png" alt="enter image description here"></p>

<p>NOTE: You need to change your <code>Toolbar</code> theme attribute directly. If you'll just update your main theme <code>searchViewStyle</code> attribute it wouldn't affect your <code>Toolbar</code>.</p>


blocks|key|4548794|text|如果你使用的是android.support.v7库，这实际上很容易做到。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4548795|第1步|4548796|声明菜单项|4548797|<item+android:id="@%2Bid/action_search"
++++android:title="Search"
++++android:icon="@drawable/abc_ic_search_api_mtrl_alpha"
++++app:showAsAction="ifRoom%7CcollapseActionView"
++++app:actionViewClass="android.support.v7.widget.SearchView"+/>|code-block|syntax|javascript|4548798|第2步|4548799|扩展AppCompatActivity并在onCreateOptionsMenu中设置SearchView。|4548800|import+android.support.v7.widget.SearchView;

...

public+class+YourActivity+extends+AppCompatActivity+{

++++...

++++@Override
++++public+boolean+onCreateOptionsMenu(Menu+menu)+{
++++++++getMenuInflater().inflate(R.menu.menu_home,+menu);
++++++++//+Retrieve+the+SearchView+and+plug+it+into+SearchManager
++++++++final+SearchView+searchView+=+(SearchView)+MenuItemCompat.getActionView(menu.findItem(R.id.action_search));
++++++++SearchManager+searchManager+=+(SearchManager)+getSystemService(SEARCH_SERVICE);
++++++++searchView.setSearchableInfo(searchManager.getSearchableInfo(getComponentName()));
++++++++return+true;
++++}

++++...+

}|4548801|结果|4548802|​|4548803|📷|atomic|4548804|4548805|4548806|4548807|4548808|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/caf12214e201d9e0bf388c92c5ba282d.png|imageAlt|1|https://ask.qcloudimg.com/http-save/yehe-900000/9e45954e3dd703f48e26410ef15f8d84.png^0|7|I|0|0|0|0|0|2|H|L|J|0|0|0|0|0|1|0|0|0|0|0|1|1|0|0^^$0|@$1|2|3|4|5|6|7|1G|8|@$9|1H|A|1I|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|1J|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|1K|8|@]|D|@]|E|$]]|$1|J|3|K|5|L|7|1L|8|@]|D|@]|E|$M|N]]|$1|O|3|P|5|6|7|1M|8|@]|D|@]|E|$]]|$1|Q|3|R|5|6|7|1N|8|@$9|1O|A|1P|B|C]|$9|1Q|A|1R|B|C]]|D|@]|E|$]]|$1|S|3|T|5|L|7|1S|8|@]|D|@]|E|$M|N]]|$1|U|3|V|5|6|7|1T|8|@]|D|@]|E|$]]|$1|W|3|X|5|6|7|1U|8|@]|D|@]|E|$]]|$1|Y|3|Z|5|10|7|1V|8|@]|D|@$9|1W|A|1X|1|1Y]]|E|$]]|$1|11|3|X|5|6|7|1Z|8|@]|D|@]|E|$]]|$1|12|3|X|5|6|7|20|8|@]|D|@]|E|$]]|$1|13|3|Z|5|10|7|21|8|@]|D|@$9|22|A|23|1|24]]|E|$]]|$1|14|3|X|5|6|7|25|8|@]|D|@]|E|$]]|$1|15|3|-4|5|6|7|26|8|@]|D|@]|E|$]]]|16|$17|$5|18|19|1A|E|$1B|1C|1D|-4]]|1E|$5|18|19|1A|E|$1B|1F|1D|-4]]]]

<p>It is actually quite easy to do this, if you are using <code>android.support.v7</code> library.</p>

<h2>Step - 1</h2>

<p>Declare a menu item</p>

<pre><code>&lt;item android:id="@+id/action_search"
    android:title="Search"
    android:icon="@drawable/abc_ic_search_api_mtrl_alpha"
    app:showAsAction="ifRoom|collapseActionView"
    app:actionViewClass="android.support.v7.widget.SearchView" /&gt;
</code></pre>

<h2>Step - 2</h2>

<p>Extend <code>AppCompatActivity</code> and in the <code>onCreateOptionsMenu</code> setup the SearchView.</p>

<pre><code>import android.support.v7.widget.SearchView;

...

public class YourActivity extends AppCompatActivity {

    ...

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.menu_home, menu);
        // Retrieve the SearchView and plug it into SearchManager
        final SearchView searchView = (SearchView) MenuItemCompat.getActionView(menu.findItem(R.id.action_search));
        SearchManager searchManager = (SearchManager) getSystemService(SEARCH_SERVICE);
        searchView.setSearchableInfo(searchManager.getSearchableInfo(getComponentName()));
        return true;
    }

    ... 

}
</code></pre>

<h2>Result</h2>

<p><a href="https://i.stack.imgur.com/iFyun.png"><img src="https://i.stack.imgur.com/iFyun.png" alt="enter image description here"></a></p>

<p><a href="https://i.stack.imgur.com/7KSxj.png"><img src="https://i.stack.imgur.com/7KSxj.png" alt="enter image description here"></a></p>


blocks|key|41977|text|下面将创建一个与Gmail中相同的SearchView，并将其添加到给定的工具栏中。你只需要实现你自己的"ViewUtil.convertDpToPixel“方法。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|41978|private+SearchView+createMaterialSearchView(Toolbar+toolbar,+String+hintText)+{

++++setSupportActionBar(toolbar);
++++ActionBar+actionBar+=+getSupportActionBar();
++++actionBar.setDisplayHomeAsUpEnabled(true);
++++actionBar.setDisplayShowCustomEnabled(true);
++++actionBar.setDisplayShowTitleEnabled(false);

++++SearchView+searchView+=+new+SearchView(this);
++++searchView.setIconifiedByDefault(false);
++++searchView.setMaxWidth(Integer.MAX_VALUE);
++++searchView.setMinimumHeight(Integer.MAX_VALUE);
++++searchView.setQueryHint(hintText);

++++int+rightMarginFrame+=+0;
++++View+frame+=+searchView.findViewById(getResources().getIdentifier("android:id/search_edit_frame",+null,+null));
++++if+(frame+!=+null)+{
++++++++LinearLayout.LayoutParams+frameParams+=+new+LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,+ViewGroup.LayoutParams.MATCH_PARENT);
++++++++rightMarginFrame+=+((LinearLayout.LayoutParams)+frame.getLayoutParams()).rightMargin;
++++++++frameParams.setMargins(0,+0,+0,+0);
++++++++frame.setLayoutParams(frameParams);
++++}

++++View+plate+=+searchView.findViewById(getResources().getIdentifier("android:id/search_plate",+null,+null));
++++if+(plate+!=+null)+{
++++++++plate.setLayoutParams(new+LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,+ViewGroup.LayoutParams.MATCH_PARENT));
++++++++plate.setPadding(0,+0,+rightMarginFrame,+0);
++++++++plate.setBackgroundColor(Color.TRANSPARENT);
++++}

++++int+autoCompleteId+=+getResources().getIdentifier("android:id/search_src_text",+null,+null);
++++if+(searchView.findViewById(autoCompleteId)+!=+null)+{
++++++++EditText+autoComplete+=+(EditText)+searchView.findViewById(autoCompleteId);
++++++++LinearLayout.LayoutParams+params+=+new+LinearLayout.LayoutParams(0,+(int)+ViewUtil.convertDpToPixel(36));
++++++++params.weight+=+1;
++++++++params.gravity+=+Gravity.CENTER_VERTICAL;
++++++++params.leftMargin+=+rightMarginFrame;
++++++++autoComplete.setLayoutParams(params);
++++++++autoComplete.setTextSize(16f);
++++}

++++int+searchMagId+=+getResources().getIdentifier("android:id/search_mag_icon",+null,+null);
++++if+(searchView.findViewById(searchMagId)+!=+null)+{
++++++++ImageView+v+=+(ImageView)+searchView.findViewById(searchMagId);
++++++++v.setImageDrawable(null);
++++++++v.setPadding(0,+0,+0,+0);
++++++++LinearLayout.LayoutParams+params+=+new+LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT,+LinearLayout.LayoutParams.WRAP_CONTENT);
++++++++params.setMargins(0,+0,+0,+0);
++++++++v.setLayoutParams(params);
++++}

++++toolbar.setTitle(null);
++++toolbar.setContentInsetsAbsolute(0,+0);
++++toolbar.addView(searchView);

++++return+searchView;
}|code-block|syntax|javascript|41979|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>The following will create a SearchView identical to the one in Gmail and add it to the given Toolbar.  You'll just have to implement your own "ViewUtil.convertDpToPixel" method.</p>

<pre><code>private SearchView createMaterialSearchView(Toolbar toolbar, String hintText) {

    setSupportActionBar(toolbar);
    ActionBar actionBar = getSupportActionBar();
    actionBar.setDisplayHomeAsUpEnabled(true);
    actionBar.setDisplayShowCustomEnabled(true);
    actionBar.setDisplayShowTitleEnabled(false);

    SearchView searchView = new SearchView(this);
    searchView.setIconifiedByDefault(false);
    searchView.setMaxWidth(Integer.MAX_VALUE);
    searchView.setMinimumHeight(Integer.MAX_VALUE);
    searchView.setQueryHint(hintText);

    int rightMarginFrame = 0;
    View frame = searchView.findViewById(getResources().getIdentifier("android:id/search_edit_frame", null, null));
    if (frame != null) {
        LinearLayout.LayoutParams frameParams = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);
        rightMarginFrame = ((LinearLayout.LayoutParams) frame.getLayoutParams()).rightMargin;
        frameParams.setMargins(0, 0, 0, 0);
        frame.setLayoutParams(frameParams);
    }

    View plate = searchView.findViewById(getResources().getIdentifier("android:id/search_plate", null, null));
    if (plate != null) {
        plate.setLayoutParams(new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT));
        plate.setPadding(0, 0, rightMarginFrame, 0);
        plate.setBackgroundColor(Color.TRANSPARENT);
    }

    int autoCompleteId = getResources().getIdentifier("android:id/search_src_text", null, null);
    if (searchView.findViewById(autoCompleteId) != null) {
        EditText autoComplete = (EditText) searchView.findViewById(autoCompleteId);
        LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(0, (int) ViewUtil.convertDpToPixel(36));
        params.weight = 1;
        params.gravity = Gravity.CENTER_VERTICAL;
        params.leftMargin = rightMarginFrame;
        autoComplete.setLayoutParams(params);
        autoComplete.setTextSize(16f);
    }

    int searchMagId = getResources().getIdentifier("android:id/search_mag_icon", null, null);
    if (searchView.findViewById(searchMagId) != null) {
        ImageView v = (ImageView) searchView.findViewById(searchMagId);
        v.setImageDrawable(null);
        v.setPadding(0, 0, 0, 0);
        LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT);
        params.setMargins(0, 0, 0, 0);
        v.setLayoutParams(params);
    }

    toolbar.setTitle(null);
    toolbar.setContentInsetsAbsolute(0, 0);
    toolbar.addView(searchView);

    return searchView;
}
</code></pre>


blocks|key|42100|text|下面是我尝试这样做的方法：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|42101|步骤1:创建一个名为SearchViewStyle的样式|offset|length|style|CODE|42102|<style+name="SearchViewStyle"+parent="Widget.AppCompat.SearchView">
++++
++++<item+name="searchIcon">@drawable/search</item>
++++
++++<item+name="queryBackground">@null</item>
++++
++++<item+name="searchHintIcon">@null</item>
++++
++++<item+name="queryHint">@string/search_hint</item>
</style>|code-block|syntax|javascript|42103|步骤2:创建一个名为simple_search_view_item.xml的布局|42104|<?xml+version="1.0"+encoding="utf-8"?>
<android.support.v7.widget.SearchView
++++android:layout_gravity="end"
++++android:layout_height="wrap_content"
++++android:layout_width="match_parent"
++++style="@style/SearchViewStyle"
++++xmlns:android="http://schemas.android.com/apk/res/android"+/>++|42105|步骤3:为此搜索视图创建菜单项|42106|<?xml+version="1.0"+encoding="utf-8"?>
<menu+xmlns:android="http://schemas.android.com/apk/res/android"
++++xmlns:app="http://schemas.android.com/apk/res-auto">
++++<item
++++++++app:actionLayout="@layout/simple_search_view_item"
++++++++android:title="@string/search"
++++++++android:icon="@drawable/search"
++++++++app:showAsAction="always"+/>
</menu>++|42107|第四步:扩大菜单|42108|@Override
public+boolean+onCreateOptionsMenu(Menu+menu)+{
++++MenuInflater+inflater+=+getMenuInflater();
++++inflater.inflate(R.menu.menu_searchable_activity,+menu);
++++return+true;
}++|42109|结果：|42110|​|42111|📷|atomic|42112|我唯一不能做的就是让它填满整个Toolbar的宽度。如果有人能帮我做到这一点那就太好了。|42113|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/65e0314f63129b8b3c6b86c1aa5ecdec.png|imageAlt^0|0|A|F|0|0|A|R|0|0|0|0|0|0|0|0|0|1|0|0|F|7|0^^$0|@$1|2|3|4|5|6|7|1G|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1H|8|@$D|1I|E|1J|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|1K|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|1L|8|@$D|1M|E|1N|F|G]]|9|@]|A|$]]|$1|O|3|P|5|J|7|1O|8|@]|9|@]|A|$K|L]]|$1|Q|3|R|5|6|7|1P|8|@]|9|@]|A|$]]|$1|S|3|T|5|J|7|1Q|8|@]|9|@]|A|$K|L]]|$1|U|3|V|5|6|7|1R|8|@]|9|@]|A|$]]|$1|W|3|X|5|J|7|1S|8|@]|9|@]|A|$K|L]]|$1|Y|3|Z|5|6|7|1T|8|@]|9|@]|A|$]]|$1|10|3|11|5|6|7|1U|8|@]|9|@]|A|$]]|$1|12|3|13|5|14|7|1V|8|@]|9|@$D|1W|E|1X|1|1Y]]|A|$]]|$1|15|3|16|5|6|7|1Z|8|@$D|20|E|21|F|G]]|9|@]|A|$]]|$1|17|3|-4|5|6|7|22|8|@]|9|@]|A|$]]]|18|$19|$5|1A|1B|1C|A|$1D|1E|1F|-4]]]]

<p>Here's  my attempt at doing this:  </p>

<h3>Step 1: Create a style named <code>SearchViewStyle</code></h3>

<pre><code>&lt;style name="SearchViewStyle" parent="Widget.AppCompat.SearchView"&gt;
    &lt;!-- Gets rid of the search icon --&gt;
    &lt;item name="searchIcon"&gt;@drawable/search&lt;/item&gt;
    &lt;!-- Gets rid of the "underline" in the text --&gt;
    &lt;item name="queryBackground"&gt;@null&lt;/item&gt;
    &lt;!-- Gets rid of the search icon when the SearchView is expanded --&gt;
    &lt;item name="searchHintIcon"&gt;@null&lt;/item&gt;
    &lt;!-- The hint text that appears when the user has not typed anything --&gt;
    &lt;item name="queryHint"&gt;@string/search_hint&lt;/item&gt;
&lt;/style&gt;
</code></pre>

<h3>Step 2: Create a layout named <code>simple_search_view_item.xml</code></h3>

<pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;android.support.v7.widget.SearchView
    android:layout_gravity="end"
    android:layout_height="wrap_content"
    android:layout_width="match_parent"
    style="@style/SearchViewStyle"
    xmlns:android="http://schemas.android.com/apk/res/android" /&gt;  
</code></pre>

<h3>Step 3: Create a menu item for this search view</h3>

<pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"&gt;
    &lt;item
        app:actionLayout="@layout/simple_search_view_item"
        android:title="@string/search"
        android:icon="@drawable/search"
        app:showAsAction="always" /&gt;
&lt;/menu&gt;  
</code></pre>

<h3>Step 4: Inflate the menu</h3>

<pre><code>@Override
public boolean onCreateOptionsMenu(Menu menu) {
    MenuInflater inflater = getMenuInflater();
    inflater.inflate(R.menu.menu_searchable_activity, menu);
    return true;
}  
</code></pre>

<h3>Result:</h3>

<p><a href="https://i.stack.imgur.com/bKvG3.png" rel="noreferrer"><img src="https://i.stack.imgur.com/bKvG3.png" alt="enter image description here"></a>  </p>

<p>The only thing I wasn't able to do was to make it fill the entire width of the <code>Toolbar</code>. If someone could help me do that then that'd be golden.</p>


blocks|key|42171|text|我知道这是一个老帖子，但仍然在张贴我刚刚制作的库。希望这能帮助到一些人。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|42172|https://github.com/Shahroz16/material-searchview|offset|length|42173|​|42174|📷|atomic|42175|42176|entityMap|0|LINK|mutability|MUTABLE|url|1|IMAGE|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/9e9012b55e67cea5148540f036aaf700.gif|imageAlt^0|0|0|1C|0|0|0|0|1|1|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Z|8|@]|9|@$D|10|E|11|1|12]]|A|$]]|$1|F|3|G|5|6|7|13|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|14|8|@]|9|@$D|15|E|16|1|17]]|A|$]]|$1|K|3|G|5|6|7|18|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|19|8|@]|9|@]|A|$]]]|M|$N|$5|O|P|Q|A|$R|C]]|S|$5|T|P|U|A|$V|W|X|-4]]]]

<p>I know its a old thread but still posting the library I just made. Hope this might help someone.</p>

<p><a href="https://github.com/Shahroz16/material-searchview">https://github.com/Shahroz16/material-searchview</a> </p>

<p><a href="https://i.stack.imgur.com/oLG2Y.gif"><img src="https://i.stack.imgur.com/oLG2Y.gif" alt="Meterial Search View"></a></p>


<p>I'm currently in the process of learning how to convert my app to Material design and I'm a bit stuck right now. I've got the Toolbar added and I have made my navigation drawer overlay all the content.<br><br>I'm now trying to create an expandable search that looks like the one in the <a href="http://www.google.co.uk/design/spec/patterns/search.html#search-in-app-search">material guidelines</a>:
<img src="https://i.stack.imgur.com/s3F67.png" alt="enter image description here"><br><br>
This is what I've got right now and I can't figure out how to make it like the above:<br>
<img src="https://i.stack.imgur.com/UMI0p.png" alt="My search"></p>

<p>This is my menu xml:</p>

<pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"&gt;
    &lt;item
        android:id="@+id/action_search"
        android:icon="@android:drawable/ic_menu_search"
        android:title="Search"
        app:showAsAction="always"
        app:actionViewClass="android.support.v7.widget.SearchView" /&gt;
&lt;/menu&gt;
</code></pre>

<p>That works, I get a menu item that expands to the SearchView and I can filter my list fine. It doesn't look anything like the 1st picture though.<br><br>
I tried to use <code>MenuItemCompat.setOnActionExpandListener()</code> on <code>R.id.action_search</code> so I could change the home icon to a back arrow, but that doesn't seem to work. Nothing gets fired in the listener. Even if that worked it still wouldn't be very close to the 1st image.<br><br>
How do I create a SearchView in the new appcompat toolbar that looks like the material guidelines?</p>


Creating a SearchView that looks like the material design guidelines

我目前正在学习如何将我的应用程序转换为材料设计，现在我有点卡住了。我已经添加了工具栏，我已经使我的导航抽屉覆盖了所有的内容。我现在正在尝试创建一个可扩展的搜索，它看起来像中的搜索：这就是我现在所拥有的，但我不知道如何让它像上面那样：​这是我的菜单xml：<?xml version="1.0" encoding="utf...

问创建一个看起来像材料设计指南的SearchView
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问创建一个看起来像材料设计指南的SearchViewEN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问创建一个看起来像材料设计指南的SearchView
EN