您的位置:首页 > 产品设计 > UI/UE

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

2016-12-01 00:00 316 查看
还可以使用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) {

}
};


效果:



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



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

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



将其覆盖到项目中;

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

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


android:theme即在配置样式之前填的主题名字
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: