ActionBar自定义视图(标题居中)

转载路径:Navigation Drawer 的初了解以及ActionBar自定义视图(标题居中)

整个示例都是改造自 Google Android Training 中的 NavigationDrawer 示例(http://developer.android.com/training/implementing-navigation/nav-drawer.html)

因为我需要使用自定义的 ActionBar,而ActionBarDrawerToggle 只能通过 ActionBar 中的 Action Menu 进行触发,且需要提供一个indicator图片,而不支持自定义按钮的触发(如下代码);

 

01.publicboolean onOptionsItemSelected(MenuItem item) {
02.if(item != null && item.getItemId() == ID_HOME && mDrawerIndicatorEnabled) {
03.if(mDrawerLayout.isDrawerVisible(GravityCompat.START)) {
04.mDrawerLayout.closeDrawer(GravityCompat.START);
05.}else{
06.mDrawerLayout.openDrawer(GravityCompat.START);
07.}
08.returntrue;
09.}
10.returnfalse;
11.}

因此考虑参考 ActionBarDrawerToggle 重写自己的 MabDrawerToggle,然后去掉 onOptionsItemSelected 方式来触发 drawer,新增了一个 switchDrawer 方法,如下:

 

01.publicvoidswitchDrawer()
02.{
03.if(mDrawerLayout.isDrawerVisible(GravityCompat.START))
04.{
05.mDrawerLayout.closeDrawer(GravityCompat.START);
06.}
07.else
08.{
09.mDrawerLayout.openDrawer(GravityCompat.START);
10.}
11.}

下面看一下 ActionBar 自定义 View 中标题居中的问题,折腾了好久,最后采用 FrameLayout 方式解决的,如下 action_bar_title.xml:

 

01.<?xmlversion="1.0"encoding="utf-8"?>
02.<FrameLayoutxmlns:android="http://schemas.android.com/apk/res/android"
03.android:layout_width="fill_parent"
04.android:layout_height="wrap_content">
05.<TextView
06.android:id="@android:id/title"
07.android:layout_height="match_parent"
08.android:layout_width="match_parent"
09.android:gravity="center"
10.android:text="hello"
11.android:textColor="@android:color/holo_red_light"/>
12.<ImageButton
13.android:id="@+id/left_btn"
14.android:layout_height="wrap_content"
15.android:layout_width="wrap_content"
16.android:layout_gravity="left|center_vertical"
17.android:layout_marginLeft="12.0dip"
18.android:src="@android:drawable/ic_media_play"/>
19.<ImageButton
20.android:id="@+id/right_btn"
21.android:layout_height="wrap_content"
22.android:layout_width="wrap_content"
23.android:layout_gravity="right|center_vertical"
24.android:layout_marginRight="12.0dip"
25.android:src="@android:drawable/ic_media_pause"/>
26.</FrameLayout>

在 onCreate 中实现如下:

 

01.protectedvoidonCreate(Bundle savedInstanceState)
02.{
03.super.onCreate(savedInstanceState);
04.setContentView(R.layout.activity_main);
05.mTitle = getTitle();
06.mPlanetTitles = getResources().getStringArray(R.array.planets_array);
07.mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);
08.mDrawerList = (ListView) findViewById(R.id.left_drawer);
09.// set a custom shadow that overlays the main content when the drawer opens www.it165.net
10.mDrawerLayout.setDrawerShadow(R.drawable.drawer_shadow, GravityCompat.START);
11.mDrawerList.setAdapter(newArrayAdapter<String>(this,
12.R.layout.drawer_list_item, mPlanetTitles));
13.mDrawerList.setOnItemClickListener(newDrawerItemClickListener());
14.ActionBar.LayoutParams lp =newActionBar.LayoutParams(
15.ActionBar.LayoutParams.MATCH_PARENT,
16.ActionBar.LayoutParams.MATCH_PARENT,
17.Gravity.CENTER);
18.View viewTitleBar = getLayoutInflater().inflate(R.layout.action_bar_title, null);
19.getActionBar().setCustomView(viewTitleBar, lp);
20.getActionBar().setDisplayShowHomeEnabled(false);//去掉导航
21.getActionBar().setDisplayShowTitleEnabled(false);//去掉标题
22.getActionBar().setDisplayOptions(ActionBar.DISPLAY_SHOW_CUSTOM);
23.getActionBar().setDisplayShowCustomEnabled(true);
24.tvTitle = (TextView) getActionBar().getCustomView().findViewById(android.R.id.title);
25.ImageButton ibtnNav = (ImageButton) getActionBar().getCustomView().findViewById(R.id.left_btn);
26.ibtnNav.setOnClickListener(newView.OnClickListener() {
27.@Override
28.publicvoidonClick(View v) {
29.mDrawerToggle.switchDrawer();
30.}
31.});
32.// MabDrawerToggle ties together the the proper interactions
33.// between the sliding drawer and the action bar app icon
34.mDrawerToggle =newMabDrawerToggle(
35.this,                 /* host Activity */
36.mDrawerLayout,        /* DrawerLayout object */
37.R.drawable.ic_drawer, /* nav drawer image to replace 'Up' caret */
38.R.string.drawer_open, /* "open drawer" description for accessibility */
39.R.string.drawer_close /* "close drawer" description for accessibility */
40.);
41.mDrawerLayout.setDrawerListener(mDrawerToggle);
42.if(savedInstanceState == null)
43.{
44.selectItem(0);
45.}
46.}

下面为两张运行效果图:

选择 Navigation 列表中的项后,切换 Fragment 以及 标题:

posted on 2014-09-18 16:12  小尾巴猴子  阅读(851)  评论(0编辑  收藏  举报

导航