Android滑动页面ViewPager的详细总结

最新推荐文章于 2024-05-04 11:25:04 发布
最新推荐文章于 2024-05-04 11:25:04 发布
阅读量1w 收藏 32
点赞数 16
分类专栏： android Fragment UI 文章标签： android viewpager listview Fragment
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wenzhi20102321/article/details/53584344
版权
android 同时被 3 个专栏收录
389 篇文章 45 订阅
订阅专栏
UI
46 篇文章 0 订阅
订阅专栏
Fragment
4 篇文章 0 订阅
订阅专栏

一．ViewPager的基础知识

（一）ViewPager概述

        ViewPager是谷歌官方给我们提供的一个兼容低版本安卓设备的软件包，里面包囊了只有在安卓3.0以上可以使用的api。而viewpager就是其中之一利用它，我们可以做很多事情，从最简单的导航，到页面菜单等等。那如何使用它呢，与ListView类似，我们也需要一个适配器，他就是PagerAdapter。
        ViewPager类直接继承了ViewGroup类，所有它是一个容器类，可以在其中添加其他的View类。ViewPager类需要一个PagerAdapter适配器类给它提供数据。ViewPager经常和Fragment一起使用，并且提供了专门的FragmentPagerAdapter和 FragmentStatePagerAdapter类供Fragment中的ViewPager使用。
        ViewPager的功能就是可以使视图滑动，就像Lanucher左右滑动那样。

（二）ViewPager的使用步骤三个步骤来使用：

1.在住布局文件里加入

2.加载要显示的页卡

3.在Activity里实例化ViewPager组件，并设置它的Adapter（就是PagerAdapter，方法与 ListView一样的），在这里一般需要重写PagerAdapter。

（三）实现一个PagerAdapter,至少覆盖以下方法:

1.instantiateItem(ViewGroup, int)返回视图对象

2.destroyItem(ViewGroup, int, Object)销毁视图对象

3.getCount() 视图个数

4.isViewFromObject(View, Object)一般传入arg0==arg1.用来判断两个视图是否是等价的

（四）ViewPager的XML配置

<android.support.v4.view.ViewPager
    android:id="@+id/viewpager"
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" > 
 </android.support.v4.view.ViewPager>

（五）ViewPager的监听事件

viewpager.setOnPageChangeListener(new OnPageChangeListener() {
         @Override
        public void onPageSelected(int arg0) {
                     //当页面选中时 
          } 
           @Override 
         public void onPageScrolled(int arg0, float arg1, int arg2) { 
        //arg0 当前页
                 //arg1 移动页百分比
         //arg2 移动像素点 
          }
          @Override 
        public void onPageScrollStateChanged(int arg0) { 
        //滑动状态改变 
         }
 });

二．PagerTitleStrip和PagerTabStrip

（一）PagerTitleStrip

        PagerTitleStrip是ViewPager的一个关于当前页面、上一个页面和下一个页面的一个非交互的指示器。它经常作为ViewPager控件的一个子控件被被添加在XML布局文件中。在你的布局文件中，将它作为子控件添加在ViewPager中。而且要将它的android:layout_gravity属性设置为TOP或BOTTOM来将它显示在ViewPager的顶部或底部。每个页面的标题是通过适配器的getPageTitle(int)函数提供给ViewPager的。

（二）PagerTabStrip

PagerTabStrip与PagerTitleStrip类似,只有两点不同
PagerTabStrip在当前页面下，会有一个下划线条来提示当前页面的Tab是哪个。 PagerTabStrip的Tab是可以点击的，当用户点击某一个Tab时，当前页面就会跳转到这个页面，而PagerTitleStrip则没这个功能。

（三）自定义Tab

例子：实现一个跟随页面移动的指示条
具体的实现的代码都是在ViewPager的监听方法中实现

三．ViewPager结合Fragment显示

        我们知道，实现ViewPager是要有适配器的，我们前面用的适配器是 PagerAdapter，而对于Fragment,它所使用的适配器是：FragmentPagerAdapter。 FragmentPagerAdapter派生自PagerAdapter，它是用来呈现Fragment页面的，这些 Fragment页面会一直保存在fragment manager中，以便用户可以随时取用。
在 使 用 ViewPager 时 ， 必 须 使 用 v 4 包 下 的 Fragment， 并 且 使 用 FragmentActivity。
这个适配器最好用于有限个静态fragment页面的管理。尽管不可见的视图有时会被销毁，但用户所有 访问过的fragment都会被保存在内存中。因此fragment实例会保存大量的各种状态，这就造成了很 大的内存开销。所以如果要处理大量的页面切换，建议使用FragmentStatePagerAdapter.
        对于FragmentPagerAdapter的派生类，只需要重写getItem(int)和getCount()就可以了。

public class FragAdapter extends FragmentPagerAdapter { 
    private List<Fragment> mFragments; 
    public FragAdapter(FragmentManager fm,List<Fragment> fragments) {
        super(fm);
        mFragments=fragments;
     }
    @Override  
    public Fragment getItem(int arg0) { 
        //根据传来的参数arg0，来返回当前要显示的Fragment 
        return mFragments.get(arg0); 
    }
    @Override 
    public int getCount() { 
        //返回用于滑动的fragment总数
        return mFragments.size();  
      } 
 }

下面是ViewPager的使用示例

四．ViewPager显示可滑动的图片页面

这个应用在广告页面或启动页面都是蛮多的。效果图：
v1

        这里设计的是页面可以左右滑动页面，实现图片的切换，并且下面有每一个图片对应的图标，当页面滑动到第八张图片弹出一个按钮，可以做相应的操作。
        这里设置了无限滑动的设置！代码控制的。
代码设计：

