Android评分RationBar控件使用详解
时间:2022-07-27
本文章向大家介绍Android评分RationBar控件使用详解,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
Android评分RationBar控件,供大家参考,具体内容如下
主要是不想用太多三方的控件,所以决定尽可能自己写,最近有写一个评分的页面,废话不多说直接上图
我觉得嘛 这个东西用ViewGroup包起来感觉会写很多View 于是我决定使用之定义控件 直接上代码
/**
* 评论专用星星
* <p
* 宽高都不能用wrap_content 必须使用固定值或者match_parent
* <p
* MIXED : 在控件的宽度范围内等分星星
* <p
* SCROLL:根据 星星的宽度和每个星星之间的间距画星星
*/
public class SuperRationBar extends View implements View.OnTouchListener {
final public static int MIXED = 0;
final public static int SCROLL = 1;
//不传默认为 MIXED
private int mode = MIXED;
// 需要建立多少星星 不传 默认为5
private int number = 5;
// 单个星星的宽度 这里宽度和高度相等 必传
private int startWidth = 50;
// 每个星星之间的间距 默认20 (mode == MIXED 用不到)
private int startPadding = 10;
//是否已经初始化试图
private boolean isInit = false;
//被选中的个数
private int selectNumber = 0;
//选中的样式
private Bitmap bmSel;
//未选中的样式
private Bitmap bmNol;
//记录每个星星的位置 用 , 分割
private List<String pointList;
// 画笔
private Paint mPaint;
public SuperRationBar(Context context, AttributeSet attrs) {
super(context, attrs);
init(context, attrs);
init(context);
}
private void init(Context context) {
mPaint = new Paint();
setOnTouchListener(this);
}
private void init(Context context, AttributeSet attrs) {
TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.SuperRationBar);
mode = a.getInteger(R.styleable.SuperRationBar_mode, MIXED);
number = a.getInteger(R.styleable.SuperRationBar_SuperRationBar_number, 5);
startWidth = (int) a.getDimension(R.styleable.SuperRationBar_SuperRationBar_startWidth, 50);
startPadding = (int) a.getDimension(R.styleable.SuperRationBar_SuperRationBar_startPadding, 10);
a.recycle();
}
@Override
public void draw(Canvas canvas) {
super.draw(canvas);
if (!isInit) {
return;
}
{//记录每个星星的位置 用 , 分割
pointList = new ArrayList< ();
}
if (mode == MIXED) {
//单个星星的宽度
int itemWidth = getWidth() / number;
//根据每个星星之间的间距画星星
for (int i = 0; i < number; i++) {
int left = i == 0 ? 0 : itemWidth * i;
int height = getHeight();
int bmHeight = bmSel.getHeight();
int top = (getHeight() - startWidth) / 2;
pointList.add(left + "," + top + "," + (left + itemWidth) + "," + (top + itemWidth));
if (i < selectNumber) {
canvas.drawBitmap(bmSel, left, top, mPaint);
} else {
canvas.drawBitmap(bmNol, left, top, mPaint);
}
}
} else if (mode == SCROLL) {
int totalWidth = (startWidth + startPadding) * (number - 1) + startWidth;
//单个星星的宽度
int itemWidth = totalWidth / number;
//根据每个星星之间的间距画星星
for (int i = 0; i < number; i++) {
int left = i == 0 ? 0 : itemWidth * i;
int top = (getHeight() - startWidth) / 2;
pointList.add(left + "," + top + "," + (left + itemWidth) + "," + (top + itemWidth));
if (i < selectNumber) {
canvas.drawBitmap(bmSel, left, top, mPaint);
} else {
canvas.drawBitmap(bmNol, left, top, mPaint);
}
}
}
}
@Override
protected void onFinishInflate() {
super.onFinishInflate();
isInit = true;
}
/**
* 设置三种图片样式的id
*
* @param selId
* @param nolId
*/
public SuperRationBar setImageResIds(int selId, int nolId) {
bmSel = BitmapFactory.decodeResource(getResources(), selId);
bmNol = BitmapFactory.decodeResource(getResources(), nolId);
bmSel = zoomBitmap(bmSel, startWidth);
bmNol = zoomBitmap(bmNol, startWidth);
return this;
}
/**
* 调用这个方法刷新页面
*/
public void launcher() {
if (isInit) {
postInvalidate();
} else {
post(new Runnable() {
@Override
public void run() {
postInvalidate();
}
});
}
}
@Override
public boolean onTouch(View v, MotionEvent event) {
if (event.getAction() == MotionEvent.ACTION_DOWN
|| event.getAction() == MotionEvent.ACTION_MOVE) {
if (pointList != null) {
int num = contain((int) event.getX(), (int) event.getY());
if (num != -1) {
selectNumber = num + 1;
}
postInvalidate();
}
if (event.getAction() == MotionEvent.ACTION_DOWN) {
return true;
}
}
return false;
}
/**
* 判断点击的位置是不是在星星上边 并返回星星的下标 错误 返回-1
*
* @param x
* @param y
* @return
*/
private int contain(int x, int y) {
int size = pointList.size();
for (int i = 0; i < size; i++) {
String[] pointArray = pointList.get(i).split(",");
int rl = Integer.parseInt(pointArray[0]);
int rt = Integer.parseInt(pointArray[1]);
int rr = Integer.parseInt(pointArray[2]);
int rb = Integer.parseInt(pointArray[3]);
if (x rl && x < rr) {
//在范围内 返回下标
return i;
}
}
return -1;
}
public int getSelectNumber() {
return selectNumber;
}
/**
* 等比例缩放bitmap图片
*
* @param bitmap
* @param reqWidth
* @return
*/
public Bitmap zoomBitmap(Bitmap bitmap, float reqWidth) {
if (bitmap == null) {
return null;
}
final int width = bitmap.getWidth();
Matrix matrix = new Matrix();
float scale = reqWidth / width;
matrix.setScale(scale, scale);
bitmap = Bitmap.createBitmap(bitmap, 0, 0, bitmap.getWidth(),
bitmap.getHeight(), matrix, true);
return bitmap;
}
}
<declare-styleable name="SuperRationBar"
<attr name="SuperRationBar_number" format="integer" /
<attr name="SuperRationBar_startWidth" format="dimension" /
<attr name="SuperRationBar_startPadding" format="dimension" /
<attr name="mode"
<enum name="fixed" value="0" /
<enum name="scroll" value="1" /
</attr
</declare-styleable
注释得还是挺详细的 这里直接上使用代码
<com.xxx.widget.SuperRationBar
android:id="@+id/RationBar0"
android:layout_width="match_parent"
android:layout_height="50dp"
android:layout_marginLeft="50dp"
android:layout_marginTop="10dp"
android:layout_marginRight="50dp"
android:background="@color/colorAccent"
app:SuperRationBar_number="6"
app:SuperRationBar_startPadding="10dp"
app:SuperRationBar_startWidth="40dp"
app:mode="fixed" /
SuperRationBar_startWidth 这个为必传 而且只能在布局里面传
RationBar0.setImageResIds(R.mipmap.img_ration_bar_sel, R.mipmap.img_ration_bar_nol)
.launcher();
使用就这么一句 调用
int number0 = RationBar0.getSelectNumber();
可以获取到当前的评分是多少
以上代码可以复制粘贴使用 有经验的小伙伴们 改改代码就可以实现 别的功能了
以上就是本文的全部内容,希望对大家的学习有所帮助。
- java教程
- Java快速入门
- Java 开发环境配置
- Java基本语法
- Java 对象和类
- Java 基本数据类型
- Java 变量类型
- Java 修饰符
- Java 运算符
- Java 循环结构
- Java 分支结构
- Java Number类
- Java Character类
- Java String类
- Java StringBuffer和StringBuilder类
- Java 数组
- Java 日期时间
- Java 正则表达式
- Java 方法
- Java 流(Stream)、文件(File)和IO
- Java 异常处理
- Java 继承
- Java 重写(Override)与重载(Overload)
- Java 多态
- Java 抽象类
- Java 封装
- Java 接口
- Java 包(package)
- Java 数据结构
- Java 集合框架
- Java 泛型
- Java 序列化
- Java 网络编程
- Java 发送邮件
- Java 多线程编程
- Java Applet基础
- Java 文档注释
- 一起来学matlab-matlab学习笔记8 基本绘图命令_5 初级二维绘图/交互式绘图
- PHP实现页面跳转的几种方法
- 一起来学matlab-matlab学习笔记9 高级绘图命令_2 图形的高级控制_视点控制和图形旋转_色图和颜色映像_光照和着色
- 一起来学matlab-matlab学习笔记9 高级绘图命令_1 图形对象_根对象,轴对象,用户控制对象,用户菜单对象
- PHP 如何阻止用户上传成人照片或者裸照
- 一起来学matlab-字符串操作 10_4 MATLAB中的字符串表示
- 一起来学演化计算-matlab优化函数fminunc
- 一起来学matlab-matlab学习笔记10 10_1一般运算符
- 每日手撕一道算法题-20. 有效的括号
- 一起来学matlab-数组取值 MATLAB中的字符串符号
- 递归解决遍历问题
- PHP中的include和require
- 一起来学matlab-matlab学习笔记10 10_2一般操作符和数据显示格式
- 一起来学matlab-matlab学习笔记10 10_3关系运算符和逻辑运算符
- 一篇文章学懂Shell脚本,最简明的教程在这里