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();
可以获取到当前的评分是多少
以上代码可以复制粘贴使用 有经验的小伙伴们 改改代码就可以实现 别的功能了
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持得得之家。
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!