相关文档:
Android基础——ViewPager使用浅析(一)
Android控件——Tablayout使用浅析(一)
1. PagerAdapter的子类使用
PagerAdapter时抽象类,它有两个子类,分别是FragmentPageAdapter
和FragmentStatePagerAdapter
,也都是抽象类。
FragmentPagerAdapter
是PagerAdapter的其中一种实现。将每一个页面表示为一个Fragment,并且每一个Fragment都将会保存到Fragment manger当中。它只会缓存当前的Fragment以及左边一个,右边 一个,即总共会缓存3个Fragment而已,特别适用一些静态fragment。
当页面数量较少可以使用FragmentPagerAdapter
:
当使用FragmentStatePagerAdapter
时,实现将只保留当前页面,当页面离开视线后,就会被消除,释放其资源;而在页面需要显示时,生成新的页面。这么实现的好处就是当拥有大量的页面时,不必在内存中占用大量的内存。
使用示例:
public class FmPagerAdapter extends FragmentPagerAdapter {
private List<Fragment> fragmentList;
public FmPagerAdapter(List<Fragment> fragmentList, FragmentManager fm) {
super(fm);
this.fragmentList = fragmentList;
}
@Override
public int getCount() {
return fragmentList != null && !fragmentList.isEmpty() ? fragmentList.size() : 0;
}
@Override
public Fragment getItem(int position) {
return fragmentList.get(position);
}
}
2. Tablayout + ViewPager + Fragment一般使用
总体设计思路:
- Tablayout:点击切换选项卡
- Fragment:存放不同选项的页面内容
- ViewPager:实现页面的左右滑动效果
实现的步骤基本如下:
- 创建需要的Fragment布局文件
- 创建Fragment
- 定义适配器Adapter
- 定义主布局
- 定义MainActivity
简单实例:
- 创建Fragment布局文件:(fragment_tab.xml)
<FrameLayout 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"
tools:context="com.example.tablayoutusecase.defaultuse.TabFragment">
<android.support.v7.widget.RecyclerView
android:id="@+id/rv"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
</FrameLayout>
item.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center_horizontal">
<android.support.v7.widget.CardView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:cardCornerRadius="5dp"
app:cardElevation="3dp"
android:layout_margin="8dp"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:android="http://schemas.android.com/apk/res/android">
<ImageView
android:id="@+id/iv_cover"
android:layout_width="100dp"
android:layout_height="100dp"
android:scaleType="centerCrop"
android:src="@mipmap/face"/>
</android.support.v7.widget.CardView>
<TextView
android:id="@+id/tv_title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="16sp"
android:layout_margin="10dp"/>
</LinearLayout>
- 创建Fragment
public class TabFragment extends Fragment {
private String[] nameDatas = new String[]{"智能","红润","日系","自然","艺术黑白","甜美","蜜粉","清新","夏日阳光","唯美","蜜粉",};
private RecyclerView recyclerView;
private CommonAdapter<String> adapter;
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
View view = inflater.inflate(R.layout.fragment_tab, container, false);
init(view);
return view;
}
private void init(View view) {
recyclerView = view.findViewById(R.id.rv);
recyclerView.setLayoutManager(new GridLayoutManager(getActivity(),2));
adapter = new CommonAdapter<String>(getActivity(),R.layout.item, Arrays.asList(nameDatas)) {
@Override
protected void convert(ViewHolder holder, String s, int position) {}
};
recyclerView.setAdapter(adapter);
}
}
- 定义适配器Adapter
public class FmPagerAdapter extends FragmentPagerAdapter {
private List<Fragment> fragmentList;
public FmPagerAdapter(List<Fragment> fragmentList, FragmentManager fm) {
super(fm);
this.fragmentList = fragmentList;
}
@Override
public int getCount() {
return fragmentList != null && !fragmentList.isEmpty() ? fragmentList.size() : 0;
}
@Override
public Fragment getItem(int position) {
return fragmentList.get(position);
}
}
- 定义主布局
<?xml version="1.0" encoding="utf-8"?>
<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:orientation="vertical"
tools:context="com.example.tablayoutusecase.defaultuse.MainActivity">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="45dp"
android:background="@color/colorPrimaryDark">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:text="一般用法"
android:textColor="#fff"
android:textSize="16sp"/>
</RelativeLayout>
<android.support.design.widget.TabLayout
android:id="@+id/tablayout"
android:layout_width="match_parent"
android:layout_height="wrap_content"/>
<android.support.v4.view.ViewPager
android:id="@+id/viewpager"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
</LinearLayout>
- 定义MainActivity
public class MainActivity extends AppCompatActivity {
private TabLayout tabLayout;
private ViewPager viewPager;
private FmPagerAdapter pagerAdapter;
private ArrayList<Fragment> fragments = new ArrayList<>();
private String[] titles = new String[]{"最新","热门","我的"};
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
init();
}
private void init() {
tabLayout = (TabLayout) findViewById(R.id.tablayout);
viewPager = (ViewPager) findViewById(R.id.viewpager);
for(int i=0;i<titles.length;i++){
fragments.add(new TabFragment());
tabLayout.addTab(tabLayout.newTab());
}
tabLayout.setupWithViewPager(viewPager,false);
pagerAdapter = new FmPagerAdapter(fragments,getSupportFragmentManager());
viewPager.setAdapter(pagerAdapter);
for(int i=0;i<titles.length;i++){
tabLayout.getTabAt(i).setText(titles[i]);
}
}
}
3. ViewPager切换效果
。。。。。待研究更新