View Pager+Fragmentベース

5123 ワード

転載は出所を明記してください.http://blog.csdn.net/wu_wxc/articale/detail/46933677本文は【呉孝城のCSDNブログ】から来ました.
View Pager+Fragment
ViewPager+Fragment基础_第1张图片
MainActivity.java
package wuxiaocheng.cn.activity;

import android.app.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.view.PagerTabStrip;
import android.support.v4.view.ViewPager;

import java.util.ArrayList;

public class MainActivity extends FragmentActivity {

    private ViewPager mvp;
    /**   pagerTabStrip          */
    private PagerTabStrip mpts;
    private FragmentOne one;       //     
    private FragmentTwo two;                   //     
    private FragmentThree three;                     //     

    /**      */
    private ArrayList<Fragment> fragmentList;
    /**      */
    private ArrayList<String> titleList = new ArrayList<String>();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        initView();
    }

    private void initView() {
        mvp = (ViewPager) findViewById(R.id.id_viewpager);
        mpts = (PagerTabStrip) findViewById(R.id.id_pagertab);
        //       
        mpts.setTabIndicatorColor(getResources().getColor(android.R.color.holo_green_dark));
        mpts.setBackgroundColor(getResources().getColor(android.R.color.holo_red_dark));

        one = new FragmentOne();
        two = new FragmentTwo();
        three = new FragmentThree();
        fragmentList = new ArrayList<Fragment>();
        fragmentList.add(one);
        fragmentList.add(two);
        fragmentList.add(three);

        titleList.add(" ");
        titleList.add(" ");
        titleList.add(" ");

        mvp.setAdapter(new MyViewPagerAdapter(getSupportFragmentManager()));
    }

    /**
     *         
     */
    public class MyViewPagerAdapter extends FragmentPagerAdapter {
        public MyViewPagerAdapter(FragmentManager fm) {
            super(fm);
        }

        /**
         *       
         */
       @Override
       public Fragment getItem(int arg0) {
           return fragmentList.get(arg0);
       }
        /**
         *       
         */
        @Override
        public int getCount() {
            return fragmentList.size();
        }
        /**
         *      title
         */
        @Override
        public CharSequence getPageTitle(int position) {
            return titleList.get(position);
        }
    }
}
フラジャーマンOne.java
フラジャバもあります.
とフラジャバ
中のコードは全部同じです.一つだけ送ればいいです.他の自分でlayoutファイルを変えてもいいです.
フラジャーマンOne.java
package wuxiaocheng.cn.activity;

import android.app.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

/**
 * Created by Administrator on 2015/7/17.
 */
public class FragmentOne extends Fragment {
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment_one, null);
        return view;
    }

}
レイアウトファイル
activitymain.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <!-- viewpager  -->
    <android.support.v4.view.ViewPager
        android:id="@+id/id_viewpager"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content">
        <!-- PagerTabStrip         -->
        <android.support.v4.view.PagerTabStrip
            android:id="@+id/id_pagertab"
            android:layout_height="wrap_content"
            android:layout_width="wrap_content"/>
    </android.support.v4.view.ViewPager>

</LinearLayout>
レイアウトファイルに表示内容を追加します.
三つのページを一つだけ送ればいいです.
この例は
fragmentone.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:gravity="center"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="     "
        android:textSize="30sp"/>

</LinearLayout>
運転効果は以下の通りです