自定义View——仿ViewPager

于 2018-01-23 14:30:03 发布
阅读量459 收藏
点赞数
分类专栏： 自定义view 文章标签： 仿ViewPager
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_24675479/article/details/79139015
版权

效果图

1.主布局

<?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:layout_width="match_parent"
    android:layout_height="match_parent">

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

    <com.hbwj.a06viewpager.MyViewPager
        android:id="@+id/myviewpager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@+id/rg_main" />
</RelativeLayout>

2.代码中实例化MyScrollerView，并且添加页面

 private MyViewPager myviewpager;
    private int[] ids = {R.drawable.a1, R.drawable.a2, R.drawable.a3, R.drawable.a4, R.drawable.a5, R.drawable.a6};
    private RadioGroup rg_main;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.activity_main);
        myviewpager = (MyViewPager) findViewById(R.id.myviewpager);
        rg_main = (RadioGroup) findViewById(R.id.rg_main);

        //添加6页面
        for (int i = 0; i < ids.length; i++) {
            ImageView imageView = new ImageView(this);
            imageView.setBackgroundResource(ids[i]);

            //添加到MyViewPager这个View中
            myviewpager.addView(imageView);

        }
        }
        }

3.onLayout方法实现:指定6个图片的位置

  @Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {
        //遍历孩子，给每个孩子指定在屏幕的坐标位置
        for (int i = 0; i < getChildCount(); i++) {
            View childView = getChildAt(i);

            childView.layout(i * getWidth(), 0, (i + 1) * getWidth(), getHeight());
        }

    }

画图分析
这里写图片描述

4.对自定义的viewpager进行滑动，此时想到的便是手势识别器，手势识别器分为3步走:

  • 1.定义出来
  • 2.实例化-把想要的方法给重新
  • 3.在onTouchEvent()把事件传递给手势识别器
 private GestureDetector detector;
 private void initView(final Context context) {

        //2.实例化手势识别器
        detector = new GestureDetector(context, new GestureDetector.SimpleOnGestureListener() {
            @Override
            public void onLongPress(MotionEvent e) {
                super.onLongPress(e);
                Toast.makeText(context, "长按", Toast.LENGTH_SHORT).show();
            }

            /**
             *
             * @param e1
             * @param e2
             * @param distanceX 在X轴滑动了的距离
             * @param distanceY 在Y轴滑动了的距离
             * @return
             */
            @Override
            public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {


                /**
                 *x:要在X轴移动的距离
                 *y:要在Y轴移动的距离
                 */
                scrollBy((int) distanceX, 0);

                return true;
            }

            @Override
            public boolean onDoubleTap(MotionEvent e) {
                Toast.makeText(context, "双击", Toast.LENGTH_SHORT).show();
                return super.onDoubleTap(e);
            }
        });
    }
     //3.把事件传递给手势识别器:onTouchEvent方法中
        detector.onTouchEvent(event);

5.滑动到某个位置后自动到合适的位置下标停留

这里写图片描述

 private float startX;
    @Override
    public boolean onTouchEvent(MotionEvent event) {
        super.onTouchEvent(event);
        //3.把事件传递给手势识别器
        detector.onTouchEvent(event);
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                //1.记录坐标
                startX = event.getX();
                System.out.println("onTouchEvent==ACTION_DOWN");
                break;
            case MotionEvent.ACTION_MOVE:
                System.out.println("onTouchEvent==ACTION_MOVE");

                break;
            case MotionEvent.ACTION_UP:
                System.out.println("onTouchEvent==ACTION_UP");

                //2.来到新的坐标
                float endX = event.getX();

                //下标位置
                int tempIndex = currentIndex;

                if ((startX - endX) > getWidth() / 2) {

                    //显示下一个页面
                    tempIndex++;

                } else if ((endX - startX) > getWidth() / 2) {

                    //显示上一个页面
                    tempIndex--;
                }

                //根据下标位置移动到指定的页面
                scrollToPager(tempIndex);

                break;
        }
        return true;
    }
       /**
     * 屏蔽非法值，根据位置移动到指定页面
     *
     * @param tempIndex
     */
    public void scrollToPager(int tempIndex) {

        if (tempIndex < 0) {
            tempIndex = 0;
        }

        if (tempIndex > getChildCount() - 1) {
            tempIndex = getChildCount() - 1;
        }
        //当前页面的下标位置
        currentIndex = tempIndex;

        //总距离计算出来
        int distanceX = currentIndex * getWidth() - getScrollX();
        // int distanceX = 目标 - getScrollX();
        //移动到指定的位置
        scrollTo(currentIndex*getWidth(),getScrollY());

    }

滑动到某一个页面的算法
这里写图片描述