（一）布局文件activity_main.xml设计

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent">


    <android.support.v4.view.ViewPager
        android:id="@+id/main_vp"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />


    <LinearLayout
        android:id="@+id/main_ll"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_marginBottom="20dp"
        android:gravity="center"
        android:orientation="horizontal" />
    <Button
        android:id="@+id/main_btn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:layout_margin="20dp"
        android:text="点击马上体验！"
        android:visibility="invisible" />

</RelativeLayout>

（二）设置下面小圆点的选择器资源文件

在drawable文件夹下，创建start_selsect.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@mipmap/star" android:state_selected="true"></item>
    <item android:state_selected="false">
        <shape android:shape="oval">
            <solid android:color="@android:color/darker_gray" />
        </shape>
    </item>
</selector>

上面要放一张小星星的图片到资源文件中。
下面还有放八张大图片到资源文件中，用于划屏时显示。

（三）主方法的类的java代码

package fuxi.viewpager1;

import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.util.Log;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.LinearLayout;

import java.util.ArrayList;
import java.util.List;


public class MainActivity extends AppCompatActivity implements ViewPager.OnPageChangeListener {

    //布局中的对象
    ViewPager vp;
    LinearLayout ll;
    Button btn;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        btn = (Button) findViewById(R.id.main_btn);

        initPoints();//初始化小圆点
        initView();//初始化数据
    }

    /**
     * 实现小圆点的添加，
     * 找到线性布局动态的向线性布局内添加小圆，并添加drawable选择的效果
     */
    private void initPoints() {
        //实例化线性布局
        ll = (LinearLayout) findViewById(R.id.main_ll);
        //绘制和图片对应的圆点的数量
        for (int i = 0; i < images.length; i++) {
            View view = new View(this);
            //设置圆点的大小
            LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(30, 30);
            //设置间距
            params.setMargins(10, 10, 10, 10);
            //设置图片的自定义效果
            view.setBackgroundResource(R.drawable.stars_select);
            //把设置好的视图属性设置到View中
            view.setLayoutParams(params);
            //把创建好的View添加到线性布局中
            ll.addView(view);
        }
        Log.e("TAG", ":" + ll.getChildCount());
        //设置选中线性布局中的第一个
        ll.getChildAt(0).setSelected(true);
    }

    /**
     * 初始化数据
     */
    private void initView() {
        //实例化ViewPager
        vp = (ViewPager) findViewById(R.id.main_vp);
        //创建适配器对象
        Myadapter adapter = new Myadapter();
        //给视图ViewPager添加适配器
        vp.setAdapter(adapter);
        //给ViewPager添加监听事件
        //这个监听事件设置不是点击的，也不是选中的，使用添加页面改变的监听
        vp.addOnPageChangeListener(this);
        //设置图片开始的位置，从中间开始，并且是从八张图片中的第一张开始
        vp.setCurrentItem(Integer.MAX_VALUE / 2 - (Integer.MAX_VALUE / 2 % 8));
    }

    /**
     * 下面三个方法是，实现ViewPager监听页面改变时要实现的方法
     */
    @Override
    public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
        //页面滑动时触发
    }


    int index = 0;//设置一个游标值记录当前的显示页面

    @Override
    //页面选中时的回调方法
    public void onPageSelected(int position) {
        //对小圆点的设置
        //取消前一个视图的选中
        ll.getChildAt(index).setSelected(false);
        //选中下一个显示的视图
        ll.getChildAt(position % 8).setSelected(true);
        //跟新游标的值
        index = position % 8;
        //当显示最后一个页面时，可以实现跳转
        if (index == 7) {
            ll.setVisibility(View.INVISIBLE);
            btn.setVisibility(View.VISIBLE);
            btn.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    // Toast.makeText(MainActivity.this, "点击了按钮", Toast.LENGTHRT).show();
                    //页面跳转到具体页面
                    //startActivity(new Intent(MainActivity.this, MainActivity2.class));
                    //关闭原来界面
                    finish();
                }
            });
        } else {
            ll.setVisibility(View.VISIBLE);
            btn.setVisibility(View.INVISIBLE);
        }

    }

    //页面状态改变时的回调方法
    @Override
    public void onPageScrollStateChanged(int state) {
        //对ViewPager状态进行判断决定是否执行轮播页面
        if (state == ViewPager.SCROLL_STATE_IDLE) {
            if (!handler.hasMessages(1)) {
                startGuide();
            }
        } else {
            stopGuide();
        }
    }


    /**
     * 创建一个Handler对象，用于实现自动轮播画面
     */
    Handler handler = new Handler() {
        @Override
        public void handleMessage(Message msg) {
            super.handleMessage(msg);
            vp.setCurrentItem(vp.getCurrentItem() + 1);
            sendEmptyMessageDelayed(1, 2000);//延长两秒后给自己发消息，没有被移除前都是会一直循环的
        }
    };


    /**
     * 开始轮播
     */
    private void startGuide() {
        handler.sendEmptyMessageDelayed(1, 2000);
    }

    /**
     * 停止轮播
     */
    private void stopGuide() {
        //把消息移除，轮播页面就会停止
        handler.removeMessages(1);
    }


    //数据源,8张图片
    int[] images = {R.mipmap.a1, R.mipmap.a2, R.mipmap.a3, R.mipmap.a4, R.mipmap.a5, R.mipmap.a6, R.mipmap.a7, R.mipmap.a8};

    //定义一个集合用来存放视图的View对象
    List<View> listOfView = new ArrayList<>();

    /**
     * 在类内创建Adapter对象，
     * 这里ViewPager要对应的Adapter是PagerAdapter
     */
    class Myadapter extends PagerAdapter {

        //可滑动的页面的数量
        @Override
        public int getCount() {
            //return listOfView.size();//实现只能滑动一遍图片的效果
            return Integer.MAX_VALUE;//实现无限滑动的效果
        }

        //判断两页的地址是否相同
        @Override
        public boolean isViewFromObject(View view, Object object) {
            //这是google要求的写法
            return view == object;
        }


        //重写构造方法，当创建实例时，把数据添加到集合中
        public Myadapter() {
            for (int i = 0; i < images.length; i++) {
                //创建ImageView存放图片
                ImageView iv = new ImageView(getApplicationContext());
                iv.setScaleType(ImageView.ScaleType.FIT_XY);
                iv.setImageResource(images[i]);
                //把图片添加到集合zhong
                listOfView.add(iv);
            }
        }

        //下面的两个方法也是必须重写的

        //这里要返回的是View的视图对象
        @Override
        public Object instantiateItem(ViewGroup container, int position) {
            //添加一个item 显示
            //Toast.makeText(getBaseContext(), position + "页", Toast.LENGTH_SHORT).show();
            container.addView(listOfView.get(position % 8));
            return listOfView.get(position % 8);
        }

        //销毁一个View的对象
        @Override
        public void destroyItem(ViewGroup container, int position, Object object) {
            container.removeView(listOfView.get(position % 8));
        }
    }

}

