Android FragmentActivity+viewpager的使用

標籤：

使用情境，打算設計一個“底部功能表列+其餘可滑動的頁面”的簡單的功能。

package com.lanyuweng.mibaby;import android.content.Intent;import android.os.Bundle;import android.support.v4.app.FragmentActivity;import android.support.v4.view.ViewPager;import android.util.Log;import android.view.View;import android.view.View.OnClickListener;import android.view.Window;import android.widget.CalendarView;import android.widget.TextView;import com.lanyuweng.mibaby.fragment.FragmentAdapter;public class MainActivity extends FragmentActivity implements OnClickListener{        private static final String TAG = "MainActivity-----";        public static final int TAB_CALENDAR = 0;    public static final int TAB_REMINDER = 1;    public static final int TAB_NOTE    = 2;    public static final int TAB_MORE    = 3;    private CalendarView calendarView;        private ViewPager viewPager;    private TextView tvCalendar,tvReminder,tvNote,tvMore;        //定義適配器    private FragmentAdapter adapter;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        this.requestWindowFeature(Window.FEATURE_NO_TITLE);        setContentView(R.layout.activity_main);        initView();    }    private void initView() {                Log.i(TAG,"initView----");        viewPager  = (ViewPager)findViewById(R.id.viewpager);        tvCalendar = (TextView) findViewById(R.id.tvCalendar);        tvReminder = (TextView) findViewById(R.id.tvReminder);        tvNote = (TextView) findViewById(R.id.tvNote);        tvMore = (TextView) findViewById(R.id.tvMore);        tvCalendar.setOnClickListener(this);        tvReminder.setOnClickListener(this);        tvNote.setOnClickListener(this);        tvMore.setOnClickListener(this);                adapter = new FragmentAdapter(getSupportFragmentManager());        viewPager.setAdapter(adapter);    }    @Override    public void onClick(View arg0) {        switch (arg0.getId()) {        case R.id.tvCalendar:            viewPager.setCurrentItem(TAB_CALENDAR);            findViewById(R.id.tvConfig);            break;        case R.id.tvMore:            viewPager.setCurrentItem(TAB_MORE);            break;        case R.id.tvNote:            viewPager.setCurrentItem(TAB_NOTE);            break;        case R.id.tvReminder:            viewPager.setCurrentItem(TAB_REMINDER);            break;        default:            break;        }    }        @Override    protected void onDestroy() {        // TODO Auto-generated method stub        super.onDestroy();    }    }

通過兩種方式來切換頁面，左右滑動以及點擊底部功能表列。第二種方式是使用onClick(）方法，第二種方式則是以繼承FragmentPagerAdapter來控制Fragment的顯示。

package com.lanyuweng.mibaby.fragment; import com.lanyuweng.mibaby.MainActivity;import android.support.v4.app.Fragment;import android.support.v4.app.FragmentManager;import android.support.v4.app.FragmentPagerAdapter;public class FragmentAdapter extends FragmentPagerAdapter {    public final static int TAB_COUNT = 4;    public FragmentAdapter(FragmentManager fm) {        super(fm);    }    @Override    public Fragment getItem(int arg0) {        switch (arg0) {        case MainActivity.TAB_CALENDAR:            CalendarFragment calendarFragment = new CalendarFragment();            return calendarFragment;                    case MainActivity.TAB_REMINDER:            ReminderFragment reminderFragment = new ReminderFragment();            return reminderFragment;                    case MainActivity.TAB_NOTE:            NoteFragment noteFragment = new NoteFragment();            return noteFragment;        case MainActivity.TAB_MORE:            MoreFragment moreFragment = new MoreFragment();            return moreFragment;        }        return null;    }    @Override    public int getCount() {        // TODO Auto-generated method stub        return TAB_COUNT;    }} 

同時，XML為：

<LinearLayout 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:background="@drawable/background"    android:orientation="vertical" >    <android.support.v4.view.ViewPager        android:id="@+id/viewpager"        android:layout_width="fill_parent"        android:layout_height="match_parent"        android:layout_weight="9" />    <LinearLayout        android:layout_width="fill_parent"        android:layout_height="55sp"        android:layout_weight="1"        android:background="@color/burlywood"        android:orientation="horizontal" >        <TextView            android:id="@+id/tvCalendar"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_gravity="center_vertical"            android:layout_weight="1"            android:drawableTop="@drawable/calendar"                        android:gravity="center"            android:text="@string/calendar"            android:textSize="12sp"            tools:ignore="NestedWeights" >        </TextView>        <TextView            android:id="@+id/tvReminder"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_gravity="center_vertical"            android:layout_weight="1"            android:drawableTop="@drawable/reminder"            android:gravity="center"            android:text="@string/reminder"            android:textSize="12sp" >        </TextView>        <TextView            android:id="@+id/tvNote"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_gravity="center_vertical"            android:layout_weight="1"            android:drawableTop="@drawable/note"            android:gravity="center"            android:text="@string/note"            android:textSize="12sp" >        </TextView>        <TextView            android:id="@+id/tvMore"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_gravity="center_vertical"            android:layout_weight="1"            android:drawableTop="@drawable/more"            android:gravity="center"            android:text="@string/more"            android:textSize="12sp" >        </TextView>    </LinearLayout></LinearLayout>

 

記錄一下fragmentactivity+viewpager+adapter的使用，以備後用

 

Android FragmentActivity+viewpager的使用