TabHost+ViewPager+Fragment实现页面的滑动，android开发工具deve

Posted 2022-01-01 m0_64604636

<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，就不一一粘贴了。

主界面的布局文件

<?xml version="1.0" encoding="utf-8"?>

<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”