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,就不一一粘贴了。
主界面的布局文件
<?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”