程序运行后的界面上面已经展示了，滑动页面后显示：
v2

当页面滑动到第八个时，显示的界面：
v8

        这里就可以实现相关页面的跳转，但是本实例中只是关闭页面。
        上面程序使用了Handler对象操作实现自动轮播的页面，如果没有滑动页面两秒页面是会自动轮播的，而滑动时页面是不会轮播的。

五．ViewPager和Fragment的结合使用实现

页面实现效果：
v3
页面往右滑动时出现的画面：
v4

可以看到上面有一个指示器在跟着滑动。
代码设计：

（一）布局文件activity_main.xml的设计

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <RadioGroup
        android:id="@+id/home_rg"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <RadioButton
            android:id="@+id/home_rb_dujia"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="@drawable/back"
            android:button="@null"
            android:gravity="center"
            android:padding="10dp"
            android:text="旅游度假" />

        <RadioButton
            android:id="@+id/home_rb_ticker"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="@drawable/back"
            android:button="@null"
            android:gravity="center"
            android:padding="10dp"
            android:text="景点门票" />

    </RadioGroup>
    <!--自定义指示器,具体实现在代码中-->
    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="5dp">

        <View
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="#4e6bd4" />

        <View
            android:id="@+id/home_fl_view"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="#16308c" />
    </FrameLayout>

    <android.support.v4.view.ViewPager
        android:id="@+id/home_vp"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

</LinearLayout>

        这里使用的是ViewPager来装载碎片，既没有使用fragment标签，也没有使用FrameLayout标签。

（二）上面的按钮的背景是自定义的颜色选择器

在drawable文件夹下的back.xml文件

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@color/colorPrimary" android:state_selected="false" />
    <item android:drawable="@color/colorAccent" android:state_selected="true" />
</selector>

上面的颜色资源也是系统提供的，也可以使用自己定义的。

（三）第一个碎片类

package fuxi.viewpager2;

import android.graphics.Color;
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;
import android.widget.TextView;

/**
 * 这是个人旅游页面的碎片布局
 */

public class TourFragment extends Fragment {
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        //加载系统里面的布局文件
        TextView view = (TextView) View.inflate(getActivity(), android.R.layout.simple_list_item_1, null);
        view.setText("这是个人旅游页面的碎片布局");
        view.setBackgroundColor(Color.YELLOW);
        return view;
    }

}

（四）第二个碎片类

package fuxi.viewpager2;

import android.graphics.Color;
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;
import android.widget.TextView;

/**
 *  这是景点售票页面的碎片布局
 */

public class TickerFragment extends Fragment {
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        //加载系统里面的布局文件
        TextView view = (TextView) View.inflate(getActivity(), android.R.layout.simple_list_item_1, null);
        view.setText("这是景点售票页面的碎片布局");
        view.setBackgroundColor(Color.GREEN);
        return view;
    }

}

（五）主方法的类

package fuxi.viewpager2;

