Meizu SmartBar开发指南

Meizu Smart Bar 开发指南

目录

1. 判断设备是否有SmartBar (3)

2. 自定义SmartBar返回键图标 (4)

3. 定制白色SamrtBar样式 (5)

4. 采用Android 4.0规范开发Smart Bar (6)

5. Smart Bar与Tab结合 (12)

5.1. 使用Action Item方式 (12)

5.2. 使用ActionBar Tab的方式 (16)

5.3. 使用ActionBar Tab与TabHost结合的方式 (21)

6. 隐藏顶栏的效果 (25)

6.1. 隐藏ActionBar Top (25)

6.2. 隐藏ActionMode Top (28)

7. ActionBar顶栏使用Tab (31)

8. FAQ (35)

8.1. 如何把Action Item显示在底栏？ (35)

8.2. 为什么菜单项没有在ActionBar上显示？ (37)

8.3. 如何定制overflow menu的图标？ (40)

8.4. 如何在Android 2.3版本使用ActionBar特性？ (42)

8.5. ActionBar 自定义样式 (42)

8.6. SmartBar资源问题 (45)

前言

ActionBar使用说明请参考官方文档Action Bar，具体示例请看Android SDK中的Samples，如

sdk/samples/android-15/ActionBarCompat，或者

sdk/samples/android-15/ApiDemos中的App > Action Bar。另外，如需更改Smart Bar样式，请按照官方文档Action Bar提供的方法修改。

Smart Bar开发请下载Smart Bar Demo 进行参考。

注意：对于文中提到的采用反射方法获取的Meizu提供的接口或者API，Meizu保留随时修改或删除并且不通知开发者的权利。但是Meizu在修改该接口功能的时候，会保证功能的完整性；Meizu在删除该接口的时候，保证不调用该接口也能使软件具有完备的功能。

通过这种方式，第三方开发者可以方便的做到不为Meizu版本维护专门的版本分支，因为这些接口在其他Android手机上并不存在。

1.判断设备是否有SmartBar

新型号的设备都能通过反射调用Build.hasSmartBar() API来判断是否有动态SmartBar，但对于较旧版本的设备或固件，则仍然通过

Build.DEVICE来判断。

示例代码请看SmartBarDemo的ActionMenuItem.java。关键代码如下private boolean hasSmartBar() {

try {

// 新型号可用反射调用Build.hasSmartBar()

Method method =

Class.forName("android.os.Build").getMethod("hasSmartBar");

return ((Boolean) method.invoke(null)).booleanValue();

} catch (Exception e) {

}

// 反射不到Build.hasSmartBar()，则用Build.DEVICE判断

if (Build.DEVICE.equals("mx2")) {

return true;

} else if (Build.DEVICE.equals("mx") ||

Build.DEVICE.equals("m9")) {

return false;

}

return false;

}

2.自定义SmartBar返回键图标

Flyme4.0自定义SmartBar返回键图标有两种方法，一是通过定制

，如下文定制白色SmartBar”

样式中所述，还有一种方法就是需要通style“

过反射调用Meizu的API，该方法在flyme3.0上已实现。

即actionBar.setBackButtonDrawable(Drawable)。

示例代码请看SmartBarDemo的ActionBarStyle.java。

以下是调用actionBar.setBackButtonDrawable(Drawable)。的关键代码：

