底部頁面的切換

實現方式有三種:

1. tabhost+Activity的方式:

1.將MainActivity繼承TabActivity

2.在setContentView();(不一定緊跟隨)之後獲取TabHost物件<只有繼承了TabActivity才能獲取得到TabHost物件> getTabHost()

3.建立Intent物件用來顯示每個Tab頁面.

4.建立tabSpec物件用來新增進tabHost裡的:

    TabSpec tabSpec1 = tabHost.newTabSpec("two").setIndicator("",
                            getResources().getDrawable(R.drawable.home_press2))
                        .setContent(intent1);
 

其中:設定標籤和圖示(setIndicator),設定內容(setContent)

5.新增進tabHost裡

tabHost.add(tabSpec1);

6.注意的是對main.xml檔案的編寫:tabHost使用了特殊的標籤id定義,在main.xml檔案一定是tabHost標籤包裹起來的,注意id:

 <TabHost 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"
          tools:context=".MainActivity" 
          android:id="@android:id/tabhost">
<!--注意這的id:tabhost,tabs,tabcontent都是特有的一定要有,否則回執行異常-->
<LinearLayout android:orientation="vertical"
              android:layout_width="fill_parent" android:layout_height="fill_parent">

<TabWidget android:id="@android:id/tabs"
           android:layout_alignParentBottom="true"
           android:layout_width="fill_parent"
           android:layout_height="wrap_content"/>

<FrameLayout
          android:id="@android:id/tabcontent"
          android:layout_width="fill_parent"
          android:layout_height="fill_parent" />

</LinearLayout>
</TabHost>
 

7.關於tabhost+Activity的方式:這種方式以及廢棄掉了,因為實現它需要一個介面一個Activity,在Android中Activity屬於重量級空間,最好不輕易使用,所以拋棄掉了.

2.fragment巢狀fragment:

1. 在早期開發過程中，fragment是不能巢狀fragment的。
2. 是在4.2以後才有的，然後在v13包裡面才有這個方法。
3. 如何使用fragment巢狀fragment的開發方式的話，佈局層次會巢狀太深，導致程式崩掉

3.ViewPage:

1.使用Frgment和Viewpage實現標籤佈局(沒有用框架的)

1.因為需要用到Frgment所以MainActivity繼承下FrgmentActivity

2.因為要需要在操作欄中新增標籤，必須要實現ActionBar.TabListener這個類--->可能會不能自動導包

import android.app.ActionBar;
public class MainActivity extends FragmentActivity implements ActionBar.TabListener{
    //一下是需實現ActionBar.TabListener介面的方法
    public void onTabSelected(Tab tab, FragmentTransaction ft) {}
    public void onTabUnselected(Tab tab, FragmentTransaction ft) {}
    public void onTabReselected(Tab tab, FragmentTransaction ft) {}
}

3.MainActivity佈局檔案的編寫(注意,這個檔案除了viewpage其他元素都不寫):

<android.support.v4.view.ViewPager 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:id="@+id/main_vp"
tools:context=".MainActivity" >
</android.support.v4.view.ViewPager>

4.建立便籤碎片（tab fragment）提供檢視的FragmentPagerAdapter類(介面卡)

class TabsPagerAdapter extends FragmentPagerAdapter{

        public TabsPagerAdapter(FragmentManager fm) {
            super(fm);
            // TODO Auto-generated constructor stub
        }

        @Override
        public Fragment getItem(int arg0) {
            switch(arg0){
            case 0:
                return new TopRatedFragment();
            case 1:
                return new GameFragment();
            case 2:
                return new MovesFragment();
            }
            return null;
        }

        @Override
        public int getCount() {
            // TODO Auto-generated method stub
            return 3;
        }

}

5.為ActionBar新增Tab在不使用其他UI元素，譬如TabHost的前提下顯示標籤，其實在操作欄中有一個內建的功能，那就是新增標籤。很簡單的，我們需要做的就是允許操作欄使用setNavigationMode(ActionBar.NAVIGATIONMODETABS)方法。

private String[] tabs = {"Top Rated", "Games", "Movies"};
private ActionBar actionBar;
actionBar = getActionBar();
actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
// Adding Tabs
for (String tab_name : tabs) {
actionBar.addTab(actionBar.newTab()
        .setText(tab_name)
        .setTabListener(this));//先前已經實現了該監聽介面
} 

6.為標籤新增檢視

//寫個基本的Fragment的類,為TopRatedFragment(),GameFragment(),MovesFragment()提供方便,它們就可以直接實現initData(),initView()方法就得了.
public abstract class BaseFragment extends Fragment {

private String TAG = "BaseFragment";

public void onCreate(Bundle savedInstanceState) {
    // TODO Auto-generated method stub
    Log.i(TAG, this.getClass().getSimpleName()+"====onCreate");
    super.onCreate(savedInstanceState);
}
@Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState) {
        // TODO Auto-generated method stub
    Log.i(TAG, this.getClass().getSimpleName()+"====onCreateView");
        View view = initView();

        return view;
    }

@Override
    public void onActivityCreated(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
    Log.i(TAG, this.getClass().getSimpleName()+"====onActivityCreated");
    initData();
        super.onActivityCreated(savedInstanceState);
    }
public abstract void initData();
public abstract View initView();
}

2.用框架SlidingMenu實現

1.SlidingMenu屬性的一些介紹:

