android 圆点指示器,Android通用圆点指示器——android-Universal-CircleIndicator

最新推荐文章于 2024-08-09 08:06:57 发布
最新推荐文章于 2024-08-09 08:06:57 发布
阅读量791 收藏
点赞数
文章标签： android 圆点指示器
本文介绍了如何在Android项目中创建一个通用的圆点指示器，适用于各种页面切换场景，包括XML属性配置和Java代码动态设置，提供详细的用法介绍和源码解析。
摘要由CSDN通过智能技术生成

前言

最近项目中需要加一个圆点指示器，在切换页面的时候使用，网上有开源的项目viewflow和viewpageIndicator,这两者都有很好的效果，但遗憾的是都有局限性，一个是只能用于viewflow，另一个只能用在viewpage上面，而我项目中的页面切换用的是自定义View，上面两个项目中的圆点指示器都不能拿来直接用，于是就借鉴viewflow做了一个简单易用的通用圆点指示器。

效果图

0818b9ca8b590ca3270a3433284dd417.png

用法介绍

简单用法

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

......

gridview.setOnPageChangedListener(new OnPageChangedListener() {

@Override

public void onPageChanged(PagedDragDropGrid sender, int newPageNumber) {

//当页面切换的时候调用此方法改变被选中的圆点

indicator.setCurrentPage(newPageNumber);

}

});

//设置总共的页数