import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentStatePagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.view.ViewGroup;
import android.widget.FrameLayout;
import android.widget.RadioGroup;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity implements RadioGroup.OnCheckedChangeListener, ViewPager.OnPageChangeListener {

    //定义布局内的控件
    RadioGroup rg;
    View vi;//自定义的指示器
    ViewPager vp;

    //数据源的集合
    List<Fragment> list = new ArrayList<>();

    @Override
    public void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //加载数据
        list.add(new TourFragment());
        list.add(new TickerFragment());
        setContentView(R.layout.activity_main);
        initView();

    }

    /**
     * 初始化布局
     */
    private void initView() {
        //实例化控件
        rg = (RadioGroup) findViewById(R.id.home_rg);
        vp = (ViewPager) findViewById(R.id.home_vp);
        vi = findViewById(R.id.home_fl_view);
        //创建适配器,设置的碎片管理器使用的是getChildFragmentManager()
        FragmentStatePagerAdapter adapter = new Myadapter(getSupportFragmentManager());
        //给ViewPager设置适配器
        vp.setAdapter(adapter);
        //给控件设置监听事件
        rg.setOnCheckedChangeListener(this);
        //给ViewPager设置监听器使用的是add而不是set了
        vp.addOnPageChangeListener(this);
        initVi();

    }


    //屏幕一半的宽度
    int width;

    //把下划线View设置初始值
    private void initVi() {
        width = getResources().getDisplayMetrics().widthPixels / 2;
        //设置下划线View的长度
        FrameLayout.LayoutParams par = new FrameLayout.LayoutParams(width, ViewGroup.LayoutParams.MATCH_PARENT);
        vi.setLayoutParams(par);

    }


    //单选按钮点击后触发的回调方法
    @Override
    public void onCheckedChanged(RadioGroup group, int checkedId) {
        //点击后选择对应的ViewPager页面
        vp.setCurrentItem(checkedId == R.id.home_rb_dujia ? 0 : 1);
    }

    //屏幕滑动的回调方法，设置指示器
    @Override
    public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
        //"页面:" + position + "
        // offset偏移百分比" + positionOffset
        // pix像素" + positionOffsetPixels
        //设置下划线的属性
        //设置下划线View的长度
        FrameLayout.LayoutParams par = (FrameLayout.LayoutParams) vi.getLayoutParams();
        //设置下划线距离左边的位置长度
        int left = (int) ((positionOffset + position) * width);
        par.setMargins(left, 0, 0, 0);
        vi.setLayoutParams(par);
    }

    //屏幕被选择的回调方法
    @Override
    public void onPageSelected(int position) {
        //选择页面后设置单选按钮的选择
        rg.check(position == 0 ? R.id.home_rb_dujia : R.id.home_rb_ticker);
    }

    //滑动页面状态的改变，这个方法不用理会
    //如果要实现自动轮播可以重写
    @Override
    public void onPageScrollStateChanged(int state) {

    }

    //创建ViewPager适配器的类
    class Myadapter extends FragmentStatePagerAdapter {

        public Myadapter(FragmentManager fm) {
            super(fm);
        }

        @Override
        public Fragment getItem(int position) {
            return list.get(position);
        }

        @Override
        public int getCount() {
            return list.size();
        }
    }

}

        可以看到这里没有使用事务，就可以实现页面的隐藏和显示，这些都是ViewPager在底层已经做好的事情了。
        本示例中也设计了指示器的效果，就是按钮下面那条横线，设计的方法也是有三种的，一个是使用PagerTitleStrip，一个是使用PagerTabStrip，另一个就是使用自定义的指示器。当然这三种只是简单的指示器的设计，如果想要特殊效果的指示器还是有很多方法的。指示器的使用另作总结。
        个人觉得使用自定义的指示器还是比较方便的，而且代码是固定的，如果不理解也没关系，复制使用就可以了。另外两种指示器是比较另类的，还有其他指示器的设计方法是比较麻烦的。

六．Fragment和ViewPager结合使用的例子

        程序设计外层的页面是五个Fragment页面，不能滑动，只能点击切换，但是其中一个Fragment页面有ViewPager页面，可以实现滑动页面。
程序运行效果:
f1

点击下面的按钮可以实现Fragment界面的切换，这里设计中间一个Fragment是一个ViewPager页面，可以左右滑动选择页面。
f2
这个页面和上面一个示例是相似的。但是这里是碎片中的碎片！
可以看到这里每一个按钮都做了选择器。并且中间碎片页面也是有个指示器的。

下面是代码设计：

（一）布局文件

1.activity_main.xml布局文件

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.exam.framework.MainActivity">

    <RadioGroup
        android:id="@+id/main_rg"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:orientation="horizontal">

        <RadioButton
            android:id="@+id/main_rb0"
            style="@style/MyRadioStyle"
            android:drawableTop="@drawable/favor"
            android:tag="0"
            android:text="收藏" />

        <RadioButton
            android:id="@+id/main_rb1"
            style="@style/MyRadioStyle"
            android:drawableTop="@drawable/order"
            android:tag="1"
            android:text="订单" />

        <RadioButton
            android:id="@+id/main_rb2"
            style="@style/MyRadioStyle"
            android:drawableTop="@drawable/home"
            android:tag="2"
            android:text="主页" />

        <RadioButton
            android:id="@+id/main_rb3"
            style="@style/MyRadioStyle"
            android:drawableTop="@drawable/uc"
            android:singleLine="true"
            android:tag="3"
            android:text="个人中心" />

        <RadioButton
            android:id="@+id/main_rb4"
            style="@style/MyRadioStyle"
            android:drawableTop="@drawable/setting"
            android:tag="4"
            android:text="设置" />

    </RadioGroup>

    <FrameLayout
        android:id="@+id/main_fl"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_above="@id/main_rg"></FrameLayout>

</RelativeLayout>

这里动态显示隐藏Fragment要先添加FrameLayout布局容器。

2.中间页面显示可滑动页面的布局文件activity_frag_home.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <RadioGroup
        android:id="@+id/home_rg"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <RadioButton
            android:id="@+id/home_rb_dujia"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="@drawable/back"
            android:button="@null"
            android:gravity="center"
            android:padding="10dp"
            android:text="旅游度假" />

        <RadioButton
            android:id="@+id/home_rb_ticker"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="@drawable/back"
            android:button="@null"
            android:gravity="center"
            android:padding="10dp"
            android:text="景点门票" />

    </RadioGroup>
    <!--自定义指示器-->
    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="5dp">

        <View
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="#4e6bd4" />

        <View
            android:id="@+id/home_fl_view"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="#16308c" />
    </FrameLayout>

    <android.support.v4.view.ViewPager
        android:id="@+id/home_vp"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

</LinearLayout>

这里也是动态加载Fragment但是使用的是ViewPager。并且这里有自定义的指示器。

（二）资源文件

上面有用到比较多的资源文件

1.第一个按钮的选择器

drawable–》favor.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@mipmap/icon_favor_normal" android:state_checked="false" />
    <item android:drawable="@mipmap/icon_favor_press" android:state_checked="true" />
</selector>

2.第一个按钮的选择器

drawable–》order.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@mipmap/icon_order_normal" android:state_checked="false" />
    <item android:drawable="@mipmap/icon_order_press" android:state_checked="true" />
