自定义的Viewpager的CustomViewPager

最新推荐文章于 2021-09-02 16:28:46 发布
最新推荐文章于 2021-09-02 16:28:46 发布
阅读量1.7k 收藏 3
点赞数
分类专栏： android自定义控件 文章标签： ViewPager android 滑动切换 自定义
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u014580558/article/details/44563565
版权

自定义的Viewpager

在LinearLayout里面添加一个viewpager与一个RadioGroup，构成一个自定义的CustomViewPager，可设置RadioGroup的位置，RadioButton的风格。

代码如下：

import android.annotation.SuppressLint;
import android.content.Context;
import android.content.res.ColorStateList;
import android.graphics.Color;
import android.graphics.drawable.StateListDrawable;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.util.AttributeSet;
import android.view.Gravity;
import android.view.View;
import android.view.ViewGroup;
import android.widget.FrameLayout;
import android.widget.LinearLayout;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.RadioGroup.OnCheckedChangeListener;

public class CustomViewPager extends LinearLayout {

    private RadioGroup rg;
    private ViewPager pager;

    private PagerType defaultType = PagerType.LINEAR_TOP;

    public CustomViewPager(Context context) {
        super(context);
        setType(defaultType);
    }

    @SuppressLint("NewApi")
    public CustomViewPager(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        setType(defaultType);
    }

    public CustomViewPager(Context context, AttributeSet attrs) {
        super(context, attrs);
        setType(defaultType);
    }


    public void setType(PagerType type) {
        defaultType = type;
        initView(type);
        initPager();

    }

    public enum PagerType {
        LINEAR_TOP, LINEAR_BOTTOM, FRAME_TOP_CENTER, FRAME_TOP_RIGHT, FRAME_TOP_LEFT, FRAME_BOTTOM_CENTER, FRAME_BOTTOM_RIGHT, FRAME_BOTTOM_LEFT

    }

    private void initView(PagerType type) {
        removeAllViews();

        rg = new RadioGroup(getContext());
        rg.setOrientation(RadioGroup.HORIZONTAL);
        rg.setGravity(Gravity.CENTER);
        rg.setLayoutParams(new ViewGroup.LayoutParams(
                ViewGroup.LayoutParams.MATCH_PARENT,
                ViewGroup.LayoutParams.WRAP_CONTENT));
        pager = new ViewPager(getContext());
        pager.setLayoutParams(new ViewGroup.LayoutParams(
                ViewGroup.LayoutParams.MATCH_PARENT,
                ViewGroup.LayoutParams.MATCH_PARENT));
        switch (type) {
        case LINEAR_TOP:

        case LINEAR_BOTTOM:
            llAddView(type);
            break;
        case FRAME_TOP_CENTER:

        case FRAME_TOP_RIGHT:

        case FRAME_TOP_LEFT:

        case FRAME_BOTTOM_CENTER:

        case FRAME_BOTTOM_RIGHT:

        case FRAME_BOTTOM_LEFT:
            fmAddView(type);
            break;

        }

    }

    private void llAddView(PagerType type) {

        LinearLayout ll = new LinearLayout(getContext());
        ll.setOrientation(LinearLayout.VERTICAL);
        LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(
                LinearLayout.LayoutParams.MATCH_PARENT,
                LinearLayout.LayoutParams.WRAP_CONTENT, 1.0f);

        pager.setLayoutParams(params);
        switch (type) {
        case LINEAR_TOP:
            ll.addView(rg);

            ll.addView(pager);
            break;
        case LINEAR_BOTTOM:
            ll.addView(pager);
            ll.addView(rg);
            break;
        default:
            break;
        }

        addView(ll);
    }

    private void fmAddView(PagerType type) {
        FrameLayout fm = new FrameLayout(getContext());

        android.widget.FrameLayout.LayoutParams params = new FrameLayout.LayoutParams(
                FrameLayout.LayoutParams.WRAP_CONTENT,
                FrameLayout.LayoutParams.WRAP_CONTENT);
        switch (type) {

        case FRAME_TOP_CENTER:
            params.gravity = Gravity.CENTER_HORIZONTAL;
            break;
        case FRAME_TOP_RIGHT:
            params.gravity = Gravity.RIGHT;
            break;
        case FRAME_TOP_LEFT:
            params.gravity = Gravity.LEFT;
            break;
        case FRAME_BOTTOM_CENTER:
            params.gravity = Gravity.BOTTOM;
            break;
        case FRAME_BOTTOM_RIGHT:
            params.gravity = Gravity.BOTTOM | Gravity.RIGHT;
            break;
        case FRAME_BOTTOM_LEFT:
            params.gravity = Gravity.BOTTOM | Gravity.LEFT;
            break;
        default:
            break;

        }

        rg.setLayoutParams(params);
        fm.addView(pager);
        fm.addView(rg);
        addView(fm);

    }

