App在页面底部展现标签栏导航的效果,有多种实现方式,包括TabActivity方式、ActivityGroup方式、FragmentActivity方式等等,具体的实现方案参见之前的博文《
Android开发笔记(十九)底部标签栏》。
一般情况下这种底部标签栏能够满足大部分的业务需求,然而有时客户的口味比较独特,固定的几款套餐已经不能满足她的胃口了。比如客户要求做成自助餐形式,同时长条的固定餐台也要换成可以滑动的餐台,因为固定餐台还得客户左右移步才能夹菜,可滑动的餐台就无需客户再走来走去。那么对应到底部标签栏这里,便是要求标签页的个数允许定制,并且每个页面除了可以通过标签页的点击操作进行切换之外,也允许通过左右滑动来切换。
作为铺垫,要先熟悉一下FragmentTabHost的相关方法说明:
setup : 在指定框架布局上设立标签具体页面。
newTabSpec : 新建并返回一个包含具体标记的标签规格。
addTab : 添加一个标签页。第一个参数是标签规格,第二个参数是标签页面的Fragment类,第三个参数是要传递给Fragment的包裹。
setCurrentTab : 设置当前显示哪一个标签页。
getCurrentTab : 获取当前显示的是哪一个标签页。
clearAllTabs : 清除所有的标签页。
然后再来考虑个性化定制的具体实现步骤,分步如下:
1、在一个配置页面勾选需要显示的标签页,并将勾选结果保存在共享参数SharedPreferences中。
2、从配置页面返回到FragmentActivity时,主页面要从共享参数中读取最新的标签页列表,并构造最新的标签栏。
3、因为重新构造标签栏时,默认显示第一个标签的Fragment页,而不是最近一次返回的Fragment页;所以要在每次进入Fragment页时都把该Fragment保存到全局内存,这样重新构建标签栏时,才能指定当前要显示哪个Fragment。
下面是个性化定制标签页的效果图:
下面是主页面的布局文件内容,跟固定标签栏的布局是一样的:
下面是个性化定制时的主页面代码:
一般情况下这种底部标签栏能够满足大部分的业务需求,然而有时客户的口味比较独特,固定的几款套餐已经不能满足她的胃口了。比如客户要求做成自助餐形式,同时长条的固定餐台也要换成可以滑动的餐台,因为固定餐台还得客户左右移步才能夹菜,可滑动的餐台就无需客户再走来走去。那么对应到底部标签栏这里,便是要求标签页的个数允许定制,并且每个页面除了可以通过标签页的点击操作进行切换之外,也允许通过左右滑动来切换。
个性化定制标签页
对于个性化定制标签页的情况,因为TabActivity方式和ActivityGroup方式必须在布局文件中指定具体的标签页,无法在代码里动态生成,这意味着它们两个无法胜任个性化定制的担当。剩下的FragmentActivity方式,在布局文件中只需声明一个FragmentTabHost,然后在代码中为该Host控件调用addTab方法逐个添加标签页,所以正好用来个性化定制标签页。作为铺垫,要先熟悉一下FragmentTabHost的相关方法说明:
setup : 在指定框架布局上设立标签具体页面。
newTabSpec : 新建并返回一个包含具体标记的标签规格。
addTab : 添加一个标签页。第一个参数是标签规格,第二个参数是标签页面的Fragment类,第三个参数是要传递给Fragment的包裹。
setCurrentTab : 设置当前显示哪一个标签页。
getCurrentTab : 获取当前显示的是哪一个标签页。
clearAllTabs : 清除所有的标签页。
然后再来考虑个性化定制的具体实现步骤,分步如下:
1、在一个配置页面勾选需要显示的标签页,并将勾选结果保存在共享参数SharedPreferences中。
2、从配置页面返回到FragmentActivity时,主页面要从共享参数中读取最新的标签页列表,并构造最新的标签栏。
3、因为重新构造标签栏时,默认显示第一个标签的Fragment页,而不是最近一次返回的Fragment页;所以要在每次进入Fragment页时都把该Fragment保存到全局内存,这样重新构建标签栏时,才能指定当前要显示哪个Fragment。
下面是个性化定制标签页的效果图:
下面是主页面的布局文件内容,跟固定标签栏的布局是一样的:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<!--
把FragmentLayout放在FragmentTabHost上面,标签页就在页面底部;
反之FragmentLayout在FragmentTabHost下面,标签页就在页面顶部。
-->
<FrameLayout
android:id="@+id/realtabcontent"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1" />
<android.support.v4.app.FragmentTabHost
android:id="@android:id/tabhost"
android:layout_width="match_parent"
android:layout_height="@dimen/tabbar_height" >
<FrameLayout
android:id="@android:id/tabcontent"
android:layout_width="0dp"
android:layout_height="0dp"
android:layout_weight="0" />
</android.support.v4.app.FragmentTabHost>
</LinearLayout>
下面是个性化定制时的主页面代码:
public class TabCustomActivity extends FragmentActivity {
private static final String TAG = "TabCustomActivity";
private FragmentTabHost mTabHost;
private Bundle mBundle = new Bundle();
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(save