ViewPager添加圆点

最新推荐文章于 2021-03-11 10:37:24 发布
最新推荐文章于 2021-03-11 10:37:24 发布
阅读量1.7k 收藏
点赞数
分类专栏： Android 文章标签： viewpager 圆点
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/TaooLee/article/details/48241099
版权

ViewPager用法参考上一篇http://blog.csdn.net/taoolee/article/details/48162507

方法一XML中实现

public class MainActivity extends Activity {
    private ViewPager mViewPager;
    private List<View> views;
    //管理圆点的
    private List<View>dots;
    private LayoutInflater mInflater;

    private int oldPosition = 0;// 记录上一次点的位置
    private int currentItem; // 当前页面

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

        dots = new ArrayList<View>();
        dots.add(findViewById(R.id.dot_1));
        dots.add(findViewById(R.id.dot_2));
        dots.add(findViewById(R.id.dot_3));
//另外一种实现方法实在代码中实现
        for(int i=0;i<3;i++){
            ImageView iv1=new ImageView(this);
            iv1.setLayoutParams(new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,ViewGroup.LayoutParams.MATCH_PARENT));
            iv1.setImageResource(R.mipmap.point_normal);


        }





        mViewPager = (ViewPager) findViewById(R.id.viewpager);
        views = new ArrayList<>();
        mInflater = getLayoutInflater();
        View view1 = mInflater.inflate(R.layout.viewpager_item1, null);
        View view2 = mInflater.inflate(R.layout.viewpager_item2, null);
        View view3 = mInflater.inflate(R.layout.viewpager_item3, null);
        views.add(view1);
        views.add(view2);
        views.add(view3);

        MyAdapter myAdapter=new MyAdapter(views);
        mViewPager.setAdapter(myAdapter);

        //因为开始页面不响应页面滑动，所以先把开始页面设置为选中背景
        dots.get(0).setBackgroundResource(R.mipmap.point_select);
        //设置ViewPager的默认项, 设置为长度的100倍，这样子开始就能往左滑动
       // mViewPager.setCurrentItem((views.size()) * 100);

        //addOnPageChangeListener替换掉setOnPageChangeListener
        mViewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            //当前页面
            @Override
            public void onPageSelected(int position) {
                // TODO Auto-generated method stub

                dots.get(oldPosition).setBackgroundResource(R.mipmap.point_normal);
                dots.get(position).setBackgroundResource(R.mipmap.point_select);

                oldPosition = position;
                currentItem = position;
            }

            @Override
            public void onPageScrolled(int arg0, float arg1, int arg2) {

            }

            @Override
            public void onPageScrollStateChanged(int arg0) {
            }
        });
    }
}
<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:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin"
    tools:context=".MainActivity">

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent" >

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

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="35dip"
            android:layout_gravity="bottom"
            android:gravity="center"
            android:orientation="vertical" >

            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="3dip"
                android:orientation="horizontal" >


                <View
                    android:id="@+id/dot_1"
                    android:layout_width="10dip"
                    android:layout_height="10dip"
                    android:layout_marginLeft="2dip"
                    android:layout_marginRight="2dip"
                    android:background="@mipmap/point_normal" />

                <View
                    android:id="@+id/dot_2"
                    android:layout_width="10dip"
                    android:layout_height="10dip"
                    android:layout_marginLeft="2dip"
                    android:layout_marginRight="2dip"
                    android:background="@mipmap/point_normal" />

                <View
                    android:id="@+id/dot_3"
                    android:layout_width="10dip"
                    android:layout_height="10dip"
                    android:layout_marginLeft="2dip"
                    android:layout_marginRight="2dip"
                    android:background="@mipmap/point_normal" />
            </LinearLayout>
        </LinearLayout>
    </FrameLayout>


</RelativeLayout>

方法二代码中实现

public class MainActivity extends Activity {
    private ViewPager mViewPager;
    private List<View> views;
    //管理圆点的
    private List<ImageView> dots;
    private LayoutInflater mInflater;
    private LinearLayout mLinearLayout;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //另外一种实现方法在代码中实现
        dots = new ArrayList<>();
        mLinearLayout= (LinearLayout) findViewById(R.id.linerlayout);
        for (int i = 0; i < 3; i++) {
            ImageView iv1 = new ImageView(this);
            iv1.setLayoutParams(new ViewGroup.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT));
            iv1.setImageResource(R.mipmap.point_normal);
            iv1.setLeft(50);