</selector>

3.第一个按钮的选择器

drawable–》home.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@mipmap/icon_home_normal" android:state_checked="false" />
    <item android:drawable="@mipmap/icon_home_press" android:state_checked="true" />
</selector>

4.第一个按钮的选择器

drawable–》uc.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@mipmap/icon_uc_normal" android:state_checked="false" />
    <item android:drawable="@mipmap/icon_uc_press" android:state_checked="true" />
</selector>

5.第一个按钮的选择器

drawable–》setting.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@mipmap/icon_setting_normal" android:state_checked="false" />
    <item android:drawable="@mipmap/icon_setting_press" android:state_checked="true" />
</selector>

6.中间页面两个按钮的背景选择器

drawable–》back.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@color/color_back" android:state_selected="false" />
    <item android:drawable="@color/color_backnor" android:state_selected="true" />
</selector>

7.上面按钮背景还有两个颜色资源文件

Values——》colors.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="colorPrimary">#3F51B5</color>
    <color name="colorPrimaryDark">#303F9F</color>
    <color name="colorAccent">#FF4081</color>
    <color name="color_back">#207579</color>
    <color name="color_backnor">#7fdcd9</color>
</resources>

上面颜色资源中最下面俩个是自己添加的，上面的几个是系统有的。

（三）第一个碎片的java代码：

package com.exam.framework;

import android.graphics.Color;
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;
import android.widget.TextView;



public class FavorFragment extends Fragment {
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        //加载系统里面的布局文件
        TextView view = (TextView) View.inflate(getActivity(), android.R.layout.simple_list_item_1, null);
        view.setText("这是收藏页面");
        view.setBackgroundColor(Color.RED);
        return view;
    }
}

除了中间的Fragment的java代码是复杂一点的，其他的都是简单数据的显示。

（四）第二个Fragment页面的java代码：

package com.exam.framework;

import android.graphics.Color;
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;
import android.widget.TextView;



public class OrderFragment extends Fragment {
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        //加载系统里面的布局文件
        TextView view = (TextView) View.inflate(getActivity(), android.R.layout.simple_list_item_1, null);
        view.setText("这是订单页面的碎片布局");
        view.setBackgroundColor(Color.GREEN);
        return view;
    }

}

（五）第三个Fragment页面的java代码：

这个页面的代码和上面一个示例的代码几乎一样。

package com.exam.framework;

import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentStatePagerAdapter;
import android.support.v4.view.ViewPager;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.FrameLayout;
import android.widget.RadioGroup;

import java.util.ArrayList;
import java.util.List;



public class HomeFragment extends Fragment implements RadioGroup.OnCheckedChangeListener, ViewPager.OnPageChangeListener {

    //定义布局内的控件
    RadioGroup rg;
    View vi;
    ViewPager vp;

    //数据源的集合
    List<Fragment> list = new ArrayList<>();

    @Override
    public void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //加载数据
        list.add(new TourFragment());
        list.add(new TickerFragment());
    }

    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        //加载自己编写的布局文件
        return View.inflate(getActivity(), R.layout.activity_frag_home, null);
    }

    @Override
    public void onViewCreated(View view, @Nullable Bundle savedInstanceState) {
        super.onViewCreated(view, savedInstanceState);
        //实例化控件
        rg = (RadioGroup) view.findViewById(R.id.home_rg);
        vp = (ViewPager) view.findViewById(R.id.home_vp);
        vi = view.findViewById(R.id.home_fl_view);
        //创建适配器,设置的碎片管理器使用的是getChildFragmentManager()
        FragmentStatePagerAdapter adapter = new Myadapter(getChildFragmentManager());
        //给ViewPager设置适配器
        vp.setAdapter(adapter);
        //给控件设置监听事件
        rg.setOnCheckedChangeListener(this);
        //给ViewPager设置监听器使用的是add而不是set了
        vp.addOnPageChangeListener(this);
        initVi();
    }

    //屏幕一般的宽度
    int width;

    //把下划线View设置初始值
    private void initVi() {
        width = getResources().getDisplayMetrics().widthPixels / 2;
        //设置下划线View的长度
        FrameLayout.LayoutParams par = new FrameLayout.LayoutParams(width, ViewGroup.LayoutParams.MATCH_PARENT);
        vi.setLayoutParams(par);

    }


    //单选按钮点击后触发的回调方法
    @Override
    public void onCheckedChanged(RadioGroup group, int checkedId) {
        //点击后选择对应的ViewPager页面
        vp.setCurrentItem(checkedId == R.id.home_rb_dujia ? 0 : 1);
    }

    //屏幕滑动的回调方法
    @Override
    public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
        //"页面:" + position + "
        // offset偏移百分比" + positionOffset
        // pix像素" + positionOffsetPixels
        //设置下划线的属性
        //设置下划线View的长度
        FrameLayout.LayoutParams par = (FrameLayout.LayoutParams) vi.getLayoutParams();
        //设置下划线距离左边的位置长度
        int left = (int) ((positionOffset + position) * width);
        par.setMargins(left, 0, 0, 0);
        vi.setLayoutParams(par);
    }

    //屏幕被选择的回调方法
    @Override
    public void onPageSelected(int position) {
        //选择页面后设置单选按钮的选择
        rg.check(position == 0 ? R.id.home_rb_dujia : R.id.home_rb_ticker);
    }

    //这个方法不用理会
    @Override
    public void onPageScrollStateChanged(int state) {

    }

    //创建ViewPager适配器的类
    class Myadapter extends FragmentStatePagerAdapter {

        public Myadapter(FragmentManager fm) {
            super(fm);
        }

        @Override
        public Fragment getItem(int position) {
            return list.get(position);
        }

        @Override
        public int getCount() {
            return list.size();
        }
    }


}

