通过带有突出显示的动作栏标题切换导航抽屉

Question

I'm trying to mimic the Google Play Store application ActionBar: when you click on the title of the application, the title itself is highlighted (normally with a blue background in JB) and the Navigation Drawer opens /closes.

I'm using the Navigation-Drawer sample application available on Google Developers website ( link ) and it doesn't do the same. There is no blue background when you touch the title and also the "click zone" on the title text is only about 3-4 characters of lenght as width. On the Play Store or Gmail applications you can touch even the end of the string and the Navigation Drawer will open. See this screenshot for reference:

So, I'm looking for tips or even links to source code of other Android applications that have this feature and also:

• Use standard ActionBar (no ActionBarCompact or ActionBarSherlock)
• Target API 14+
• Preferably do not use any external library (does Play Store use them?)

Thanks!

Answer 1

By default, the title is included in the touch target for the drawer on Android 4.3 and Android 4.4 devices (unlike previous versions of Android where the title was not included) so you shouldn't have to do anything to get consistent touch targets.

Note that in Android 5.0 and Material Design, the navigation button is much larger (taking the place of the app icon) and the title is not included in the touch target. Updating to AppCompat v21 will give you this new functionality and be consistent with Google apps across all API versions (although note that not all Google apps have fully followed the guidelines as of yet - a work in progress as they all move to using AppCompat)