Android UI ActionBar功能-自定义Tab功能

还可以使用ActionBar实现Tab选项卡功能:

Android UI ActionBar功能-自定义Tab功能

官方帮助文档:http://wear.techbrood.com/training/basics/actionbar/styling.html#CustomTabs

Tabs实现事例:http://wear.techbrood.com/guide/topics/ui/actionbar.html#Tabs

首先我们要先实现Tab功能:

MainActivity.java

  @Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
getActionBar().setDisplayHomeAsUpEnabled(true);
ActionBar actionBar=getActionBar();
actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
actionBar.setDisplayShowTitleEnabled(false);
for(int i=0;i<4;i++){
Tab tab=actionBar.newTab();
tab.setText("Tab"+i);
tab.setTabListener(tabListener);
actionBar.addTab(tab);
}
}
private TabListener tabListener=new TabListener() {
@Override
public void onTabUnselected(Tab tab, FragmentTransaction ft) {
}
@Override
public void onTabSelected(Tab tab, FragmentTransaction ft) {
Toast.makeText(MainActivity.this, tab.getText(), 0).show();
}
@Override
public void onTabReselected(Tab tab, FragmentTransaction ft) { }
};

效果:

Android UI ActionBar功能-自定义Tab功能

自定义样式,可以根据上面的帮助文档去自定义样式,也可以自动生成样式:

Android UI ActionBar功能-自定义Tab功能

在线使用地址: http://jgilfelt.github.com/android-actionbarstylegenerator/

配置完成后,点击左侧下方的download下载以后是这样一个文件包:

Android UI ActionBar功能-自定义Tab功能

将其覆盖到项目中;

然后更改AndroidManifest.xml中的主题样式:

 <application
android:allowBackup="true"
android:icon="@drawable/ic_launcher"
android:label="@string/app_name"
android:theme="@style/Theme.Tabs_style" >

android:theme即在配置样式之前填的主题名字

上一篇:WKWebview点击图片查看大图


下一篇:ios h5 app avalon tap点击事件失效及点击延迟300ms问题解决方法