Android开发笔记之ViewPager+Fragment简单列子的实现

来源：互联网发布：js 替换标签内容编辑：程序博客网时间：2024/05/22 01:28

实现ViewPager+fragment的使用

思考实现的原理和机制

ViewPager主要是实现横向滑动和切换控件视图

我们实现的原理主要如下,viewpager主要用来划动其内部的fragment.那就是说viewpager里面嵌套的是fragment,我们划动的时候,是fragment的切换,,有的人可能会问,为什么不是fragment里面嵌套个viewpager,其实这个也是没错的,但是fragment里面嵌套个viewpager,你还要viewpager里面填充内容,这样其才可以划动,在这个时候你划动的只是viewpager里面的内容,外层的fragment是没有动的.

既然我们知道了原理和机制,思路也清晰,那就开始撸代码吧!

第一步声明一个ViewPager对象
第二步声明一个泛型为Fragment的List list集合;
第三步 viewpager+fragment有一个特定的适配器为FragmentPagerAdapter,我们自定义个MyFragmentPagerAdapter
第四步 ViewPager绑定适配器实现我们想要的效果

主Activity代码如下

import java.util.ArrayList;import java.util.List;import android.os.Bundle;import android.support.v4.app.Fragment;import android.support.v4.app.FragmentActivity;import android.support.v4.view.ViewPager;public class MainActivity extends FragmentActivity {    ViewPager mViewPager;    List<Fragment> mList;    MyFragmentPagerAdapter mAdapter;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        initView();    }    private void initView(){        mViewPager = (ViewPager) findViewById(R.id.activity_main_viewpager);        mList = new ArrayList<Fragment>();        setFragment();        mAdapter = new MyFragmentPagerAdapter(getSupportFragmentManager(), mList);        mViewPager.setAdapter(mAdapter);    }    private void setFragment(){        FragmentA fragmentA = new FragmentA();        FragmentA fragmentB = new FragmentA();        mList.add(fragmentA);        mList.add(fragmentB);    }}

新建的fragment类的代码如下

import android.os.Bundle;import android.support.v4.app.Fragment;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;public class FragmentA extends Fragment {    @Override    public void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);    }    @Override    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {        View view = View.inflate(getActivity(), R.layout.fragement_a, null);        return view;    }    @Override    public void onActivityCreated(Bundle savedInstanceState) {        super.onActivityCreated(savedInstanceState);    }}

自定义的适配器代码如下

import java.util.List;import android.support.v4.app.Fragment;import android.support.v4.app.FragmentManager;import android.support.v4.app.FragmentPagerAdapter;public class MyFragmentPagerAdapter extends FragmentPagerAdapter {    List<Fragment> list;    public MyFragmentPagerAdapter(FragmentManager fm, List<Fragment> list) {        super(fm);        this.list = list;    }    @Override    public Fragment getItem(int arg0) {        return list.get(arg0);    }    @Override    public int getCount() {        return list.size();    }}

主activity的布局文件如下

<RelativeLayout 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.support.v4.view.ViewPager        android:id="@+id/activity_main_viewpager"        android:layout_width="wrap_content"        android:layout_height="wrap_content"/></RelativeLayout>

FragmentA的布局文件如下

<RelativeLayout 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" >    <ImageView        android:id="@+id/pager_item_iv"        android:layout_width="match_parent"        android:layout_height="match_parent"         android:background="@drawable/ic_launcher"/>    <Button         android:id="@+id/pager_item_btn"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_alignParentBottom="true"        android:layout_marginBottom="50dp"        android:layout_centerHorizontal="true"        android:text="进入应用"/></RelativeLayout>

上面的代码就是实现一个简单的viewpager+fragment混合使用的列子,你们也可以自己写出更好的Demo,我这个只是实现一个最简单的使用,谢谢你们的阅读,希望能够帮到你们

0 0