使用旧的APIs实现新API的效果
最后更新于:2022-04-01 01:44:42
> 编写: [spencer198711](https://github.com/spencer198711) - 原文:[http://developer.android.com/training/backward-compatible-ui/older-implementation.html](http://developer.android.com/training/backward-compatible-ui/older-implementation.html)
这一课讨论了如何创建一个支持旧的设备并且与新的APIs接口相同的实现。
### 决定一个替代方案
在以向后兼容的方式使用较新的UI功能的时候,最具挑战的任务是为旧的平台版本决定一个解决方案。在很多情况下,使用旧的UI框架中的功能是有可能完成这些新的UI组件的。例如:
- Action Bar可以使用水平的包含图片按钮的LinearLayout来实现,这个在[Activity](# "An activity represents a single screen with a user interface.")中的LinearLayout作为自定义标题栏或者仅仅作为视图。下拉功能行为可以使用设备的菜单按钮来实现。
- Action Bar的tab页可以使用包含按钮的水平的LinearLayout,或者使用[TabWidget](http://developer.android.com/reference/android/widget/TabWidget.html)UI控件来实现。
- [NumberPicker](http://developer.android.com/reference/android/widget/NumberPicker.html)和[Switch](http://developer.android.com/reference/android/widget/Switch.html)控件可以分别通过使用[Spinner](http://developer.android.com/reference/android/widget/Spinner.html)和[ToggleButton](http://developer.android.com/reference/android/widget/ToggleButton.html)控件来实现。
- [ListPopupWindow](http://developer.android.com/reference/android/widget/ListPopupWindow.html)和[PopupMenu](http://developer.android.com/reference/android/widget/PopupMenu.html)控件可以通过使用[PopupWindow](http://developer.android.com/reference/android/widget/PopupWindow.html)来实现。
为了往老的设备上向后移植UI组件,这些一般不是一刀切的解决方案。注意用户体验:在老的设备上,用户可能不熟悉新的界面设计模式和UI组件,思考一下如何使用熟悉的控件去实现相同的功能。在很多种情况下,这些通常不会被注意到,特别是在如果新的UI组件在应用程序的生态系统中是突出的(比如Action Bar),或者交互模型是非常简单和直观的(比如使用[ViewPager](http://developer.android.com/reference/android/support/v4/view/ViewPager.html)去滑动界面)。
### 使用旧的APIs实现Tabs
你可以使用[TabWidget](http://developer.android.com/reference/android/widget/TabWidget.html)和[TabHost](http://developer.android.com/reference/android/widget/TabHost.html)(尽管其中一个也可以使用水平方向的Button控件)去创建Action Bar Tabs的老的实现。可以在TabHelperEclair和CompatTabEclair的类中去实现,因为这些实现使用了不迟于Android 2.0(Eclair)的APIs。
![backward-compatible-ui-classes-eclair](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2015-07-28_55b72477d9200.png)
- 图1. Eclair版本上实现tabs的类图
`CompatTabEclair`在实例变量中保存了诸如tab文本和tab图标等tab属性,因为在老的版本中没有[ActionBar.Tab](http://developer.android.com/reference/android/app/ActionBar.Tab.html)对象去处理这些数据存储。
~~~
public class CompatTabEclair extends CompatTab {
// Store these properties in the instance,
// as there is no ActionBar.Tab object.
private CharSequence mText;
...
public CompatTab setText(int resId) {
// Our older implementation simply stores this
// information in the object instance.
mText = mActivity.getResources().getText(resId);
return this;
}
...
// Do the same for other properties (icon, callback, etc.)
}
~~~
`TabHelperEclair`利用了[TabHost](http://developer.android.com/reference/android/widget/TabHost.html)控件的方法去创建[TabHost.TabSpec](http://developer.android.com/reference/android/widget/TabHost.TabSpec.html)对象和tab的页面指示效果:
~~~
public class TabHelperEclair extends TabHelper {
private TabHost mTabHost;
...
protected void setUp() {
if (mTabHost == null) {
// Our activity layout for pre-Honeycomb devices
// must contain a TabHost.
mTabHost = (TabHost) mActivity.findViewById(
android.R.id.tabhost);
mTabHost.setup();
}
}
public void addTab(CompatTab tab) {
...
TabSpec spec = mTabHost
.newTabSpec(tag)
.setIndicator(tab.getText()); // And optional icon
...
mTabHost.addTab(spec);
}
// The other important method, newTab() is part of
// the base implementation.
}
~~~
现在你已经有了两种`CompatTab`和`TabHelper`的实现,一种是使用了新的APIs为了能够在Android 3.0或其后版本设备上能够运行,另一种则是使用了旧的APIs为了在Android 2.0或之前的设备上能够运行。下一课讨论在应用中使用这两种实现。