Android Fragment和ViewPager绑定使用,做出页面滑动的效果

1.新建两个类继承Fragment

复写onCreateView方法,把xml填充进去。

public class FirstFragment extends Fragment {

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        // Inflate the layout for this fragment
        return inflater.inflate(R.layout.fragment_first, container, false);
    }
2.在主类布局里放一个ViewPager
 <androidx.viewpager.widget.ViewPager
        android:id="@+id/viewPager"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
3.代码实现
a.把fragment和viewpager都先实例化
b.新建一个MyAdapter类继承FragmentPagerAdapter类,将fragment添加到数组里
c.将MyAdapter 对象和 viewpager绑定

MainActivity类:

public class MainActivity extends AppCompatActivity {
    private Fragment firstFragment, secondFragment;                                //两个fragment对象
    private ViewPager viewPager;
    private ArrayList<Fragment> fragmentList = new ArrayList<Fragment>();          //存放fragment对象
    private FragmentPagerAdapter fragmentPagerAdapter;                             //fragment适配器


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        init();
    }

    /**
     * 初始化
     * 1.首先把fragment,viewpager都实例化;
     * 2.把fragment添加到泛型arraylist里,
     * 3.需要把带有fragment的arraylist和adapter绑定
     */
    private void init() {
        viewPager = findViewById(R.id.viewPager);
        firstFragment = new FirstFragment();
        secondFragment = new SecondFragment();

        fragmentList.add(firstFragment);
        fragmentList.add(secondFragment);

        fragmentPagerAdapter = new MyAdapter(getSupportFragmentManager(), fragmentList);

        viewPager.setAdapter(fragmentPagerAdapter);




    }

}

MyAdapter类:

/**
 * 自定义适配器
 */
public class MyAdapter extends FragmentPagerAdapter {
    private ArrayList<Fragment> fragmentList;                   //存放fragment对象


    public MyAdapter(FragmentManager fm, ArrayList<Fragment> fragmentList) {
        super(fm);
        this.fragmentList = fragmentList;
    }

    @Override
    public Fragment getItem(int position) {
        //返回当前条目
        return fragmentList.get(position);
    }

    @Override
    public int getCount() {
        //返回数组长度
        return fragmentList.size();
    }
}

这样就可以实现滑动页面的效果了。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值