android 在同一个活动中添加两个工具栏? [英] android add two toolbars in the same activity ?
问题描述
我有一个底部菜单作为工具栏，我需要在顶部添加另一个作为操作栏.这是活动的代码
I have a bottom menu as a toolbar and I need to add another one at the top as an actionbar. here is the code ofthe activity
public class ListViewPharms extends AppCompatActivity {
public Toolbar mToolbar;
ListView mListView;
SimpleAdapter pharmAdapter;
LinearLayout searchsec;
// Search EditText
EditText inputSearch;
@Override
public void onCreate(Bundle savedInstanceState) {
requestWindowFeature(Window.FEATURE_CUSTOM_TITLE);
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_action_bar);
getWindow().setFeatureInt(Window.FEATURE_CUSTOM_TITLE, R.layout.activity_list_view_pharms_title);
Toolbar toolbar = (Toolbar) findViewById(R.id.mytoolbar);
setSupportActionBar(toolbar);
getSupportActionBar().setDisplayShowTitleEnabled(false);
setupEvenlyDistributedToolbar();
inputSearch = (EditText) findViewById(R.id.search_bar);
inputSearch.addTextChangedListener(new TextWatcher() {
@Override
public void onTextChanged(CharSequence cs, int arg1, int arg2, int arg3) {
// When user changed the Text
ListViewPharms.this.pharmAdapter.getFilter().filter(cs);
}
@Override
public void beforeTextChanged(CharSequence arg0, int arg1, int arg2,
int arg3) {
// TODO Auto-generated method stub
}
@Override
public void afterTextChanged(Editable arg0) {
// TODO Auto-generated method stub
}
});
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
MenuInflater inflater = getMenuInflater();
inflater.inflate(R.menu.menu_register, menu);
return true;
}
@Override
public boolean onOptionsItemSelected(MenuItem item) {
switch (item.getItemId()) {
case R.id.action_home:
Intent intent = new Intent(this, ListViewPharms.class);
startActivity(intent);
break;
case R.id.action_cont:
item.setIcon(getResources().getDrawable(R.drawable.icon2_active));
Intent intent2 = new Intent(this, Contribute.class);
startActivity(intent2);
break;
case R.id.action_info:
Intent intent3 = new Intent(this, info.class);
startActivity(intent3);
break;
case R.id.action_settings:
Intent intent4 = new Intent(this, contactInfo.class);
startActivity(intent4);
break;
}
return true;
}
/**
* This method will take however many items you have in your
* menu/menu_main.xml and distribute them across your devices screen
* evenly using a Toolbar. Enjoy!!
*/
public void setupEvenlyDistributedToolbar(){
// Use Display metrics to get Screen Dimensions
Display display = getWindowManager().getDefaultDisplay();
DisplayMetrics metrics = new DisplayMetrics();
display.getMetrics(metrics);
// Toolbar
mToolbar = (Toolbar) findViewById(R.id.mytoolbar);
// Inflate your menu
mToolbar.inflateMenu(R.menu.menu_register);
// Add 10 spacing on either side of the toolbar
mToolbar.setContentInsetsAbsolute(4, 4);
// Get the ChildCount of your Toolbar, this should only be 1
int childCount = mToolbar.getChildCount();
// Get the Screen Width in pixels
int screenWidth = metrics.widthPixels;
// Create the Toolbar Params based on the screenWidth
Toolbar.LayoutParams toolbarParams = new Toolbar.LayoutParams(screenWidth, ViewGroup.LayoutParams.WRAP_CONTENT);
// Loop through the child Items
for(int i = 0; i < childCount; i++){
// Get the item at the current index
View childView = mToolbar.getChildAt(i);
// If its a ViewGroup
if(childView instanceof ViewGroup){
// Set its layout params
childView.setLayoutParams(toolbarParams);
// Get the child count of this view group, and compute the item widths based on this count & screen size
int innerChildCount = ((ViewGroup) childView).getChildCount();
int itemWidth = (screenWidth / innerChildCount);
// Create layout params for the ActionMenuView
ActionMenuView.LayoutParams params = new ActionMenuView.LayoutParams(itemWidth, ViewGroup.LayoutParams.WRAP_CONTENT);
// Loop through the children
for(int j = 0; j < innerChildCount; j++){
View grandChild = ((ViewGroup) childView).getChildAt(j);
if(grandChild instanceof ActionMenuItemView){
// set the layout parameters on each View
grandChild.setLayoutParams(params);
}
}
}
}
}
}
这里是这个活动的xml mytoolbar是底部的工具栏:
and here is the xml for this activity mytoolbar is the bottom toolbar:
<RelativeLayout
android:id="@+id/pharms_list"
android:layout_height="fill_parent"
android:layout_width="fill_parent"
android:orientation="vertical"
android:layout_above="@+id/mytoolbar">
<ListView
android:id="@+id/list"
android:layout_width="fill_parent"
android:layout_height="match_parent"
android:layout_weight="1"
android:drawSelectorOnTop="false"
android:layout_below="@+id/first_sec"
android:layout_alignParentEnd="true" />
</RelativeLayout>
<android.support.v7.widget.Toolbar
android:id="@+id/mytoolbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:background="@drawable/linesup"
app:contentInsetLeft="10dp"
app:contentInsetRight="10dp"
app:contentInsetStart="10dp"
>
</android.support.v7.widget.Toolbar>
在清单文件中，我确实添加了 android:uiOptions="splitActionBarWhenNarrow" 如何将菜单添加到顶部作为此图像?
and in the manifest file I did add the android:uiOptions="splitActionBarWhenNarrow" how I could add a menu to the top as this image?
推荐答案
我也有类似的需求，唯一的区别是我想要顶部有一个工具栏，底部有一个操作栏.
I had a similar need, the only difference being that I wanted a toolbar on top, and a sort of action bar at the bottom.
工具栏必须符合材料要求，有标题、一些按钮，可能还有一个动作溢出，而底部栏必须包含一些等距、始终可见的按钮，仅此而已.
The toobar had to be material-compliant, with a title, some buttons, and possibly an action overflow, while the bottom bar had to contain some equally-spaced, always visible buttons, and nothing else.
我的实现在 Android 4.x 和 Android 5.x 上遵循、测试和工作.
My implementation follows, tested and working, both on Android 4.x and Android 5.x.
这是布局；如您所见，我没有将工具栏用于底部栏，而是使用一个 ActionMenuView，它是一个较低级别的小部件，工具栏本身在内部使用:
Here's the layout; as you can see, I'm not using Toolbar for the bottom bar, but an ActionMenuView, which is a lower-level widget, that the Toolbar itself uses internally:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.v7.widget.Toolbar
android:id="@+id/page_toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:layout_alignParentTop="true"
android:background="?attr/colorPrimary"
android:elevation="4dp"/>
<android.support.v7.widget.ActionMenuView
android:id="@+id/bottom_toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:layout_alignParentBottom="true"
android:background="?attr/colorPrimary"
android:elevation="4dp" />
<WebView
android:id="@+id/page"
android:layout_below="@id/page_toolbar"
android:layout_above="@id/bottom_toolbar"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</RelativeLayout>
这是底部栏的菜单；与常规工具栏菜单相比，没有什么不同:
Here's the menu for the bottom bar; nothing different, compared to a regular toolbar menu:
<?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_list"
android:icon="@drawable/ic_list"
android:title="@string/action_list"
app:showAsAction="always"/>
<!-- several more items here... -->
</menu>
这是我的活动中的代码，它来自 AppCompatActivity；正如你所看到的，我利用顶部工具栏的 onCreateOptionsMenu 回调来膨胀和初始化底部栏.不幸的是，底部栏菜单项的侦听器需要单独设置.但它们可以与顶部工具栏共享相同的 onOptionsItemSelected:
And here's the code in my activity, that derives from AppCompatActivity; as you can see I exploit the onCreateOptionsMenu callback of the top toolbar to inflate and initialize the bottom bar too. Unfortunately, listeners for bottom bar menu items need to be set individually. But they can share the same onOptionsItemSelected with the top toolbar:
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the toolbar menu
getMenuInflater().inflate(R.menu.web_page_menu, menu);
// Inflate and initialize the bottom menu
ActionMenuView bottomBar = (ActionMenuView)findViewById(R.id.bottom_toolbar);
Menu bottomMenu = bottomBar.getMenu();
getMenuInflater().inflate(R.menu.obj_menu, bottomMenu);
for (int i = 0; i < bottomMenu.size(); i++) {
bottomMenu.getItem(i).setOnMenuItemClickListener(new MenuItem.OnMenuItemClickListener() {
@Override
public boolean onMenuItemClick(MenuItem item) {
return onOptionsItemSelected(item);
}
});
}
return true;
}
截图:
我不确定这是一个完全正统的实现，但我希望它对某人有用.
I am not sure this is a totally orthodox implementation, but I hope it can be useful to someone.
这篇关于android 在同一个活动中添加两个工具栏?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