indicator.initData(adapt

最低0.47元/天 解锁文章
孔三轮
关注
Android通用圆点指示器——android-Universal-CircleIndicator
Huxq的博客
07-10 7189
最近项目中需要加一个圆点指示器，在切换页面的时候使用，网上有开源的项目viewflow和viewpageIndicator,这两者都有很好的效果，但遗憾的是都有局限性，一个是只能用于viewflow，另一个只能用在viewpage上面，而我项目中的页面切换用的是自定义View，上面两个项目中的圆点指示器都不能拿来直接用，于是就借鉴viewflow做了一个简单易用的通用圆点指示器。
Android通用圆点指示器android-Universal-CircleIndicator
04-05
作者huxq17，源码android-Universal-CircleIndicator，最近项目中需要加一个圆点指示器，在切换页面的时候使用，网上有开源的项目viewflow和viewpageIndicator,这两者都有很好的效果，但遗憾的是都有局限性，一个是只能用于viewflow，另一个只能用在viewpage上面，而我项目中的页面切换用的是自定义View，上面两个项目中的圆点指示器都不能拿来直接用，于是就借鉴viewflow做了一个简单易用的通用圆点指示器。
Android滚动页面位置指示器：CircleIndicator
weixin_34040079的博客
08-03 277
Android滚动页面位置指示器：CircleIndicatorCircleIndicator是github上的一个开源的用于页面滚动时候的位置指示器，指示当前页面在总的页面中的位置和前后位置关系，github上的项目主页是：https://github.com/ongakuer/CircleIndicator其效果如图所示：可以看到，选中和未被选中时候的球的大小并不相同，且颜色在Circ...
CircleIndicator 使用教程
最新发布
gitblog_01068的博客
08-09 875
CircleIndicator 使用教程 CircleIndicatorA lightweight indicator like in nexus 5 launcher项目地址:https://gitcode.com/gh_mirrors/ci/CircleIndicator 1. 项目介绍 CircleIndicator 是一个用于 Android 平台的开源库，提供了简单易用的方式，为 Vi...
Android-Circle-Indicator:这是一个简单的 Android 进度圈指示器
06-02
Android-Circle-Indicator 这是一个简单的 Android 进度圈指示器。 特征 设置进度级别。 圆直径 指示器宽度 指示灯颜色 指示器填充颜色 如何使用 将CircleIndicator.java复制到项目中。 在布局xml中， < com .scriptedpapers.circleindicator.CircleIndicator android : id = " @+id/secondsTimer " android : layout_centerInParent = " true " android : layout_width = " 300dp " android : layout_height
android-Universal-CircleIndicator
07-09
总的来说，`android-Universal-CircleIndicator`是一个实用的Android组件，可以帮助开发者轻松实现美观且功能丰富的圆点指示器，提高应用的用户体验。通过GitHub...
android-image-indicator-master
05-24
开发者需要根据需求自定义指示器的样式和行为，比如当前图片对应的指示器高亮，其他指示器淡色。 7. **适配器模式的应用** - 轮播图可能采用Adapter模式来管理图片数据源，这样可以方便地添加、删除或更新图片，...
探索CircleIndicator：一款强大的Android圆点指示器库
gitblog_00070的博客
03-21 501
探索CircleIndicator：一款强大的Android圆点指示器库 CircleIndicatorA lightweight indicator like in nexus 5 launcher项目地址:https://gitcode.com/gh_mirrors/ci/CircleIndicator 项目简介 在移动应用开发中，尤其是在创建滑动视图或者轮播图时，一个直观、简洁的导航指示器...
CircleIndicator
08-22
/** * Created by kaiyi.cky on 2015/8/17. */ public class CircleIndicator extends LinearLayout implements ViewPager.OnPageChangeListener{ private ViewPager mViewPager; ViewPager.OnPageChangeListener mListener; private final static int SCROLL_WHAT = 99; MyHandler myHandler; /** * 滚动间隔时间 */ private int spentTime = 3000; /** * 当前显示的序号 */ private int curIndex = 1; /** * 圆点半径 */ private int circleRadiu = 10; /** * 圆点内边距 */ private int circlePadding = 3; /** * 圆点数目 */ private int circleCount = 0; /** * 滑动方向 * 1为向右，-1为向左 */ private int direction = 1; public CircleIndicator(Context context) { super(context); init(); } public CircleIndicator(Context context, AttributeSet attrs) { super(context, attrs); init();
Android代码-CircleIndicator
08-06
CircleIndicator a lightweight viewpager indicator! Usage xml: java: circleIndicator.setViewPager(viewPager); Notice:the method should be called after ViewPager.setAdapter(). Properties: app: ci_radius :indicator's radius app: ci_margin :margin between two indicators app: ci_background:indicator's background app: ci_selected_background:selected indicator's background app: ci_gravity:indicator's layout gravity,support left,center and right. app: ci_mode:indicator's c
安卓指示器
07-08
效果点击： http://blog.csdn.net/xiangzhihong8/article/details/51864371
Android代码-CircleIndicator for ViewPager
08-06
CircleIndicator ========== Indicator for ViewPager layout <!-- like this --> Java //after viewpager setAdapter CircleIndicator.setViewPager() Enjoy it!
Android-bannerDot贝塞尔圆点指示器
08-13
bannerDot 贝塞尔圆点指示器
CircleIndicator-一个轻量级的viewpager指示器 ，类似于nexus5 启动器的效果.zip
09-24
一个轻量级的viewpager指示器 ，类似于nexus5 启动器的效果。它可以自定义指示器上小圆点的样式和动画效果。可以用于引导页。项目地址：https://github.com/ongakuer/CircleIndicator 效果图：如何使用1. xml布局中创建CircleIndicator是配合ViewPager使用的，一般如下布局：<RelativeLayout         android:layout_width="match_parent"         android:layout_height="match_parent">         <android.support.v4.view.ViewPager             android:id="@ id/viewpager_default"             android:layout_width="match_parent"             android:layout_height="match_parent"/>         <me.relex.circleindicator.CircleIndicator             android:id="@ id/indicator_default"             android:layout_centerInParent="true"             android:layout_width="fill_parent"             android:layout_height="40dp"/>     </RelativeLayout>2. java代码中// DEFAULT ViewPager defaultViewpager = (ViewPager) findViewById(R.id.viewpager_default); CircleIndicator defaultIndicator = (CircleIndicator) findViewById(R.id.indicator_default); DemoPagerAdapter defaultPagerAdapter = new DemoPagerAdapter(getSupportFragmentManager()); defaultViewpager.setAdapter(defaultPagerAdapter);//为ViewPager设置适配器 defaultIndicator.setViewPager(defaultViewpager);//将ViewPager添加到CircleIndicator中，以便监听ViewPager的滚动等事件DemoPagerAdapter是ViewPager的适配器，这个需要你去实现。属性说明属性名称类型说明ci_widthdimension小圆点的宽度ci_heightdimension小圆点的高度ci_margindimension小圆点间的间距ci_animatorreferenceViewPager页面切换时，给小圆点设置动画。设置当前的小圆点恢复到未选中时的状态的动画。例如：当前正从a切换到b，那么该属性设置的是a的动画。ci_animator_reversereference和"ci_animator"属性一样，只不过该属性设置的是b的动画。ci_drawablereference设置当前或选中的小圆点的样式，如颜色、圆角等。ci_drawable_unselectedreference和"ci_drawable"一样，只是该属性设置的是未选中的小圆点的样式。点击上面的"下载源码"下载完整的demo工程。demo简要说明xml布局：<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"     xmlns:app="http://schemas.android.com/apk/res-auto"     android:layout_width="match_parent"     android:layout_height="match_parent"     android:orientation="vertical">     <RelativeLayout         android:layout_width="match_parent"         android:layout_height="0dp"         android:layout_weight="1">         <android.support.v4.view.ViewPager             android:id="@ id/viewpager_default"             android:layout_width="match_parent"             android:layout_height="match_parent"/>         <me.relex.circleindicator.CircleIndicator             android:id="@ id/indicator_default"             android:layout_centerInParent="true"             android:layout_width="fill_parent"             android:layout_height="40dp"/>     </RelativeLayout>     <RelativeLayout         android:layout_width="match_parent"         android:layout_height="0dp"         android:layout_weight="1">         <android.support.v4.view.ViewPager             android:id="@ id/viewpager_custom"             android:layout_width="match_parent"             android:layout_height="match_parent"/>         <me.relex.circleindicator.CircleIndicator             android:id="@ id/indicator_custom"             app:ci_width="10dp"             app:ci_height="4dp"             app:ci_margin="6dp"             app:ci_animator="@animator/indicator_animator"             app:ci_animator_reverse="@animator/indicator_animator_reverse"             app:ci_drawable="@drawable/black_radius_square"             android:layout_centerInParent="true"             android:layout_width="fill_parent"             android:layout_height="40dp"/>     </RelativeLayout>     <RelativeLayout         android:layout_width="match_parent"         android:layout_height="0dp"         android:layout_weight="1">         <android.support.v4.view.ViewPager             android:id="@ id/viewpager_unselected_background"             android:layout_width="match_parent"             android:layout_height="match_parent"/>         <me.relex.circleindicator.CircleIndicator             android:id="@ id/indicator_unselected_background"             android:layout_centerInParent="true"             android:layout_width="fill_parent"             app:ci_width="6dp"             app:ci_height="6dp"             app:ci_animator="@animator/indicator_no_animator"             app:ci_drawable="@drawable/white_radius"             app:ci_drawable_unselected="@drawable/black_radius"             android:layout_height="40dp"             />     </RelativeLayout> </LinearLayout>定义了3组ViewPager和指示器。第一组是采用默认样式的，被选中的小圆点带有放大的动画。第2组比较全，既定义了动画又修改了样式。第3组是取消动画的同时使用了ci_drawable_unselected属性。适配器Adapter：public class DemoPagerAdapter extends FragmentPagerAdapter {         private int pagerCount = 5;         private Random random = new Random();         public DemoPagerAdapter(FragmentManager fm) {             super(fm);         }         @Override public Fragment getItem(int i) {             return ColorFragment.newInstance(0xff000000 | random.nextInt(0x00ffffff));         }         @Override public int getCount() {             return pagerCount;         }     }定义了5个页面或Fragment，通过ColorFragment生成Fragment。Fragment：public class ColorFragment extends Fragment {     private static final String ARG_COLOR = "color";     private int mColor;     public static ColorFragment newInstance(int param1) {         ColorFragment fragment = new ColorFragment();         Bundle args = new Bundle();         args.putInt(ARG_COLOR, param1);         fragment.setArguments(args);         return fragment;     }     public ColorFragment() {     }     @Override     public void onCreate(Bundle savedInstanceState) {         super.onCreate(savedInstanceState);         if (getArguments() != null) {             mColor = getArguments().getInt(ARG_COLOR);         }     }     @Override     public View onCreateView(LayoutInflater inflater, ViewGroup container,             Bundle savedInstanceState) {         View v = inflater.inflate(R.layout.color_fragment, container, false);         v.setBackgroundColor(mColor);         return v;     } }生成空的页面，没有任何控件，只是设置了页面的背景色。
Android 关于CircleIndicator
weixin_48562691的博客
06-26 550
总体来说，CircleIndicator 是一个简单易用的开源库，适用于大多数基本的 ViewPager 页面指示器需求。它具有一定的定制性，能满足一般的指示器样式需求。它可以在 ViewPager 中显示圆形指示器，用于指示当前页面和总页面数量，提供了一种简洁美观的方式来显示当前页面的位置。有限的样式选项：尽管 CircleIndicator 允许定制指示器的样式，但它的样式选项相对有限。这里设置了指示器的布局宽高为 wrap_content，并将其放置在水平居中的位置，设置了内边距和指示器的样式。
Android—圆点指示器
Y_sunny_U的博客
04-24 754
布局 <LinearLayout android:id="@+id/img_layout" android:layout_width="match_parent" android:layout_height="wrap_content" ...
android 圆点指示器,banner广告及view pager 的小圆点指示器
weixin_33806859的博客
05-27 405
一、主界面package com.example.t;import android.app.Activity;import android.os.Bundle;import android.support.v4.view.ViewPager;import android.support.v4.view.ViewPager.OnPageChangeListener;public class Main...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值