这几天中做一个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页的布局是一致