            dots.add(iv1);

            mLinearLayout.addView(iv1);
        }
        //因为开始页面不响应页面滑动，所以先把开始页面设置为选中背景setBackgroundResource不可以
        dots.get(0).setImageResource(R.mipmap.point_select);

        mViewPager = (ViewPager) findViewById(R.id.viewpager);
        views = new ArrayList<>();
        mInflater = getLayoutInflater();
        View view1 = mInflater.inflate(R.layout.viewpager_item1, null);
        View view2 = mInflater.inflate(R.layout.viewpager_item2, null);
        View view3 = mInflater.inflate(R.layout.viewpager_item3, null);
        views.add(view1);
        views.add(view2);
        views.add(view3);

        MyAdapter myAdapter = new MyAdapter(views);
        mViewPager.setAdapter(myAdapter);


        //addOnPageChangeListener替换掉setOnPageChangeListener
        mViewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            //当前页面
            @Override
            public void onPageSelected(int position) {
             //遍历当前页改变背景其他背景设为常规

                for (ImageView iv1 : dots) {
                    iv1.setImageResource(R.mipmap.point_normal);

                }
                dots.get(position).setImageResource(R.mipmap.point_select);
            }

            @Override
            public void onPageScrolled(int arg0, float arg1, int arg2) {

            }

            @Override
            public void onPageScrollStateChanged(int arg0) {
            }
        });
    }
}


<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:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin"
    tools:context=".MainActivity">

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent" >

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

        <LinearLayout
            android:id="@+id/linerlayout"
            android:layout_width="match_parent"
            android:layout_height="50dip"
            android:layout_gravity="bottom"
            android:gravity="center"
            android:orientation="horizontal" >

        </LinearLayout>
    </FrameLayout>


