android中tab的自定义及使用

最新推荐文章于 2015-11-08 19:48:44 发布

原创最新推荐文章于 2015-11-08 19:48:44 发布 · 1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#android #ui #tabhost #布局

本文介绍如何在Android项目中自定义TabHost的样式与位置，包括调整TabWidget的尺寸及颜色，实现顶部和底部Tab布局的方法。同时探讨了不继承TabActivity与继承TabActivity两种方式下的TabHost设置。

这几天中做一个android OA项目的UI，其中有一个界面有些复杂，先看一个网页版的

这里想用tab来实现“常规条件”和”更多条件”的切换，但是tab常见的应用是在一个UI的正上方，现在想改变tab的位置，大小及颜色。网上找到一些资料，tab可以通过调换framelayout和tabwidget的前后顺序可以分别实现tab的top和在底下的效果。

这里可以通过布局间的嵌套可以实现，同事告诉我也可以用两个按钮来实现（未验证），这里谈谈对TabHost的学习，在android中的activity中有两种方法实现继承TabActivity和不继承Activity

1.不继承TabActivity

setContentView(R.layout.main);
TabHost tabs=(TabHost)findViewById(R.id.tabhost)；//tabhost为xml文件中TabHost的id

2.继承TabActivity

TabHost tabHost = getTabHost();
LayoutInflater.from(this).inflate(R.layout.main,tabHost.getTabContentView(), true);

接下来是对TabHost中的标签页的修改

          // 首先得到标签栏  
          TabWidget tabWidget = tabHost.getTabWidget();  
          //设置标签栏宽高为 WRAP_CONTENT  
          LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);  
          tabWidget.setLayoutParams(params);  
          int count = tabWidget.getChildCount();  
          //得到每一个标签，并设置其宽高  
          for (int i = 0; i < count; i++) {  
              View view = tabWidget.getChildTabViewAt(i);     
              view.getLayoutParams().height = 50; //tabWidget.getChildAt(i)  
              view.getLayoutParams().width = 80;  
           }

效果图