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

还可以使用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即在配置样式之前填的主题名字


posted @ 2015-10-04 22:28  Bodi  阅读(366)  评论(0编辑  收藏  举报