6.解决仿viewpager回弹时的生硬问题:使用系统自带的Scroller

 private Scroller scroller;
 //初始化
  scroller = new Scroller(context);
    /**
     * 屏蔽非法值，根据位置移动到指定页面
     *
     * @param tempIndex
     */
    public void scrollToPager(int tempIndex) {

        if (tempIndex < 0) {
            tempIndex = 0;
        }

        if (tempIndex > getChildCount() - 1) {
            tempIndex = getChildCount() - 1;
        }
        //当前页面的下标位置
        currentIndex = tempIndex;
        if (onPagerChangeListener != null) {
            onPagerChangeListener.onScrollToPager(tempIndex);
        }
        //总距离计算出来
        int distanceX = currentIndex * getWidth() - getScrollX();
        // int distanceX = 目标 - getScrollX();
        //移动到指定的位置
        //scrollTo(currentIndex*getWidth(),getScrollY());
        //scroller.startScroll(getScrollX(),getScrollY(),distanceX,0);

        scroller.startScroll(getScrollX(), getScrollY(), distanceX, 0, Math.abs(distanceX));
        invalidate();//强制绘制;//onDraw();computeScroll();
    }

    @Override
    public void computeScroll() {
//        super.computeScroll();
        if (scroller.computeScrollOffset()) {
            //得到移动这个一小段对应的坐标
            float currX = scroller.getCurrX();
            scrollTo((int) currX, 0);
            invalidate();
        }

    }

添加RadioGroup点击并实现双向跳转

  for (int i = 0; i < myviewpager.getChildCount(); i++) {
            RadioButton button = new RadioButton(getApplicationContext());
            button.setId(i);
            if (i == 0) {
                button.setChecked(true);
            }
            rg_main.addView(button);
        }
        rg_main.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(RadioGroup group, @IdRes int checkedId) {
                myviewpager.scrollToPager(checkedId);
            }
        });

定义接口PagerChangeListener监听页面变化

     /**
     * 监听页面变化
     */
    interface OnPagerChangeListener {
        void onScrollToPager(int position);
    }

    OnPagerChangeListener onPagerChangeListener;

    public void setOnPagerChangeListener(OnPagerChangeListener onPagerChangeListener) {
        this.onPagerChangeListener = onPagerChangeListener;
    }
    //scrollToPager中添加代码
     if (onPagerChangeListener != null) {
            onPagerChangeListener.onScrollToPager(tempIndex);
        }

使用接口

 myviewpager.setOnPagerChangeListener(new MyViewPager.OnPagerChangeListener() {
            @Override
            public void onScrollToPager(int position) {
                rg_main.check(position);
            }
        });

7.添加测试页面

布局如下

<?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"
    android:background="#55ff0000"
    android:weightSum="1">

    <ProgressBar
        android:id="@+id/progressBar"
        style="?android:attr/progressBarStyleLarge"
        android:layout_width="136dp"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal" />

    <ProgressBar
        android:id="@+id/progressBar2"
        style="?android:attr/progressBarStyleHorizontal"
        android:layout_width="372dp"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal" />

    <ProgressBar
        android:id="@+id/progressBar3"
        style="?android:attr/progressBarStyleLarge"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal" />


    <ScrollView
        android:id="@+id/scrollView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_gravity="center_horizontal">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Large Text"
                android:textAppearance="?android:attr/textAppearanceLarge" />


        </LinearLayout>


    </ScrollView>
</LinearLayout>

MainActivity中添加布局

  //指定页面添加布局
        View view=View.inflate(getApplicationContext(),R.layout.test,null);
        myviewpager.addView(view,2);

8.解决无法看到效果，在MyScrollView中重写OnMeasure

@Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        for (int i = 0; i < getChildCount(); i++) {
            View childView = getChildAt(i);
            childView.measure(widthMeasureSpec, heightMeasureSpec);
        }
    }

9.解决事件拦截问题

这里写图片描述

MyViewPager中添加拦截事件

 /**
     * 拦截事件
     */
    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        boolean result = false;
        switch (ev.getAction()) {
            case MotionEvent.ACTION_DOWN:
                detector.onTouchEvent(ev);
                //第一次按下的坐标
                downX = ev.getX();
                downY = ev.getY();
                break;
            case MotionEvent.ACTION_MOVE:
                float newdownX = ev.getX();
                float newdownY = ev.getY();
                int distanceX = (int) Math.abs(newdownX - downX);
                int distanceY = (int) Math.abs(newdownY - downY);
                //防止抖动为1的情况
                if(distanceX>distanceY&&distanceX>10){
                   result=true;
                }
                break;
            case MotionEvent.ACTION_UP:
                break;
        }
        return result;
    }

源码位置:https://gitee.com/yijia_cn/imitation.git

