Android之ToolBar项目封装,踩坑过河
2016-06-23
继承关系:
java.lang.Object
↳ android.view.View
↳ android.view.ViewGroup
↳ android.widget.Toolbar
其实toolbar就是一个封装好的ViewGroup
其子View如下:
private ActionMenuView mMenuView;
private TextView mTitleTextView;
private TextView mSubtitleTextView;
private ImageButton mNavButtonView;
private ImageView mLogoView;
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
<item name="colorPrimaryDark">@color/main_dark</item>
<item name="colorPrimary">@color/main</item>
<item name="colorAccent">@color/strong</item>
<item name="android:textColorPrimary">@android:color/white</item>
<item name="android:actionBarSize">@dimen/nav_bar_height</item>
</style>
关于各个字段的描述看谷歌官方图,如下:
或者看谷歌文档:Material Theme
由于我们项目里设定了toobar的高度,这里指定了actionBarSize,然后通过设置toolbar高度为这个值;
<include layout="@layout/toolbar_layout"/>
toolbar_layout.xml如下:<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.Toolbar
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="?attr/colorPrimary"
android:elevation="1dp"
app:titleTextAppearance="@style/Toolbar.TitleText">
<TextView
android:id="@+id/nav_left_text"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:drawableLeft="@drawable/nav_back_light"
android:drawableStart="@drawable/nav_back_light"
android:layout_gravity = "start"
android:gravity="center"
android:minWidth="50dp"
android:text="返回"
android:textColor="@android:color/white"
android:textSize="@dimen/font_title"
android:visibility="gone"/>
<TextView
android:id="@+id/center_title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity = "center"
android:textColor="@android:color/white"
android:textSize="@dimen/font_large"
tools:text="标题" />
<TextView
android:id="@+id/nav_right_text_button"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_gravity = "end"
android:gravity="center"
android:minWidth="50dp"
android:paddingLeft="10dp"
android:paddingRight="10dp"
android:textColor="@color/color_999"
android:textSize="@dimen/font_normal"
android:visibility="gone" />
</android.support.v7.widget.Toolbar>
android:layout_gravity
来指定位置,这里有坑,自定义部分布局最左边有间隙,如果要去掉,可以设置:contentInset
这个标签去除 @BindView(R.id.toolbar)
protected Toolbar mToolBar;
@BindView(R.id.center_title)
TextView mCenterTitle;
@BindView(R.id.nav_left_text)
TextView mNavLeftText;
@Override
protected void initView(View view, Bundle savedInstanceState) {
mUnbinder = ButterKnife.bind(this, view);
initToolBar(mToolBar, mCenterTitle, mNavLeftText);
}
protected void initToolBar(Toolbar toolbar, TextView centerTitle, TextView navLeftText){
((AppCompatActivity)getActivity()).setSupportActionBar(toolbar);
((AppCompatActivity)getActivity()).getSupportActionBar().setDisplayShowTitleEnabled(false);
toolbar.setNavigationIcon(R.drawable.nav_back_light);
toolbar.setNavigationOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
popFragment();
}
});
}
((AppCompatActivity)getActivity()).getSupportActionBar().setDisplayShowTitleEnabled(false);
setHasOptionsMenu(true);
@Override
public void onCreateOptionsMenu(Menu menu, MenuInflater inflater) {
inflater.inflate(R.menu.search, menu);
super.onCreateOptionsMenu(menu, inflater);
}
((AppCompatActivity)getActivity()).setSupportActionBar(toolbar);
onCreateOptionsMenu
并不会被回调toolbar.setOnMenuItemClickListener(new Toolbar.OnMenuItemClickListener() {
@Override
public boolean onMenuItemClick(MenuItem item) {
switch (item.getItemId()){
}
return true;
}
});