Android 如何单击“更改操作栏背景”;搜索“;菜单?
我已经通过了Android开发者网站上的搜索界面教程,并成功实现了它 我唯一没能做到的就是在点击搜索菜单时更改Actionbar背景,然后在点击“后退”按钮时恢复背景 下面是Gmail应用程序的截图。正常的操作栏如下所示 当你点击“搜索”菜单时,它会变成下面这样,而不会改变活动Android 如何单击“更改操作栏背景”;搜索“;菜单?,android,android-actionbar,searchview,Android,Android Actionbar,Searchview,我已经通过了Android开发者网站上的搜索界面教程,并成功实现了它 我唯一没能做到的就是在点击搜索菜单时更改Actionbar背景,然后在点击“后退”按钮时恢复背景 下面是Gmail应用程序的截图。正常的操作栏如下所示 当你点击“搜索”菜单时,它会变成下面这样,而不会改变活动 我想实现这个功能。请帮忙。谢谢 基本上FrameLayout是在Gmail应用程序中创建的,该应用程序包含两个视图: 工具栏-公共API中提供的第一个红色工具栏 MaterialSearchActionView包含
我想实现这个功能。请帮忙。谢谢 基本上
FrameLayout
是在Gmail应用程序中创建的,该应用程序包含两个视图:
-公共API中提供的第一个红色工具栏工具栏
包含三个视图MaterialSearchActionView
-带返回箭头ImageView
EditText
-带“x”/“麦克风”ImageView
活动
时,第二个视图将消失,当您按下搜索图标时,将显示该视图。无法获取MaterialSearchActionView
,因此您必须创建自己的视图,其中包含这些控件
我创建了一个小示例来说明如何做到这一点:
DoubleActionBarActivity.class:
public class DoubleActionBarActivity extends ActionBarActivity {
Toolbar toolbar;
Toolbar searchToolbar;
boolean isSearch;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_with_double_toolbar);
toolbar = (Toolbar) findViewById(R.id.toolbar);
searchToolbar = (Toolbar) findViewById(R.id.toolbar_search);
prepareActionBar(toolbar);
}
private void prepareActionBar(Toolbar toolbar) {
setSupportActionBar(toolbar);
ActionBar actionBar = getSupportActionBar();
actionBar.setDisplayHomeAsUpEnabled(true);
if (Build.VERSION.SDK_INT >= 21) {
getWindow().setStatusBarColor(getResources().getColor(isSearch ? android.R.color.darker_gray : android.R.color.holo_red_dark));
}
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
MenuInflater inflater = getMenuInflater();
inflater.inflate(isSearch ? R.menu.search_for_second_toolbar : R.menu.search_item_only, menu);
if (isSearch) {
final SearchView search = (SearchView) menu.findItem(R.id.action_search).getActionView();
search.setIconified(false);
search.setQueryHint("search");
search.setOnCloseListener(new SearchView.OnCloseListener() {
@Override
public boolean onClose() {
return true;
}
});
}
return super.onCreateOptionsMenu(menu);
}
@Override
public boolean onOptionsItemSelected(MenuItem item) {
int id = item.getItemId();
switch (id){
case R.id.action_search:{
isSearch = true;
searchToolbar.setVisibility(View.VISIBLE);
prepareActionBar(searchToolbar);
supportInvalidateOptionsMenu();
return true;
}
case android.R.id.home:
if(isSearch){
isSearch = false;
prepareActionBar(toolbar);
searchToolbar.setVisibility(View.GONE);
supportInvalidateOptionsMenu();
}
return true;
default:
return super.onOptionsItemSelected(item);
}
}
}
带有双工具栏的活动
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">
<FrameLayout
android:layout_width="match_parent"
android:layout_height="@dimen/abc_action_bar_default_height_material">
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:background="@android:color/holo_red_dark"
android:layout_width="match_parent"
android:layout_height="match_parent">
</android.support.v7.widget.Toolbar>
<android.support.v7.widget.Toolbar
android:visibility="gone"
android:background="@android:color/darker_gray"
android:gravity="center_vertical"
android:id="@+id/toolbar_search"
android:layout_width="match_parent"
android:layout_height="match_parent">
</android.support.v7.widget.Toolbar>
</FrameLayout>
</LinearLayout>
<?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
android:id="@+id/action_search"
app:showAsAction="ifRoom"
app:actionViewClass="android.support.v7.widget.SearchView"
android:title="Search"/>
</menu>
你可能会感兴趣。你试过我的解决方案吗?是的,我现在试过了。它起作用了!Hi-Konrad,它很好地解决了这个问题。感谢您花时间深入了解API。也感谢您的链接。在另一个应用程序中需要它!
<?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 android:id="@+id/action_search"
android:title="search"
android:icon="@drawable/abc_ic_search_api_mtrl_alpha"
app:showAsAction="ifRoom" ></item>
</menu>