    public void setAdapter(PagerAdapter adapter) {
        pager.setAdapter(adapter);
        if (adapter.getCount() > 0) {

            View v = rg.getChildAt(0);
            if (v instanceof RadioButton) {
                RadioButton rb = (RadioButton) v;
                rb.setChecked(true);
            }
        }

    }



    public RadioGroup getRg() {
        return rg;
    }

    public void setRg(RadioGroup rg) {
        this.rg = rg;
    }

    @SuppressLint("NewApi")
    public void setRadioButtonTexts(String[] strs, int normalColor,
            int checkedColor, float fontSize) {
        rg.removeAllViews();
        if (normalColor <= 0) {
            normalColor = Color.WHITE;
        }
        if (checkedColor <= 0) {
            checkedColor = Color.BLUE;
        }
        for (String text : strs) {
            RadioButton rb = new RadioButton(getContext());
            rb.setText(text);
            rb.setButtonDrawable(android.R.color.transparent);

            rb.setCompoundDrawablesWithIntrinsicBounds(0, 0, 0, 0);
            ColorStateList color = SelectorHepler.getInstance()
                    .getCheckedSelectorColor(normalColor, checkedColor);
            rb.setTextColor(color);
            rb.setTextSize(fontSize);
            rb.setGravity(Gravity.CENTER);
            if (defaultType == PagerType.LINEAR_TOP
                    || defaultType == PagerType.LINEAR_BOTTOM) {
                RadioGroup.LayoutParams params = new RadioGroup.LayoutParams(
                        RadioGroup.LayoutParams.WRAP_CONTENT,
                        RadioGroup.LayoutParams.MATCH_PARENT, 1.0f);
                rb.setLayoutParams(params);
            }

            rg.addView(rb);
        }

    }

    public void setRadioButtonPonit(int nums, 
            int size,int... color) {
        rg.removeAllViews();
        int normalColor=Color.WHITE;
        int checkedColor=Color.BLUE;
        if (color!=null&&color.length>=2) {
            normalColor = color[0];
            checkedColor = color[1];
        }

        for (int i = 0; i < nums; i++) {
            RadioButton rb = new RadioButton(getContext());

            rb.setGravity(Gravity.CENTER);
            TextDrawable normal = TextDrawable.builder().buildRound("",
                    normalColor);
            TextDrawable checked = TextDrawable.builder().buildRound("",
                    checkedColor);
            StateListDrawable selector = SelectorHepler.getInstance()
                    .getCheckedSelectorDrawable( normal, checked);
            RadioGroup.LayoutParams params = new RadioGroup.LayoutParams(size,
                    size);
            params.setMargins(10, 10, 10, 10);
            rb.setLayoutParams(params);
            rb.setButtonDrawable(android.R.color.transparent);

            rb.setCompoundDrawablesWithIntrinsicBounds(0, 0, 0, 0);

            rb.setBackgroundDrawable(selector);
            rg.addView(rb);
        }

    }

    private void initPager() {

        pager.setOnPageChangeListener(new OnPageChangeListener() {

            @Override
            public void onPageSelected(int p) {
                RadioButton childAt = (RadioButton) rg.getChildAt(p);
                childAt.setChecked(true);

            }

            @Override
            public void onPageScrolled(int arg0, float arg1, int arg2) {
                // TODO Auto-generated method stub

            }

            @Override
            public void onPageScrollStateChanged(int arg0) {
                // TODO Auto-generated method stub

            }
        });

        rg.setOnCheckedChangeListener(new OnCheckedChangeListener() {

            @Override
            public void onCheckedChanged(RadioGroup rg, int rid) {
                int count = rg.getChildCount();
                int num = 0;
                for (int i = 0; i < count; i++) {

                    if (rg.getChildAt(i).getId() == rid) {
                        num = i;
                        break;
                    }
                }

                pager.setCurrentItem(num);

            }
        });

    }

}

其中的TextDrawable用的是GitHub上的，地址https://github.com/amulyakhare/TextDrawable
SelectorHepler用的是我写的一个工具类，代码可在我的博客中找到

使用方法1

int count=2;
        CustomViewPager pager = new CustomViewPager(this);