</RelativeLayout>
TaoLee-
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
android 圆点指示器,ViewPager加上小圆点指示器效果
weixin_29664819的博客
05-27 816
分析环境环境：Android Studio 4.0语言：Java特点：简单，易懂，效果爆炸效果效果2.gifViewPager类的来历ViewPager是android扩展包v4包中的类，这个类可以让用户左右切换当前的view，它直接继承了ViewGroup类，所有它是一个容器类，可以在其中添加其他的view类。ViewPager类需要一个PagerAdapter适配器类给它提供数据。ViewPa...
listview隔行变色
TaoLee
02-15 3306
这个实现起来应该非常简单，但是我用的时候效果就是出不来，后来发现是因为listview的item本身设置背景色后，在代码中设置的隔行变色效果不出现。这里mark一下 @Override public View renderView(int pos, Vacation auditInfo, View view) { ButterKnife.bind(this,view);
Android UI设计——ViewPager中设置底部显示圆点焦点（二）
To_be_Designer
09-02 4519
ViewPager中设置底部显示圆点焦点这种使用其实还是很常见的，对于这个功能的实现其实有很多方式： 　　 1. 通过在显示图片中加入圆点，也就是我们可以直接使用带圆点的图片。 2. 通过在代码中实现这一功能。在代码中实现也有两种方式： 　　在布局中直接在底部添加点。 　　在java代码中动态的添加点。 　　我个人还是比较赞同第一种方式的，因为并没有什么缺点，并且还可以简化代码。这只是我个人认
ViewPager底部添加小圆点
JerryQuery的博客
03-11 1318
转自：https://blog.csdn.net/qq_26239671/article/details/70038228 在APP的ViewPager引导页面中, 我们通常可以看到底部有小圆点显示当前是第几页, 我们来试一下这个效果是怎么实现的, 效果图如下: 目录 基础配置 创建适配器控件 创建适配器 添加数据 创建适配器对象, 设置适配器 重点教程(小圆点) 在drawable文件夹下创建xml图形 生成小圆点 监听滑动 基础配置 首先要创建出一个滑动页面,可以阅读我以前
轮播图
zhang_hao_nan的博客
10-13 258
private ViewPager viewPager;     private Handler handler = new Handler(){         @Override         public void handleMessage(Message msg) {             if (msg.what == 0){                 //view
viewpager添加小圆点的方法
fish89757的博客
05-31 866
第一步：在drawable中创建shape文件，制作小圆点 <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval" > <shape xmlns:android="http://schemas.andro
ViewPager动态添加小圆点
syq123321的博客
04-04 551
package com.example.roolimage;import java.util.ArrayList;import android.app.Activity; import android.os.Bundle; import android.os.Handler; import android.support.v4.view.ViewPager; import android.s
viewpager添加圆点导引
05-28
此demo为在github上下载的一个demo后进行的二次修改开发，不仅可以任意添加viewpager下面的圆点导引，而且还支持无限循环的viewpager添加导引，希望对有需要的人有所帮助。
viewpager添加圆点指示，支持自动滚动及循环滚动
11-18
为ViewPager添加圆点指示器，支持自动滚动和循环。压缩包里包括一个library和demo，demo需要引用library。（由于里面有几个图片，所以比较大） 用法介绍见：...
动态添加viewpager中的item以及小圆点指示器
04-25
所谓动态添加，就是viewpager中有多个view，然后每个view中又有很多item，每个view相应的会有一个小圆点指示器；view、小圆点是根据实际数据的个数以及每页的item数动态生成的。
Android ViewPager导航小圆点实现无限循环效果
01-04
利用View Pager很快就能实现，但是一次无意间使用淘宝APP的时候，突然发现它的效果和我做的还不一样，淘宝APP的推荐栏可以左右无限循环切换，而ViewPager自身其实并没有支持这个功能。 其实实现这个无限循环不难，只...
设置ViewPager底部圆点焦点的两种方式
09-06
通过两种方式实现ViewPager显示页面底部圆点焦点：在xml文件中静态添加圆点；在java代码中动态添加焦点。
ViewPager翻页的时候下面的小圆点跟着滑动。
11-21
此效果是实现viewpager翻页的时候底部会有几个小圆点，随着页码的改变小圆点的位置也改变。这个效果的实现方法有很多种，网上有很多好的开源项目，这里我是自己以前写的一个实现方法，整理一下分享一下，方便以后有需要的时候参考。觉得还是比较简单容易理解的，需要的亲们欢迎下载。
ViewPager自动切换加点点变化
01-22
ViewPager自动切换加点点变化
ViewPager小圆点
07-21
ViewPager带小圆点，我用到是Button代替小圆点
MagicIndicator打造千变万化的ViewPager指示器（viewpager fragment）源码
08-23
MagicIndicator打造千变万化的ViewPager指示器（viewpager fragment），源码例子下载。直接引用开发扩展。
viewpagerdots,用于viewpager页指示器的简单、紧凑的kotlin库。.zip
09-25
这个库为viewpager点提供了一个非常小的、紧凑的、基于kotlin的实现。圆点
内存溢出（OOM）and内存泄露---及其解决
TaoLee
11-08 3159
那么问题来了什么是内存溢出out of memory？（OOM）已有数据超出其分配内存所能存储的范围 比如申请了一个integer,但给它存了long才能存下的数，那就是内存溢出。什么是内存泄露memory leak？　指程序在申请内存后，无法释放已申请的内存空间，他们到底啥关系？一次内存泄露危害可以忽略，但内存泄露堆积后果很严重，无论多少内存,迟早会被占光。memory leak会最终会导致ou
Android开发工程师必看面试题：（三）
TaoLee
10-28 2820
1、什么是ANR 如何避免它？http://blog.csdn.net/Zengyangtech/archive/2010/11/21/6025671.aspx2、什么情况会导致Force Close ？如何避免？能否捕获导致其的异常？3、Android本身的api并未声明会抛出异常，则其在运行时有无可能抛出runtime异常，你遇到过吗？诺有的话会导致什么问题？如何解决？会有运行时异常， 运行时异
android studio使用ViewPager实现轮播图
最新发布
06-09
1.在布局文件中添加 ViewPager 组件和指示器组件（如小圆点）。 ```xml <androidx.viewpager.widget.ViewPager android:id="@+id/viewPager" android:layout_width="match_parent" android:layout_height="200dp...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值