（六）第三个碎片页面的第一个碎片页面的java代码：

package com.exam.framework;

import android.graphics.Color;
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;
import android.widget.TextView;



public class TourFragment extends Fragment {
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        //加载系统里面的布局文件
        TextView view = (TextView) View.inflate(getActivity(), android.R.layout.simple_list_item_1, null);
        view.setText("这是个人旅游页面的碎片布局");
        view.setBackgroundColor(Color.YELLOW);
        return view;
    }

}

（七）第三个碎片页面的第二个碎片页面的java代码：

package com.exam.framework;

import android.graphics.Color;
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;
import android.widget.TextView;



public class TickerFragment extends Fragment {
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        //加载系统里面的布局文件
        TextView view = (TextView) View.inflate(getActivity(), android.R.layout.simple_list_item_1, null);
        view.setText("这是景点售票页面的碎片布局");
        view.setBackgroundColor(Color.BLUE);
        return view;
    }

}

（八）第四个Fragment页面的java代码：

package com.exam.framework;

import android.graphics.Color;
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;
import android.widget.TextView;



public class UCFragment extends Fragment {
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        //加载系统里面的布局文件
        TextView view = (TextView) View.inflate(getActivity(), android.R.layout.simple_list_item_1, null);
        view.setText("这是个人中心页面的碎片布局");
        view.setBackgroundColor(Color.YELLOW);
        return view;
    }

}

（九）第五个Fragment页面的java代码：

package com.exam.framework;

import android.graphics.Color;
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;
import android.widget.TextView;



public class SettingFragment extends Fragment {
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        //加载系统里面的布局文件
        TextView view = (TextView) View.inflate(getActivity(), android.R.layout.simple_list_item_1, null);
        view.setText("这是设置页面的碎片布局");
        view.setTextColor(Color.argb(1,6,0,0));
        view.setBackgroundColor(Color.BLACK);
        return view;
    }

}

（十）第主页面的java代码：

这个代码也是要重点理解的。
package com.exam.framework;

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentTransaction;
import android.support.v7.app.AppCompatActivity;
import android.util.Log;
import android.view.View;
import android.widget.RadioGroup;

public class MainActivity extends AppCompatActivity implements RadioGroup.OnCheckedChangeListener {

    //定义布局内的RadioGroup控件
    RadioGroup rg;
    //定义Fragment数组存放Fragment对象
    Fragment[] fragments = new Fragment[5];
    //之前选中的页面游标值
    int beforeIndex = -1;

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


    }

    //初始化数据
    private void initView() {
        //实例化RadioGroup
        rg = (RadioGroup) findViewById(R.id.main_rg);
        //为控件设置监听事件
        rg.setOnCheckedChangeListener(this);
        //默认显示主页面的碎片
        rg.check(R.id.main_rb2);
        // showFragment(2);
    }

    //点击对应的按钮后触发的事件
    @Override
    public void onCheckedChanged(RadioGroup group, int checkedId) {
        //checkedId是布局文件里面的ID，比如：R.id.main_rb2
        View view = rg.findViewById(checkedId);
        String tag = view.getTag().toString();//获得对应视图的Tag字符串
        //显示对应的碎片
        showFragment(Integer.parseInt(tag));
        // Toast.makeText(this, "选择：" + tag, Toast.LENGTH_SHORT).show();
    }

    //显示碎片的方法
    private void showFragment(int index) {
        Log.e("TAG", "index=" + index);
        //如果点击的是前显示的页面，直接返回去
        if (beforeIndex == index) {
            return;
        }

        //对碎片继续各种操作，这里需要用到事务来完成
        FragmentTransaction ft = getSupportFragmentManager().beginTransaction();
        //隐藏上一次显示的碎片
        if (beforeIndex != -1) {
            ft.hide(fragments[beforeIndex]);
        }
        //如果要出现的碎片页面没有创建过，就要创建；否则显示出来就可以了
        if (fragments[index] == null) {
            //创建碎片（实例化）
            fragments[index] = FragmentUtil.CreateFragment(index);
            //把创建的布局添加到事务里面
            //第一个参数是存放碎片的位置
            //第二个参数是碎片的对象
            ft.add(R.id.main_fl, fragments[index]);
        } else {
            //如不是空的对象就直接显示出来就可以了
            ft.show(fragments[index]);
        }
        //提交事务
        ft.commit();
        //把当前的选择保存
        beforeIndex = index;


    }
}

程序运行的界面上面已经有了，这里就不演示了。

      由于文中用到的资源文件比较多，图片也是比较多，有些人可能不熟悉，这里提供项目源码文件的下载：
地址：http://download.csdn.net/detail/wenzhi20102321/9708875
      在程序开发中，碎片中有碎片，并且外面不能滑动，里面能滑动，或者外面的能滑动，而里面不能滑动都是有这样的需求的。

七．最后对Fragment和ViewPager做一个总结：

（一）Fragment

       Fragment是碎片的意思，其中可以显示碎片的方法有三种，一种是静态显示碎片使用标签fragment，另一个是使用动态显示碎片，要使用FrameLayout布局容器，还有一种是使用ViewPager来显示Fragment。
      但是无论使用哪一种，都是要写自定义的类来继承Fragment。
      并且要注意的是一般使用Fragment都是使用v4包下的，Activity对应的也是要v4包下，否则会报错。在AndroidStudio中是自动加载的，而Eclipse中要自己手动加载。

