android 广告轮播小圆点封装

最新推荐文章于 2021-05-31 15:41:13 发布
最新推荐文章于 2021-05-31 15:41:13 发布
阅读量1.1k 收藏 9
点赞数 1
分类专栏： android开发 文章标签： android 控件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Lmiss/article/details/49426409
版权

源码如下：

package com.shouwei.csdn.customview;


import com.shouwei.csdn.R;


import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;


/**
 * 启动页小圆点
 * 
 * @author sw
 * @date 2015-6-8
 */
public class SelectPointView extends View {
<span style="white-space:pre">	</span>/**
<span style="white-space:pre">	</span> * 小圆点的总数量
<span style="white-space:pre">	</span> */
<span style="white-space:pre">	</span>private int count = 4, position = 0;
<span style="white-space:pre">	</span>/**
<span style="white-space:pre">	</span> * 小圆点点击事件回调
<span style="white-space:pre">	</span> */
<span style="white-space:pre">	</span>private OnPointSelectListener listener;
<span style="white-space:pre">	</span>/**
<span style="white-space:pre">	</span> * 画笔
<span style="white-space:pre">	</span> */
<span style="white-space:pre">	</span>private Paint paint = new Paint();
<span style="white-space:pre">	</span>/**
<span style="white-space:pre">	</span> * 小圆点选中与未选中时的背景
<span style="white-space:pre">	</span> */
<span style="white-space:pre">	</span>private Bitmap selected, unselect;
<span style="white-space:pre">	</span>/**
<span style="white-space:pre">	</span> * 所画小圆点Y坐标起点，X坐标起点，单个小圆点的宽度，整个VIEW的宽度与高度
<span style="white-space:pre">	</span> */
<span style="white-space:pre">	</span>private float drawHeight, drawWidth, singleWidth, width, height,radius=0;
<span style="white-space:pre">	</span>/**
<span style="white-space:pre">	</span> * 是否自己创建bitmap
<span style="white-space:pre">	</span> */
<span style="white-space:pre">	</span>private boolean isCreateBitmap = false;


<span style="white-space:pre">	</span>public SelectPointView(Context context, int count) {
<span style="white-space:pre">		</span>super(context);
<span style="white-space:pre">		</span>this.count = count;
<span style="white-space:pre">	</span>}


<span style="white-space:pre">	</span>public SelectPointView(Context context, AttributeSet attr) {
<span style="white-space:pre">		</span>super(context, attr);
<span style="white-space:pre">		</span>TypedArray ta = context.obtainStyledAttributes(attr, R.styleable.SelectPointView);
<span style="white-space:pre">		</span>int typeCount = ta.getIndexCount();
<span style="white-space:pre">		</span>for (int i = 0; i < typeCount; i++) {
<span style="white-space:pre">			</span>int id = ta.getIndex(i);
<span style="white-space:pre">			</span>switch (id) {
<span style="white-space:pre">			</span>// 小圆点的数量
<span style="white-space:pre">			</span>case R.styleable.SelectPointView_pointcount:
<span style="white-space:pre">				</span>count = ta.getInteger(id, 0);
<span style="white-space:pre">				</span>break;
<span style="white-space:pre">			</span>// 小圆点选中时的背景
<span style="white-space:pre">			</span>case R.styleable.SelectPointView_selectpic:
<span style="white-space:pre">				</span>selected = BitmapFactory.decodeResource(getResources(), ta.getResourceId(id, 0));
<span style="white-space:pre">				</span>break;
<span style="white-space:pre">			</span>// 小圆点未选中时的背景
<span style="white-space:pre">			</span>case R.styleable.SelectPointView_unselectpic:
<span style="white-space:pre">				</span>unselect = BitmapFactory.decodeResource(getResources(), ta.getResourceId(id, 0));
<span style="white-space:pre">				</span>break;
<span style="white-space:pre">			</span>default:
<span style="white-space:pre">				</span>break;
<span style="white-space:pre">			</span>}
<span style="white-space:pre">		</span>}


<span style="white-space:pre">	</span>}


<span style="white-space:pre">	</span>@Override
<span style="white-space:pre">	</span>protected void onDraw(Canvas canvas) {
<span style="white-space:pre">		</span>super.onDraw(canvas);
<span style="white-space:pre">		</span>//设置抗锯齿
<span style="white-space:pre">		</span>paint.setAntiAlias(true);
<span style="white-space:pre">		</span>width = getWidth();
<span style="white-space:pre">		</span>height = getHeight();
<span style="white-space:pre">		</span>if (selected == null||unselect==null) {
<span style="white-space:pre">			</span>isCreateBitmap = true;
<span style="white-space:pre">			</span>if (width/count>=height) {
<span style="white-space:pre">				</span>radius=height/2*2/3;
<span style="white-space:pre">			</span>}else{
<span style="white-space:pre">				</span>radius=width/count/2*2/3;
<span style="white-space:pre">			</span>}
<span style="white-space:pre">		</span>}else{
<span style="white-space:pre">			</span>drawHeight = getHeight() / 2 - (selected.getHeight() / 2);
<span style="white-space:pre">		</span>}
<span style="white-space:pre">		</span>Log.i("savion", "radius==="+radius);
<span style="white-space:pre">		</span>if (count != 0) {
<span style="white-space:pre">			</span>singleWidth = width / count;
<span style="white-space:pre">			</span>for (int i = 0; i < count; i++) {
<span style="white-space:pre">				</span>if (!isCreateBitmap) {
<span style="white-space:pre">					</span>drawWidth = (i + 1) * singleWidth - singleWidth / 2 - selected.getWidth() / 2;
<span style="white-space:pre">				</span>}
<span style="white-space:pre">				</span>//是否使用自己创建的bitmap
<span style="white-space:pre">				</span>if (isCreateBitmap) {
<span style="white-space:pre">					</span>if (i == position) {
<span style="white-space:pre">						</span>paint.setColor(Color.RED);
<span style="white-space:pre">						</span>canvas.drawCircle((i+1)*singleWidth-singleWidth/2, height/2, radius, paint);
<span style="white-space:pre">					</span>} else {
<span style="white-space:pre">						</span>paint.setColor(Color.YELLOW);
<span style="white-space:pre">						</span>canvas.drawCircle((i+1)*singleWidth-singleWidth/2, height/2, radius, paint);
<span style="white-space:pre">					</span>}
<span style="white-space:pre">				</span>} else {
<span style="white-space:pre">					</span>if (i == position) {
<span style="white-space:pre">						</span>canvas.drawBitmap(selected, drawWidth, drawHeight, paint);
<span style="white-space:pre">					</span>} else {
<span style="white-space:pre">						</span>canvas.drawBitmap(unselect, drawWidth, drawHeight, paint);
<span style="white-space:pre">					</span>}
<span style="white-space:pre">				</span>}
<span style="white-space:pre">			</span>}
<span style="white-space:pre">		</span>}
<span style="white-space:pre">	</span>}


<span style="white-space:pre">	</span>@Override
<span style="white-space:pre">	</span>public boolean onTouchEvent(MotionEvent event) {


<span style="white-space:pre">		</span>int currentPos = (int) (event.getX() / getWidth() * count);
<span style="white-space:pre">		</span>if (event.getAction() == MotionEvent.ACTION_UP) {
<span style="white-space:pre">			</span>listener.onPointSelect(currentPos);
<span style="white-space:pre">		</span>}
<span style="white-space:pre">		</span>return true;
<span style="white-space:pre">	</span>}


<span style="white-space:pre">	</span>/**
<span style="white-space:pre">	</span> * 设置数量
<span style="white-space:pre">	</span> * @auth shouwei
<span style="white-space:pre">	</span> */
<span style="white-space:pre">	</span>public void setCount(int c){
<span style="white-space:pre">		</span>count=c;
<span style="white-space:pre">		</span>invalidate();
<span style="white-space:pre">	</span>}
<span style="white-space:pre">	</span>
<span style="white-space:pre">	</span>/**
<span style="white-space:pre">	</span> * 设置被选中时的小圆背景
<span style="white-space:pre">	</span> * @auth shouwei
<span style="white-space:pre">	</span> */
<span style="white-space:pre">	</span>public void setSelectPic(Bitmap bit) {
<span style="white-space:pre">		</span>selected = bit;
<span style="white-space:pre">		</span>if (selected!=null&&unselect!=null) {
<span style="white-space:pre">			</span>isCreateBitmap=false;
<span style="white-space:pre">		</span>}
<span style="white-space:pre">		</span>invalidate();
<span style="white-space:pre">	</span>}


<span style="white-space:pre">	</span>/**
<span style="white-space:pre">	</span> * 设置未被选中时的背景
<span style="white-space:pre">	</span> * 
<span style="white-space:pre">	</span> * @param bit
<span style="white-space:pre">	</span> * @auth shouwei
<span style="white-space:pre">	</span> */
<span style="white-space:pre">	</span>public void setUnSelectPic(Bitmap bit) {
<span style="white-space:pre">		</span>unselect = bit;
<span style="white-space:pre">		</span>if (unselect!=null&&selected!=null) {
<span style="white-space:pre">			</span>isCreateBitmap=false;
<span style="white-space:pre">		</span>}
<span style="white-space:pre">		</span>invalidate();
<span style="white-space:pre">	</span>}


<span style="white-space:pre">	</span>/**
<span style="white-space:pre">	</span> * 设置当前被选中小圆点position
<span style="white-space:pre">	</span> * 
<span style="white-space:pre">	</span> * @param position
<span style="white-space:pre">	</span> * @auth shouwei
<span style="white-space:pre">	</span> */
<span style="white-space:pre">	</span>public void setPosition(int position) {
<span style="white-space:pre">		</span>this.position = position;
<span style="white-space:pre">		</span>invalidate();
<span style="white-space:pre">	</span>}


<span style="white-space:pre">	</span>/**
<span style="white-space:pre">	</span> * 设置监听
<span style="white-space:pre">	</span> * @param l
<span style="white-space:pre">	</span> * @auth shouwei
<span style="white-space:pre">	</span> */
<span style="white-space:pre">	</span>public void setOnPointSelectListener(OnPointSelectListener l) {
<span style="white-space:pre">		</span>this.listener = l;
<span style="white-space:pre">	</span>}


<span style="white-space:pre">	</span>public interface OnPointSelectListener {
<span style="white-space:pre">		</span>public void onPointSelect(int position);
<span style="white-space:pre">	</span>}
}
接下来是在values文件夹下新建一个attrs文件，写入自定义属性,如下： 

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <!-- 声明属性级的名称 -->
    <declare-styleable name="SelectPointView">
        <!-- 声明一个属性，整型 -->
        <!-- 声明一个属性，字符串 -->
        <!-- 声明一个属性，引用，引用资源id -->
        <!-- 小圆点的个数 -->
        <attr name="pointcount" format="integer"/>
        <!-- 被选中圆点有资源图片 -->
        <attr name="selectpic" format="reference"/>
        <!-- 未被选中小圆点的资源图片 -->
        <attr name="unselectpic" format="reference"/>
   </declare-styleable>