menu.setMode(SlidingMenu.LEFT);//設定左滑選單
menu.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);//設定滑動的螢幕範圍，該設定為全屏區域都可以滑動
menu.setShadowDrawable(R.drawable.shadow);//設定陰影圖片
menu.setShadowWidthRes(R.dimen.shadow_width);//設定陰影圖片的寬度
menu.setBehindOffsetRes(R.dimen.slidingmenu_offset);//SlidingMenu劃出時主頁面顯示的剩餘寬度
menu.setBehindWidth(400);//設定SlidingMenu選單的寬度
menu.setFadeDegree(0.35f);//SlidingMenu滑動時的漸變程度
menu.attachToActivity(this, SlidingMenu.SLIDING_CONTENT);//使SlidingMenu附加在Activity上
menu.setMenu(R.layout.menu_layout);//設定menu的佈局檔案
menu.toggle();//動態判斷自動關閉或開啟SlidingMenu
menu.showMenu();//顯示SlidingMenu
menu.showContent();//顯示內容
menu.setOnOpenListener(onOpenListener);//監聽slidingmenu開啟
關於關閉menu有兩個監聽，簡單的來說，對於menu close事件，一個是when,一個是after 
menu.OnClosedListener(OnClosedListener);//監聽slidingmenu關閉時事件
menu.OnClosedListener(OnClosedListener);//監聽slidingmenu關閉後事件
左右都可以劃出SlidingMenu菜單隻需要設定
menu.setMode(SlidingMenu.LEFT_RIGHT);屬性，然後設定右側選單的佈局檔案
menu.setSecondaryShadowDrawable(R.drawable.shadowright);//右側選單的陰影圖片
設定SlidingMenu屬性
sm = getSlidingMenu();
//如果只顯示左側選單就是用LEFT,右側就RIGHT，左右都支援就LEFT_RIGHT
sm.setMode(SlidingMenu.LEFT_RIGHT);//設定選單滑動模式，選單是出現在左側還是右側，還是左右兩側都有
sm.setShadowDrawable(R.drawable.shadow);//設定陰影的圖片資源
sm.setShadowWidthRes(R.dimen.shadow_width);//設定陰影圖片的寬度
//sm.setBehindWidth(200);//設定選單的寬
sm.setBehindOffsetRes(R.dimen.slidingmenu_offset);//SlidingMenu劃出時主頁面顯示的剩餘寬度
sm.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);//設定滑動的區域
支援右側劃出選單:
//SlidingMenu可以同時支援劃出左右兩側的選單，互不衝突，而且動畫優美，體驗良好。
sm.setSecondaryMenu(R.layout.menu_frame2);//設定右側選單
sm.setSecondaryShadowDrawable(R.drawable.shadowright);//設定右側選單陰影的圖片資源
//右側SlidingMenu的Fragment
getSupportFragmentManager().beginTransaction().replace(R.id.menu_frame2, new SampleListFragment()).commit();
slidingMenu = getSlidingMenu();
//設定是左滑還是右滑，還是左右都可以滑
slidingMenu.setMode(SlidingMenu.LEFT_RIGHT);
//設定陰影寬度
slidingMenu.setShadowWidth(getWindowManager().getDefaultDisplay().getWidth() / 40);
//設定左選單陰影圖片
slidingMenu.setShadowDrawable(R.drawable.shadow);
//設定右選單陰影圖片
slidingMenu.setSecondaryShadowDrawable(R.drawable.right_shadow);
//設定選單佔螢幕的比例
slidingMenu.setBehindOffset(getWindowManager().getDefaultDisplay().getWidth() / 5);
//設定滑動時選單的是否淡入淡出
slidingMenu.setFadeEnabled(true);
//設定淡入淡出的比例
slidingMenu.setFadeDegree(0.4f);
//設定滑動時拖拽效果
slidingMenu.setBehindScrollScale(0);
//設定要使選單滑動，觸碰螢幕的範圍
slidingMenu.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);

2.應用: 1.將Activity頁繼承SlidingFragmentActivity 2.設定邊側拉出選單佈局和主頁面內容佈局 3.寫個dimens.xml檔案,用來配置SlidingMenu的一些配置.

<!-- Default screen margins, per the Android Design guidelines. -->
<dimen name="activity_horizontal_margin">16dp</dimen>
<dimen name="activity_vertical_margin">16dp</dimen>
<dimen name="slidingmenu_offset">180dp</dimen>
<dimen name="list_padding">10dp</dimen>
<dimen name="shadow_width">5dp</dimen>
<dimen name="bottom_tab_padding_drawable">2.0dip</dimen>
<dimen name="bottom_tab_padding_up">2.0dip</dimen>
<dimen name="bottom_tab_font_size">14.0sp</dimen>

</resources>

4.寫個shadow.xml檔案用來配置陰影的一些資訊

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
<gradient
android:endColor="#5A000000"
android:centerColor="#2D000000"
android:startColor="#00000000" />
</shape>

5.初始化(配置)下 ---獲取側邊欄物件 ---設定成左側...

    slidingMenu = getSlidingMenu();
    slidingMenu.setMode(SlidingMenu.LEFT);
    slidingMenu.setShadowWidthRes(R.dimen.shadow_width);//陰影寬度
    slidingMenu.setShadowDrawable(R.drawable.shadow);//陰影Drawable
    slidingMenu.setBehindOffsetRes(R.dimen.slidingmenu_offset);//拉開後離邊框距離
    slidingMenu.setFadeDegree(0.35f); //顏色漸變比例
    //slidingMenu.setTouchModeAbove(SlidingMenu.TOUCHMODE_MARGIN); //拉動事件區域  --全屏
    slidingMenu.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN); //拉動事件區域  --全屏