（二）ViewPager

      ViewPager的使用也是比较频繁的，比如引导页面，某些局部的广告页面，轮播的实现，都是我们要去掌握的知识。
      ViewPager的显示都是要使用Adapter的，如果是显示简单的图片的适配器使用的是：PagerAdapter，如果显示的是Fragment页面，使用的适配器是：FragmentStatePagerAdapter。

      ViewPager和Fragment结合使用在很多App程序中是非常常见和使用的。也是要我们去熟练掌握的一个UI设计形式。
      关于Fragment详细总结的知识我之前有一篇文章：
http://blog.csdn.net/wenzhi20102321/article/details/53572610

峥嵘life
关注
  • 16
    点赞
  • 踩
  • 32
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 6
    评论
专栏目录
view 分页 android,Android ViewPager分页功能
weixin_35642587的博客
05-25 413
仿照Android4.0拨号界面实现分页的界面,以下：html 一、ViewPager是安卓的扩展包，能够从源代码out/target/common/obj/JAVA_LIBRARIES/android-support-v13-intermediates/classes.jar拷贝，注意是android-support-V13而不是android-support-v4,由于Activity中get...
android indicator,Android滚动页面位置指示器：CircleIndicator
weixin_31681589的博客
05-27 347
Android滚动页面位置指示器：CircleIndicatorCircleIndicator是github上的一个开源的用于页面滚动时候的位置指示器，指示当前页面在总的页面中的位置和前后位置关系，github上的项目主页是：https://github.com/ongakuer/CircleIndicator其效果如图所示： 可以看到，选中和未被选中时候的球的大小并不相同，且颜色在Circl...
Android 实现带指示器的自动轮播式ViewPager
阳光灿烂的日子的博客
10-06 1567
版权声明：本文为博主原创文章，未经博主允许不得转载。 目录(?)[+] 前言效果展示GitHub地址及使用介绍原理简析 实现自动滚动实现指示器实现Page的点击事件处理 前言 最近在做项目的时候，有个需求就是实现自动轮播式的ViewPager，最直观的例子就是知乎日报顶部的ViewPager，它内部有着好几个子view，每个一段时间便自动滑动到下一个i
Android studio ViewPager2的使用，实现页面滑动。
最新发布
weixin_63128816的博客
05-04 231
在activity_main.xml里。设置每页要显示一个Textview。在ViewPageAdapter里。在mainactivity里。
android-viewpager setCurrentItem和滑动切换fragment的区别
u014385442的专栏
09-28 1819
　　　在不缓存的viewpager里面有两个fragment1,fragment2;当滑动切换的时候， 　　　fragment1滑动到fragment２生命周期是：fragment1.onstop()-&gt;fragment2.onResume(); 　　　但是当使用setCurrentItem(1)的时候，生命周期是：fragment2.onResume()-&gt;fragment1.o...
Android使用ViewPager2实现页面滑动切换
Misdirection_XG的博客
07-11 2924
在很多应用中，我们经常会看到多个页面之间滑动切换的场景，ViewPager2是ViewPager的升级版，本文将简要介绍如何使用ViewPager2、FragmentStateAdapter和Fragment来实现页面之间的滑动切换。要使用ViewPager2，需要引入ViewPager2库，引入方法如下： 2.2 使用ViewPager2 在布局中使用ViewPager2，示例如下： 2.3 构建Fragment 本Fragment只为简单演示使用，其布局如下： ContentFragment类的实现如下
Android之禁止ViewPager滑动实现实例
08-30
Android之禁止ViewPager滑动实现实例 Android之禁止ViewPager滑动实现实例是指在Android应用程序中，禁止ViewPager控件的滑动功能，以便在某些情况下避免触摸事件冲突或实现其他特殊效果。这种实现方式可以在同一个...
Android ViewPager + Fragment实现滑动页面效果
08-27
下面我们将通过实例代码详细介绍 Android ViewPager + Fragment 实现滑动页面效果。 ViewPager 简介 ViewPager 是一个在 Android 3.0 及更高版本中引入的控件，用于实现滑动页面效果。它可以容纳多个 Fragment 或 ...
Android编程实现ViewPager多页面滑动切换及动画效果的方法
09-03
主要介绍了Android编程实现ViewPager多页面滑动切换及动画效果的方法,以完整实例形式分析了ViewPager多页面滑动切换效果的布局及功能实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
Android应用中利用ViewPager实现多页面滑动切换效果示例
09-02
主要介绍了Android应用中利用ViewPager实现多页面滑动切换效果示例,配合了Fragment和PagerTabStrip,需要的朋友可以参考下
Android仿IOS ViewPager滑动进度条
08-31
本例探讨了如何在Android中创建一个类似于iOS风格的ViewPager滑动进度条。这个功能可以帮助用户直观地了解他们在多页视图中的位置，尤其是在内容丰富的应用中。 首先，我们看到在`MainActivity`中引用了一个名为`...
【Android开发】ViewPager
weixin_42020386的博客
01-21 1348
应用场景 引导界面、相册多图片预览 多Tab页面、App导航 广告播放展示 使用步骤 添加依赖 xml布局中引用viewPager 声明数组，将图片存入 创建适配器，完成资源配置 为viewpager设置适配器 1.添加依赖 build.grandle dependencies { implementation 'androidx.viewpager2:viewpager2:1.0.0-alpha02' } 2. xml布局中引用viewPager ...
Android 项目常用滑动页卡模式ViewPager+MagicIndicator(三)
shenggaofei的博客
12-07 1643
Android 项目常用滑动页卡模式ViewPager+TabLayout(一) Android 项目常用滑动页卡模式ViewPager+RadioButton(二) 一.一个自定义的MagicIndicator控件 1.效果图：（第三个的效果） 2.添加依赖以及主要代码： compile project(':magicindicator') or reposit...
ViewPager结合Fragment的使用
热门推荐
indeedes的博客
09-10 1万+
一、Fragment简介 Android在3.0版本引入了Fragment（碎片）功能，它类似于Activity，也可以 包含布局，而且Fragment通常是嵌套在Activity中使用的。 场景：有两个Fragment，其中Fragment1包含了一个ListView，每行显示一本 书的标题，而Fragment2包含了TextView和ImageView，显示书的详细内容和图片。 想想，如果一个很大的界面，就设计成一个布局，写起界面来是不是会有很多麻 烦？如果组件多的话，是不是管理起...
ViewPager和Fragment使用（附源码）
https://blog.csdn.net/qFAFAF
12-27 1001
用法数据List适配器FragmentPagerAdapterViewPager通过FragmentPagerAdapter连接两者的桥梁，里面需要重写两个方法getItem，getCount。第一个方法是获取一个Fragment，从数据源获取。第二个方法是获取数据源的大小，也就是有几页。
Fragment和ViewPager的介绍和使用
qfzhangxu的博客
06-30 985
一、Fragment的介绍 在之前的学习和介绍中，已经介绍过Android中存在的碎片化的问题，并提出了一系列的适配方法和方案。为了解决碎片化的问题，在Android中提出了Fragement的概念，用于灵活适配不同的尺寸屏幕。 Fragment的英文单词的本意即是碎片、碎块、片段的意思，非常吻合Android中的碎片化概念。 具体来说，Fragment是Activity界面中的一部分，可理解为模块化的Activity。 特点 同Activity一样，依然来看一下Fragment有哪些特点： F
ViewPager的使用及与Fragment的区别
weixin_52958042的博客
12-13 1622
ViewPager的介绍和使用 View的介绍 使用效果图 View的介绍 Viewpager,视图翻页工具，提供了多页面切换的效果。Android3.0后引入的一个UI空间，位于v4包中。低版本使用需要导入v4包，但是现在我们开发的App一般不在兼容3.0及以下的系统版本，另外现在大多数使用Androidstudio进行开发，默认导入v7包，v7包含了v4包。 Viewpager使用起来就是我们通过创建adpter给他填充多个view，左右滑动时，切换不同的view。Google官方是建议我们使用
Android——ViewPager滑动
调上调下的女生
11-25 771
ViewPager滑动接听会涉及到几个部分，点击，状态改变和滑动状态，以前对这几个方法的参数不了解，很多效果都不知道怎么实现，现在利用这些参数就能做出很多效果。1、onPageSelected(int arg0)：选中了ViewPager的第几个页面2、onPageScrolled(int arg0, float arg1, int arg2)：页面正在滑动 arg
Android ViewPager不可滑动
JHandYY的博客
07-07 7208
viewpage 加Fragment 是现在在Android 中很常用的一种技术，实现页面滑动，但有时候某些特定的情况下可能需要viewpager 不可滑动 实现viewpager 不可滑动其实很简单，主要就是重写viewpage就好，也就是自定义viewpager 具体实现代码如下: package com.example.myapp; import android.cont
Android——ViewPager多页面滑动切换以及动画效果
05-27
ViewPager是一个Android中的View容器，可以让用户在多个页面之间进行滑动切换。要实现多页面滑动切换以及动画效果，可以按照以下步骤： 1. 在XML布局文件中添加ViewPager控件，并添加对应的布局文件，例如： ``` <android.support.v4.view.ViewPager android:id="@+id/viewPager" android:layout_width="match_parent" android:layout_height="match_parent" /> ``` 2. 在Java代码中为ViewPager设置Adapter，用于显示多个页面。例如： ``` ViewPager viewPager = findViewById(R.id.viewPager); MyPagerAdapter adapter = new MyPagerAdapter(getSupportFragmentManager()); viewPager.setAdapter(adapter); ``` 其中，MyPagerAdapter是自定义的PagerAdapter类，需要继承自FragmentPagerAdapter或FragmentStatePagerAdapter。 3. 在自定义的PagerAdapter类中实现getItem()方法，用于返回每个页面的Fragment实例。例如： ``` @Override public Fragment getItem(int position) { switch (position) { case 0: return new Fragment1(); case 1: return new Fragment2(); case 2: return new Fragment3(); default: return null; } } ``` 其中，Fragment1、Fragment2、Fragment3是自定义的Fragment类，用于显示对应页面的内容。 4. 如果需要添加页面切换的动画效果，可以在Java代码中为ViewPager设置PageTransformer。例如： ``` viewPager.setPageTransformer(true, new DepthPageTransformer()); ``` 其中，DepthPageTransformer是自定义的PageTransformer类，用于实现页面切换时的动画效果。可以参考以下代码示例： ``` public class DepthPageTransformer implements ViewPager.PageTransformer { private static final float MIN_SCALE = 0.75f; public void transformPage(View view, float position) { int pageWidth = view.getWidth(); if (position < -1) { // [-Infinity,-1) // This page is way off-screen to the left. view.setAlpha(0f); } else if (position <= 0) { // [-1,0] // Use the default slide transition when moving to the left page view.setAlpha(1f); view.setTranslationX(0f); view.setScaleX(1f); view.setScaleY(1f); } else if (position <= 1) { // (0,1] // Fade the page out. view.setAlpha(1 - position); // Counteract the default slide transition view.setTranslationX(pageWidth * -position); // Scale the page down (between MIN_SCALE and 1) float scaleFactor = MIN_SCALE + (1 - MIN_SCALE) * (1 - Math.abs(position)); view.setScaleX(scaleFactor); view.setScaleY(scaleFactor); } else { // (1,+Infinity] // This page is way off-screen to the right. view.setAlpha(0f); } } } ``` 以上就是实现Android中ViewPager多页面滑动切换以及动画效果的步骤。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

峥嵘life

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值