//      这表示布局的方式与RadioGroup的位置，布局有线性布局还是帧布局两种，位置有上下左右
        pager.setType(PagerType.LINEAR_TOP);
//      设置RadioButton的风格，设置为一个小圆点
//      pager.setRadioButtonPonit(count, 20 ,Color.WHITE, Color.RED);

        pager.setRadioButtonTexts(new String[] { "hello", "world" }, 0, 0, 20);
        pager.setLayoutParams(new LayoutParams(LayoutParams.MATCH_PARENT,
                LayoutParams.MATCH_PARENT));
        List<View> pageViews = new ArrayList<View>();
        for (int i = 0; i < count; i++) {
            TextView view = new TextView(this);
            view.setText( "这是第"+(i+1) +"页");
            view.setTextSize(50);
            view.setTextColor(Color.RED);
            pageViews.add(view);
        }
        ViewPagerAdapter adapter = new ViewPagerAdapter(pageViews);
        pager.setAdapter(adapter);
        setContentView(pager);

效果1

未滑动
滑动后

使用方法二

int count=2;
        CustomViewPager pager = new CustomViewPager(this);
//      这表示布局的方式与RadioGroup的位置，布局有线性布局还是帧布局两种，位置有上下左右
        pager.setType(PagerType.FRAME_TOP_RIGHT);
//      设置RadioButton的风格，设置为一个小圆点
        pager.setRadioButtonPonit(count, 20 ,Color.WHITE, Color.RED);

//      pager.setRadioButtonTexts(new String[] { "hello", "world" }, 0, 0, 20);
        pager.setLayoutParams(new LayoutParams(LayoutParams.MATCH_PARENT,
                LayoutParams.MATCH_PARENT));
        List<View> pageViews = new ArrayList<View>();
        for (int i = 0; i < count; i++) {
            TextView view = new TextView(this);
            view.setText( "这是第"+(i+1) +"页");
            view.setTextSize(50);
            view.setTextColor(Color.RED);
            pageViews.add(view);
        }
        ViewPagerAdapter adapter = new ViewPagerAdapter(pageViews);
        pager.setAdapter(adapter);
        setContentView(pager);

效果2

