低版本系統相容的ActionBar（四）添加Tab+添加自訂的Tab視圖

標籤：android   style   blog   http   java   color   使用   os   

在ActionBar中添加Tab是很有用的技巧。在support V7庫的支援下，我們幾乎可以用和之前一樣的方式來添加Tab，對於Tab來說，我們可以和MenuItem一樣，給他定義自己的視圖。我這裡定義了個進度條，主要是來說明這個問題。本系列的博文也將接近尾聲了，後面就是個定義ActionBar樣式和一個仿照的執行個體，順便講解下Fragment和ViewPager的用法。

 

activity_main.xml（定義了一個Fragment）

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:paddingBottom="@dimen/activity_vertical_margin"    android:paddingLeft="@dimen/activity_horizontal_margin"    android:paddingRight="@dimen/activity_horizontal_margin"    android:paddingTop="@dimen/activity_vertical_margin"    tools:context="com.kale.actionbar03.MainActivity" >    <FrameLayout        android:id="@+id/container_id"        android:layout_width="match_parent"        android:layout_height="match_parent" /></RelativeLayout>

 

tab_custom_view.xml（自訂的Tab視圖）

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="fill_parent"    android:layout_height="fill_parent">    <ProgressBar        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:indeterminate="true"/></LinearLayout>

 

MainActivity.java

package com.kale.actionbar03;import android.os.Bundle;import android.support.v4.app.Fragment;import android.support.v4.app.FragmentTransaction;import android.support.v7.app.ActionBar;import android.support.v7.app.ActionBar.Tab;import android.support.v7.app.ActionBarActivity;import android.widget.Toast;public class MainActivity extends ActionBarActivity implements ActionBar.TabListener{    ActionBar actionBar;    private static final String SELECTED_ITEM = "selected_item";    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        actionBar = getSupportActionBar();          //actionbar.setDisplayShowHomeEnabled(false);        //actionbar.setDisplayShowTitleEnabled(false);//定義這兩行後就會沒有標題列，只有tab欄了                //設定有Tab        actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);        ActionBar.Tab tab;        //開始添加Tab        for (int i = 1; i <= 3; i++) {            tab = actionBar.newTab();            tab.setText("Tab " + i);            tab.setTabListener(this);            actionBar.addTab(tab);        }        tab = actionBar.newTab();        tab.setCustomView(R.layout.tab_custom_view);        tab.setText("x");        tab.setTabListener(this);        actionBar.addTab(tab);    }    @Override    protected void onRestoreInstanceState(Bundle savedInstanceState) {        super.onRestoreInstanceState(savedInstanceState);        if (savedInstanceState.containsKey(SELECTED_ITEM)) {            //選中前面儲存的索引對應的Fragment頁            actionBar.setSelectedNavigationItem(savedInstanceState.getInt(SELECTED_ITEM));        }    }        @Override    protected void onSaveInstanceState(Bundle outState) {        //將當前選中的fragment頁的索引儲存到Bundle中        outState.putInt(SELECTED_ITEM, actionBar.getSelectedNavigationIndex());        super.onSaveInstanceState(outState);    }        /*      * @see android.support.v7.app.ActionBar.TabListener#onTabReselected(android.support.v7.app.ActionBar.Tab, android.support.v4.app.FragmentTransaction)     * Tab再次被選中的時候執行的方法     */    @Override    public void onTabReselected(Tab tab, FragmentTransaction transaction) {            }    @Override    public void onTabSelected(Tab tab, FragmentTransaction transaction) {        Toast.makeText(getApplicationContext(), tab.getText(), 0).show();        //建立一個新的Fragment的對象        Fragment fragment = new DummyFragment();        //建立一個Bundle對象，用於向Fragment傳入參數        Bundle bundle = new Bundle();        bundle.putInt(DummyFragment.BUNDLE_SECTION_NUMBER, tab.getPosition()+1);        //向Fragment傳入參數        fragment.setArguments(bundle);                FragmentTransaction ft = getSupportFragmentManager().beginTransaction();        //使用fragment        ft.replace(R.id.container_id, fragment);        ft.commit();    }     @Override    public void onTabUnselected(Tab tab, FragmentTransaction transaction) {    }}

 

DummyFragment.java

package com.kale.actionbar03;import android.os.Bundle;import android.support.annotation.Nullable;import android.support.v4.app.Fragment;import android.view.Gravity;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.TextView;public class DummyFragment extends Fragment {    public static final String BUNDLE_SECTION_NUMBER = "section_number";    // 該傳回值就是這個Fragment顯示的view組件    @Override    public View onCreateView(LayoutInflater inflater,            @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {        super.onCreateView(inflater, container, savedInstanceState);        TextView textView = new TextView(getActivity());        textView.setGravity(Gravity.CENTER);        // 擷取建立該Fragment時傳入的參數的Bundle        Bundle bundle = getArguments();        textView.setText("Fragment 0" + bundle.getInt(BUNDLE_SECTION_NUMBER));        textView.setTextSize(50);        return textView;    }}

 

源碼下載：http://download.csdn.net/detail/shark0017/7688459