</resources>
之后可以在类文件中设置小圆点的点击监听，设置圆点个数与圆点资源图片。

当配置文件与类文件中都不设置资源图片时，会默认画一个黑色与灰色的圆点代表选中与未选中。

savion_sw
关注
  • 1
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
安卓：轮播图带圆点无线循环自动播放（超级详细）
weixin_62499894的博客
10-27 1349
拿去用吧 帅哥都是这么善良
Android 轮播图无限轮播以及下方的原点 点击显示以及源码
jht2667796626的博客
04-27 614
/存放图片的List//定义变量 用于取消上一个的选中状态//全局Viewpage。
Android 实现轮播图效果（二） 底部圆点布局实现
奕吉啊的博客
10-03 2323
1、准备底部圆点的素材、利用Drawable的功能，去实现一个圆点图片的展示 drawable下新建两个Drawable resource file：dot_normal.xml和dot_select.xml dot_normal.xml &lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;shape xmlns:android="http...
android 图片轮播圆点,简单的图片轮播 加小圆点
weixin_39708636的博客
05-30 440
先说一下思路，使用ViewPager加 LinearLayout 布局 共同实现，先看布局android:layout_width="match_parent"android:layout_height="fill_parent"android:id="@+id/support">android:id="@+id/ll"android:layout_width="wrap_content"...
android 到圆点的自动轮播图片
04-22
android 到圆点的自动轮播图片，定时器自动轮播图片，设置小圆点
Android实现广告图片轮播效果
09-02
在Android开发中，实现广告图片轮播效果是一个常见的需求，特别是在设计APP的启动页或者功能模块时。这个功能可以通过使用ViewPager结合自定义动画来完成。本文将深入探讨如何在Android中实现广告图片轮播，包括关键...
android仿新闻客户端图片轮播带小圆点
06-30
android仿新闻客户端的图片轮播，带小圆点提示，图片下方有相关的描述信息，代码简洁易懂，代码量少。用户滑动和自动轮播没有冲突。
Android viewpager自动轮播和小圆点联动效果
08-29
在很多应用中，比如广告轮播、图片展示等场景，我们常常需要实现`ViewPager`的自动轮播功能，并且搭配小圆点指示器（通常是用于表示当前展示页面的位置）来提供更好的用户体验。本篇将详细介绍如何在Android中实现`...
Android viewpager banner 广告 自动轮播 小圆点
04-23
Android viewpager banner 广告 自动轮播 博客：http://blog.csdn.net/zhi0720/article/details/24350101
Android开发 轮播广告Banner自动手动循环
01-03
Android开发 轮播广告自动手动循环示例 前言 最近学习安卓开发，老师给布置的作业，要求设计一个轮播广告，每隔几秒钟自动切换，循环播放。在网上找了好多篇文章都存在着一些小问题，琢磨了好几天才一一解决。我用的...
轮播图小圆点跟着滑动(非写死)
10-24
非写死状态的轮播图自动轮播,可以随意多张图片匹配。
Android-LBannerView-包含小圆点的轮播图控件
08-13
LBannerView - 包含小圆点的轮播图控件
自动轮播+小圆点实现
07-28
轮播——小圆点
Android 实现轮播图效果（三） 底部圆点状态改变
奕吉啊的博客
10-03 1978
自动轮播和手动轮播之后应该实现圆点的切换 自定义改变圆点状态的监听器 新建接口public interface DotChangeListener，添加方法void dotChangeListener(int index);并在ImageBannerFramLayout实现改接口，方法的具体实现： /** * 改变圆点状态方法的实现 * @param index...
viewpager实现图片轮播+小圆点跟着动
zjnuwsf的博客
08-18 5140
一、ViewPager简单用法 ViewPager的简单用法： 在布局文件中引入ViewPager，不记得完整的名称的话可以直接到support.v4.view包下找到ViewPager然后copy它的全路径名。 <android.support.v4.view.ViewPager android:id="@+id/guide_viewpager" andro
android带圆点的轮播图,Android 实现轮播图效果 底部圆点布局实现
weixin_29008691的博客
05-31 658
1、准备底部圆点的素材、利用Drawable的功能，去实现一个圆点图片的展示drawable下新建两个Drawable resource file：dot_normal.xml和dot_select.xmldot_normal.xmlandroid:shape="oval">android:width="10dp"android:height="10dp" />dot_select.x...
Andorid轮播图切换效果的小圆点（横线）
qq1377399077的专栏
07-22 1604
最近做项目时要做轮播图，带切换效果的，然后看了一些切换效果的代码，总结起来觉得很简单，无非是根据当前页实现背景图的切换，就把它封装成类，方便一下调用：
Android 带圆点的自动轮播
dy12011023的专栏
04-22 4136
要实现这个功能很简单，首先，循环创建和图片一样数量的圆点，判断设置第一个圆点为白色其他的为透明的， for(int i = 0;i<li.size();i++){ ImageView iv = new ImageView(MainActivity.this); //循环创建小圆点，判断第一个小圆点为白色的，其他的都是透明的 if(i == 0){ iv.setBackg
android 自动轮播代码生成,实现自动轮播小圆点
weixin_34236986的博客
05-25 230
[android]代码库////////////////////////////////////////////////////////////////////////////////////////////主代码部分private ViewPager mViewPager;private List mImageViewList;private int[] images={R.drawable.a...
Android ProgressBar添加小圆点
最新发布
06-06
要在 Android ProgressBar 中添加小圆点，可以使用自定义 Drawable 的方式来实现。以下是一个简单的实现步骤： 1. 在 drawable 文件夹下创建一个名为 custom_progress_bar.xml 的文件，用于定义进度条的样式。与...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值