TabHost+ViewPager+Fragment實作頁面的滑動，android開發工具deve

<android.support.v4.view.ViewPager

android:id="@+id/viewpager"

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:layout_above="@+id/viewline"

</android.support.v4.view.ViewPager>

ViewPager是用到android v4包下的內容，v4包下有很多內容，經常用到的Fragment類不是用系統給的類而是V4包的Fragment比較常用，

ViewPager 需要資料源和對應的配接器

List< view> 和 PagerAdapter； List< Fragment> FragmentPagerAdapter2種放進視圖頁的形式

這次我們用第二種，定義好配接器，

public class viewpageradapter extends FragmentPagerAdapter {

List list;

public viewpageradapter(FragmentManager fm,List list) {

super(fm);

this.list=list;

}

@Override

public Fragment getItem(int position) {

Object fragment= list.get(position);

return (Fragment) fragment;

}

@Override

public int getCount() {

return list.size();

}

}

初始化好資料源

private void addFragment() {

list.add(new testFragment());

list.add(new test_twofragment());

list.add(new test_threefragment());

}

然后實體化配接器，并用ViewPager建立配接器

viewpageradapter=new viewpageradapter(getSupportFragmentManager(),list);

viewPager.setAdapter(viewpageradapter);

這樣ViewPager就做好了

之后定義三個Fragment類

public class testFragment extends android.support.v4.app.Fragment {

@Nullable

@Override

public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {

View view= inflater.inflate(R.layout.layout,container,false);

return view;

}

@Override

public void onCreate(@Nullable Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

}

}

第二個frament

package com.example.administrator.okio;

import android.app.Fragment;

import android.os.Bundle;

import android.support.annotation.Nullable;

import android.view.LayoutInflater;

import android.view.View;

import android.view.ViewGroup;

/**

• Created by Administrator on 2018/6/12 0012.

*/

public class test_twofragment extends android.support.v4.app.Fragment {

@Nullable

@Override

public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {

View view=inflater.inflate(R.layout.layouttwo,null);

return view;

}

}

第三個fragment

import android.os.Bundle;

import android.support.annotation.Nullable;

import android.support.v4.app.Fragment;

import android.view.LayoutInflater;

import android.view.View;

import android.view.ViewGroup;

/**

• Created by Administrator on 2018/6/12 0012.

*/

public class test_threefragment extends Fragment {

@Nullable

@Override

public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {

View view=inflater.inflate(R.layout.layoutthree,null);

return view;

}

}

對應的布局都很簡單，就一個TextView，就不一一粘貼了，

主界面的布局檔案

<TabHost

android:id="@+id/tabhost"

xmlns:android=“http://schemas.android.com/apk/res/android”

android:layout_width=“match_parent”

android:layout_height=“match_parent”>

<RelativeLayout

android:layout_width=“match_parent”

android:layout_height="match_paren

《Android學習筆記總結+最新移動架構視頻+大廠安卓面試真題+專案實戰原始碼講義》

【docs.qq.com/doc/DSkNLaERkbnFoS0ZF】 完整內容開源分享

t">

<android.support.v4.view.ViewPager

android:id="@+id/viewpager"

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:layout_above="@+id/viewline"

</android.support.v4.view.ViewPager>

<FrameLayout

android:id="@android:id/tabcontent"

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:visibility=“gone”>

<View

android:id="@+id/viewline"

android:layout_width=“match_parent”

android:layout_height=“1dp”

android:background="#cccccc"

android:layout_above="@android:id/tabs"/>

<TabWidget

android:id="@android:id/tabs"

android:layout_width=“match_parent”

android:layout_height=“60dp”

android:layout_alignParentBottom=“true”