效果]![这里写图片描述

github：https://github.com/canyinghao/CustomViewPager

canyinghao
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android 中ViewPager嵌套RecyclerView出现滑动冲突的解决方案
路宇的博客
03-01 8028
应用场景： ViewPager嵌套一个RecyclerView和正常的LinearLayout布局页面，实现左右滑动效果。当左滑RecyclerView页面想要实现左右切换页面的效果，出现滑动冲突的问题。 解决方案如下： 1、自定义CustomViewPager继承自ViewPager，重写其中的onInterceptTouchEvent()拦截触摸事件方法。 /** * 自定义ViewPager，防止RecyclerView与ViewPager之间的滑动冲突 */ public class Custo
GridViewPager组件，短短几行代码即可实现美团首页分类多页展示效果，也可用于表情面板的展示
马腾蛟的博客
08-01 1689
GridPager GridPager组件：ViewPager结合GridView，轻松实现类似美团首页分类多页展示。也可用于表情面板的展示。 链式调用，属性配置，几行代码轻松搞定。 高度完全自适应，不需要固定高。 1、Add it in your root build.gradle at the end of repositories: allprojects { repositories...
CustomViewpager
weixin_34019144的博客
12-02 443
mViewGroup.requestDisallowInterceptTouchEvent(false);request dis-allow intercept touch event.参数为true时，请求不允许拦截Touch事件。public class CustomListView extends ListView { ...
CustomViewPager.7z
05-08
自定义ViewGroup实现ViewPager 包括解决滑动冲突，使用onMeasure onLayout
继承ViewGroup自定义ViewPager
05-24
本文将深入探讨如何基于`ViewGroup`来继承并自定义一个`ViewPager`。 首先，自定义`ViewPager`的核心目标是扩展其功能或优化性能。当我们直接继承`ViewPager`时，可以访问并修改它的内部行为，例如添加特殊效果、...
Android自定义ViewPager实例
09-02
在Android开发中，ViewPager是一种非常常用的控件，用于展示多个页面并支持滑动切换。...在实际开发中，可能还需要处理诸如页面加载、生命周期管理、指示器更新等更多细节，这些都是自定义ViewPager时需要考虑的因素。
自定义viewpager
11-21
本项目名为“自定义viewpager”，其目标是实现对`ViewPager`的扩展，增加更多的定制化选项，以适应更复杂的业务场景。 首先，我们要理解`ViewPager`的基本工作原理。`ViewPager`的核心在于`PagerAdapter`，它负责...
customviewpagerkotlin:用Kotlin编写的Android自定义ViewPager库
05-17
自定义ViewPager Kotlin 使用编写的Android自定义ViewPager库。 还有一个 特征： 无限页（从第一到最后，反之亦然） 页面指​​示器 单页支持 下载： Gradle： implementation ' ...
CustomViewPager:自定义ViewPager控件
04-27
在Android开发中，ViewPager是一个非常重要...总之，自定义ViewPager是Android开发中提高用户体验和满足个性化需求的重要手段。通过理解和实践，我们可以根据项目的实际需求，创建出功能强大且具有特色的滑动视图组件。
CustomViewPager:CustomViewPager
05-24
CustomViewPager 在LinearLayout里面添加一个viewpager与一个RadioGroup，构成一个自定义的CustomViewPager，可设置RadioGroup的位置，RadioButton的风格。 ##使用方法 int count=2; CustomViewPager pager = new CustomViewPager(this); // 这表示布局的方式与RadioGroup的位置，布局有线性布局还是帧布局两种，位置有上下左右 pager.setType(PagerType.LINEAR_TOP); // 设置RadioButton的风格，设置为一个小圆点 // pager.setRadioButtonPonit(count, 20 ,Color.WHITE, Color.R
ViewPager结合TabLayout --- 禁止滑动（点击切换）
FeiLaughing的博客
09-26 6978
【记录】菜鸟记录点滴 场景： ViewPager结合TabLayout，两个Tab项（Tab1， Tab2），需要先在Tab1执行某些操作后，才能滑动ViewPager（点击Tab）切换到Tab2 1. 首先自定义CustomViewPager，可以设置允许/禁止滑动ViewPager。 继承ViewPager，根据事件的分发机制，修改onInterceptTouchEvent() ...
ViewPager自适应高度问题
Denluoyia
12-08 1177
最近在开发中有在一个界面做多组左右滑动的需求，当然平时最常见的就是利用ViewPager和Fragment结合，但是平时常见的只是在一个界面上存在一组左右滑动，且Fragment占满真个界面的情况。对于这个需求，一开始就遇到ViewPager的高度超出而没有自动适配高度的问题。不过网上很多大神已经解决了并分享了。记录总结下来~
android 自定义酷炫ViewPager切换效果
安卓兼职framework和app工程师的博客
09-02 968
Android 自定义特效酷炫ViewPager切换效果,当ViewPager切换时，下面的自定义页面标识图也跟着做动画切换, 效果图如下: 具体代码如下: 自定义ViewPager适配器如下: package pnr.viewpager_custom.vPage; import android.content.Context; import android.support.v4.view.PagerAdapter; import android.support.v7.widget.CardView;
Android自定义组件简单实例（自定义属性）
小强就是我的专栏
12-15 659
有如下一个组件：       最外有一个LinearLayout，包含左边的一个TextView和一个右边的EditText。 在你的APP的使用场景较多，为方便使用，决定自定义此组件，并设定相关xml属性，方便设置。 step1： 定义MyComponent继承至LinearLayout，添加构造方法、左侧和右侧view的相关属性。 public
Android TabLayout定制CustomView与ViewPager交互双向联动
热门推荐
Zhang Phil
10-06 1万+
 Android TabLayout定制CustomView与ViewPager交互双向联动 我之前写了一些关于Android Material Design TabLayout的文章， （1）《Android L、M扩展支持包design中widget：TabLayout》文章链接地址：http://blog.csdn.net/zhangphil/article/details/4
记TabLayout+ViewPager自定义CustomView遇到的小问题
cylzll的博客
05-10 639
问题：自定义TabLayout样式，APP运行在平板上时没有铺满屏幕，而是居中显示（效果有点类似TabLayout.MODE_FIXED失效） 解决：需要设置 app:tabMaxWidth="0dp" 和app:tabGravity="fill" 原因：app:tabGravity默认center 简书链接：https://www.jianshu.com/p/fa08ef0859e9 ...
android 仿viewpager滑动效果自定义升级版
zhouguizhi
12-02 1515
android 仿viewpager滑动效果自定义升级版
自定义viewpager切换动画
最新发布
01-13
自定义ViewPager切换动画可以通过重写ViewPager的PageTransformer接口来实现。PageTransformer是一个用于页面切换动画的接口，它定义了一个transformPage()方法，该方法在ViewPager滑动过程中会被调用。 首先，创建...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值