醉墨重生
关注
专栏目录
Android——自定义ViewPager指示器
Li_peilun的博客
07-06 1395
很多ViewPager和下面的图形绑定一块来滚动，也就是指示器，指示器可以是很多，正方形，长方形，三角形，圆形等。这里举一个三角形例子：效果图：未滑动 滑动中：这里滑动只要超过倒数第二个就自动向后滑动。上代码：自定义view：public class ViewPagerIndicator extends LinearLayout { private Paint paint; pri
Android自定义View——从零开始实现书籍翻页效果（一）
最新发布
2401_84123201的博客
04-30 701
**效果如图理论上应该是由点连接而成的闭合区域,但由于和是曲线上的点，我们没办法直接从出发通过绘制路径连接点（同理），也就不能只用的情况下直接绘制出，我们需要用方面的知识“曲线救国”。我们试着先将点连接起来，观察闭合区域与之间的联系。修改//省略部分代码…//设置抗锯齿@Override/**效果如图我们将两条曲线也画出来对比观察观察分析后可以得出结论，是减去后剩余的区域。于是我们设置画笔模式为效果如图最后是，因为处于最底层，我们直接将画笔模式设为。
自定义ViewGroup仿ViewPager
12-27
scrollTo scrollBy Scroller的使用，自定义ViewGroup 使用scroll 仿ViewPager
Android自定义控件系列六：自定义ViewGroup（一）实现ViewPager效果
苦咖啡的自留地
11-27 5044
本文介绍如何使用自定义ViewGroup实现ViewPager效果，欢迎拍砖！
仿ViewPager效果二
Fenice
01-20 939
1、采用ViewGroup实现 /** * 可以左右滑动切换屏幕的类 * @author libin * */ public class ScrollLayout extends ViewGroup { private static final String TAG = "ScrollLayout"; private Scroller mScroller; private Velo
仿ViewPager
ymangu的专栏
10-26 864
继承已有ViewGroup实现自定义控件 ----仿 Viewpager组件
自定义仿Viewpager
05-20 409
自定义仿Viewpagerpublic class MyViewPager extends ViewGroup { /** * 手势识别器 * 在onTouchEvent方法中把事件传递给手势识别器 */ private GestureDetector detector; /** * 当前页面的下标位置 */ priv
安卓Android源码——使用ViewPager实现左右滑动翻页.zip
10-12
PageTransformer接口有一个`transformPage(View, float position)`方法，可以根据页面的滑动位置调整其动画效果。 9. **适配不同屏幕尺寸**：ViewPager适用于不同屏幕尺寸和方向，因为它会根据屏幕大小自动调整布局...
安卓Andriod源码——SYBViewPager(自定义下划线标题的ViewPager).zip
10-13
在Android中，自定义View通常需要重写onMeasure()、onLayout()和onDraw()等方法，以实现自定义的布局和绘制逻辑。对于SYBViewPager，开发者可能还会关注如何处理触摸事件，监听用户的滑动操作，以及如何根据当前选中...
SYBViewPager(自定义下划线标题的ViewPager).rar
12-17
"SYBViewPager(自定义下划线标题的ViewPager)" 是一个Android开发相关的项目，主要目的是实现一个自定义的ViewPager组件，该组件在功能上与原生的ViewPager相似，但增加了独特的视觉效果——下划线标题。这通常用于...
Android仿ViewPager（重写HorizontalScrollView）
11-11
Android重写HorizontalScrollView仿ViewPager效果
Android开发-自定义View-AndroidStudio(十三)仿ViewPager(3)_免积分
12-26
对应博文：http://blog.csdn.net/iwanghang/article/details/53839229
Android Scroller练习-仿ViewPager效果
06-05
Android Scroller练习-仿ViewPager效果， 讲解：http://blog.csdn.net/shakespeare001/article/details/51588657
自定义ViewPager实现循环滑动翻页
05-14
自定义ViewPager实现循环滑动翻页，广告页的形式。
Android封装自定义ViewPager实现左右自动切换和手势滑动效果
07-10
原创的Android封装自定义ViewPager实现左右自动切换和手势滑动效果,不足之处请大家多多指出。
自定义ViewGroup（这里以自定义一个类似ViewPager的控件为例）
rrongkun_huang
07-18 379
首先，我们得先要明白ViewGroup是什么，职责是什么？ ViewGroup就是用来放置View控件的的容器，职责是测量每一个子view的大小，还有摆放的位置。  * 1，写一个类继承于ViewGroup  * 2，重载onMeasure方法，用于测量的子View的大小  * 3，重载onLayout，用于安置子view的位置 到这里，一个ViewGroup就算
初学自定义view实现viewpager导航栏
03-04 459
导航栏随着viewpager滑动，当页数不是前半数或后半数时，导航栏固定在中间，标题栏滑动。 自定义view代码如下 public class MyViewPager extends LinearLayout implements OnClickListener{ private Context context; //标题栏 // private Li
自定义view之viewpager的使用
keep_moving12138的博客
07-04 698
首先让大家有个全局的认识，直接上个项目，看看仅仅通过这几行代码，竟然就能完成如此强悍的功能。下篇再结合API仔细讲讲为什么要这么写。 效果图： 实现了三个view间的相互滑动                      第一个VIEW向第二个VIEW滑动　　　　　  第二个VIEW向第三个VIEW滑动     一、新建项目，引入ViewPager控件 ViewPager。它是goog
仿viewPager-实现滑动翻页
u011638685的专栏
12-18 378
仿viewPager-实现滑动翻页 实现布局（radioGroup + 自定义视图） <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" an
Android——ViewPager多页面滑动切换以及动画效果
05-27
ViewPager是一个Android中的View容器，可以让用户在多个页面之间进行滑动切换。要实现多页面滑动切换以及动画效果，可以按照以下步骤： 1. 在XML布局文件中添加ViewPager控件，并添加对应的布局文件，例如： ``` ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值