public static void setBackIcon(ActionBar actionbar, Drawable backIcon) {

try {

Method method =

Class.forName("android.app.ActionBar").getMethod(

"setBackButtonDrawable", new Class[]

{ Drawable.class });

try {

method.invoke(actionbar, backIcon);

} catch (IllegalArgumentException e) {

e.printStackTrace();

} catch (NotFoundException e) {

e.printStackTrace();

} catch (IllegalAccessException e) {

e.printStackTrace();

} catch (InvocationTargetException e) {

e.printStackTrace();

} catch (NoSuchMethodException e) {

e.printStackTrace();

} catch (ClassNotFoundException e) {

e.printStackTrace();

}

}

3.定制白色SamrtBar样式

通过style定制，首先自定义Theme，然后重新定义属性

android:actionBarStyle、

android:actionOverflowButtonStyle、

android:actionButtonStyle

的值，需要重新修改的主要有三个地方，SmartBar背景，back键图标，overflow button图标。示例代码如下：

xmlns:android="https://www.360docs.net/doc/9812587974.html,/apk/res/android">

4.采用Android 4.0规范开发Smart Bar

该示例类似Google Map，按照Android 4.0规范开发，使用ActionBar的List Navigation Mode切换界面，底栏使用Action Item进行一般的操作。

示例代码请看SmartBarDemo的ActionBarList.java；设置

ActionBar List Navigation Mode 关键代码如下：

public class ActionBarList extends Activity implements OnNavigationListener {

...

@Override

protected void onCreate(Bundle savedInstanceState) { // TODO Auto-generated method stub

super.onCreate(savedInstanceState);

final ActionBar bar = getActionBar();

bar.setDisplayOptions(ActionBar.DISPLAY_SHOW_HOME, ActionBar.DISPLAY_SHOW_HOME |

ActionBar.DISPLAY_SHOW_TITLE);

// 设置List Navigation Mode

bar.setNavigationMode(ActionBar.NAVIGATION_MODE_LIST);

MyAdapter adapter = new MyAdapter(this,

https://www.360docs.net/doc/9812587974.html,yout.simple_list_item_1,

android.R.id.text1,

new String[] {"Recent", "Contacts", "Dialer", "Settings"});

// 设置下拉列表项的布局

adapter.setDropDownViewResource(https://www.360docs.net/doc/9812587974.html,yout.spinner_dropdown_ite m);

// 设置list adapter以及navigation callback

bar.setListNavigationCallbacks(adapter, this);

}

@Override

public boolean onNavigationItemSelected(int itemPosition, long itemId) {

// 切换界面

FragmentTransaction ft =

getFragmentManager().beginTransaction();

switch (itemPosition) {

case LIST_INDEX_RECENT:

getActionBar().setIcon(R.drawable.ic_tab_recent);

ft.replace(android.R.id.content, mRecentFragment);

break;

...

}

https://www.360docs.net/doc/9812587974.html,mit();

return true;

}

...

}

以下是Galaxy Nexus与MX2对比图（左Galaxy Nexus，右MX2）：

MX2）：

5.Smart Bar与T ab结合

5.1.使用Action Item方式

使用Action Item方式，不需要调用Meizu的API。

优点：在原生系统与MX2都使Tab图标保持在屏幕下方。

缺点：为了显示选中状态和自定义状态需要应用不断调用

MenuItem.setIcon，并且invalidateOptionsMenu()刷新。另外第三方的定制需求不容易满足，并且在无虚拟按键的手机上会显示全部menu。

示例代码请看SmartBarDemo的ActionItemTab.java。以下是Galaxy Nexus与MX2对比图（左Galaxy Nexus，右MX2）：

弹出MENU菜单的对比图：

5.2.使用ActionBar T ab的方式

使用ActionBar Tab的方式，需要调用Meizu的API，使Tab适配Smart Bar显示在屏幕下方。

优点：很好地适配Smart Bar，选中状态等state都可在drawable的xml中配置，并且Tab图标定制需求可以使用ActionBar Tab的setCustomView满足。

缺点：需要通过反射调用Meizu的

ActionBar.setTabsShowAtBottom(boolean)方法把Tab显示在屏幕下方，在原生系统Tab会显示顶部。

示例代码请看SmartBarDemo的ActionBarTab.java。

以下是调用ActionBar.setTabsShowAtBottom(boolean)的关键代码：

public static void setActionBarTabsShowAtBottom(ActionBar actionbar, boolean showAtBottom) {

try {

Method method =

Class.forName("android.app.ActionBar").getMethod(

"setTabsShowAtBottom", new Class[] {

boolean.class });

try {

method.invoke(actionbar, showAtBottom);

} catch (IllegalArgumentException e) {

e.printStackTrace();

} catch (IllegalAccessException e) {

e.printStackTrace();

} catch (InvocationTargetException e) {

e.printStackTrace();

}

} catch (SecurityException e) {

e.printStackTrace();

} catch (NoSuchMethodException e) {

e.printStackTrace();

} catch (ClassNotFoundException e) {

e.printStackTrace();

}

}

以下是Galaxy Nexus与MX2对比图（左Galaxy Nexus，右MX2）：

弹出MENU菜单的对比图：