android中tab的自定义及使用

           这几天中做一个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;  
           }

                                                                                                               效果图

          最后在实现过程的中一些常见的问题

          1）。报错Your TabHost must have a TabWidget whose id attribute is 'android.R.id.tabcontent'检查FrameLayout中的id值是否为@android:id/tabcontent

          2）。报错Your content must have a TabHost whose id attribute is 'android.R.id.tabhost检查有没有继承TabActivity或者是对修改Tab页的布局是一致

demo下载