Android中自定义RatingBar实现星星大小,数量,间距等的设置

前言

系统中自带的RatingBar使用起来非常不方便，并且无法调整合适大小，于是自定义一个可自己调节星星数量，大小，间距等属性的RatingBar

Demo展示图片：

布局代码如下:

//（layout）activity_main.xml
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"xmlns:tools="http://schemas.android.com/tools"xmlns:app="http://schemas.android.com/apk/res-auto"android:id="@+id/activity_main"android:layout_width="match_parent"android:layout_height="wrap_content"tools:context="com.test.ratingbar.MainActivity"><TextView
        android:id="@+id/textView"android:paddingTop="15dp"android:paddingLeft="15dp"android:text="星级"android:textSize="25sp"android:layout_width="wrap_content"android:layout_height="wrap_content"/><com.test.ratingbar.view.RatingBar
        android:id="@+id/star"android:paddingTop="15dp"android:layout_toRightOf="@+id/textView"android:layout_width="wrap_content"android:layout_height="50dp"android:paddingLeft="10dp"app:starCount="5"app:starEmpty="@drawable/rating_small_empty"app:starFill="@drawable/rating_small_full"app:starHalf="@drawable/rating_small_half"app:starImageSize="35dp"app:starPadding="1dp"app:starStep="2.5"app:stepSize="Half"/><!--上面RatingBar属性设置代码是使用的关键 对星星数量，大小，位置，星星样式，间距，默认星级等均做了设置-->
</RelativeLayout>
------------------------------------------------------------------------//（values）attrs.xml
<resources><declare-styleable name="RatingBar"><!--尺寸值--><attr name="starImageSize" format="dimension" /><!--星星间距--><attr name="starPadding" format="dimension" /><!--星星总数--><attr name="starCount" format="integer" /><!--空白的星星资源文件值--><attr name="starEmpty" format="reference" /><!--满星资源文件值--><attr name="starFill" format="reference" /><!--半星资源文件值--><attr name="starHalf" format="reference" /><!--是否可点击boolean值--><attr name="clickable" format="boolean" /><!--当前进度float值--><attr name="starStep" format="float" /><!--每次进度方式的值，整星还是半星--><attr name="stepSize"><enum name="Half" value="0" /><enum name="Full" value="1" /></attr></declare-styleable>
</resources>
------------------------------------------------------------------------//(drawable)ratingbar_bg.xml
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"><!--主背景--><item
        android:id="@android:id/background"android:drawable="@drawable/rating_small_empty"></item><!--副进度条--><item
        android:id="@android:id/secondaryProgress"android:drawable="@drawable/rating_small_half"></item><!--主进度条--><item
        android:id="@android:id/progress"android:drawable="@drawable/rating_small_full"></item>
</layer-list>

自定义RatingBar代码：

//（view）RatingBar
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;
import android.view.View;
import android.widget.ImageView;
import android.widget.LinearLayout;
import com.test.ratingbar.R;
import java.math.BigDecimal;public class RatingBar extends LinearLayout {/*** 是否可点击*/private boolean mClickable;/*** 星星总数*/private int starCount;/*** 星星的点击事件*/private OnRatingChangeListener onRatingChangeListener;/*** 每个星星的大小*/private float starImageSize;/*** 每个星星的间距*/private float starPadding;/*** 星星的显示数量，支持小数点*/private float starStep;/*** 空白的默认星星图片*/private Drawable starEmptyDrawable;/*** 选中后的星星填充图片*/private Drawable starFillDrawable;/*** 半颗星的图片*/private Drawable starHalfDrawable;/*** 每次点击星星所增加的量是整个还是半个*/private StepSize stepSize;/*** 设置半星的图片资源文件*/public void setStarHalfDrawable(Drawable starHalfDrawable) {this.starHalfDrawable = starHalfDrawable;}/*** 设置满星的图片资源文件*/public void setStarFillDrawable(Drawable starFillDrawable) {this.starFillDrawable = starFillDrawable;}/*** 设置空白和默认的图片资源文件*/public void setStarEmptyDrawable(Drawable starEmptyDrawable) {this.starEmptyDrawable = starEmptyDrawable;}/*** 设置星星是否可以点击操作*/public void setClickable(boolean clickable) {this.mClickable = clickable;}/*** 设置星星点击事件*/public void setOnRatingChangeListener(OnRatingChangeListener onRatingChangeListener) {this.onRatingChangeListener = onRatingChangeListener;}/*** 设置星星的大小*/public void setStarImageSize(float starImageSize) {this.starImageSize = starImageSize;}public void setStepSize(StepSize stepSize) {this.stepSize = stepSize;}/*** 构造函数* 获取xml中设置的资源文件*/public RatingBar(Context context, AttributeSet attrs) {super(context, attrs);setOrientation(LinearLayout.HORIZONTAL);TypedArray mTypedArray = context.obtainStyledAttributes(attrs, R.styleable.RatingBar);starImageSize = mTypedArray.getDimension(R.styleable.RatingBar_starImageSize, 20);starPadding = mTypedArray.getDimension(R.styleable.RatingBar_starPadding, 10);starStep = mTypedArray.getFloat(R.styleable.RatingBar_starStep, 1.0f);stepSize = StepSize.fromStep(mTypedArray.getInt(R.styleable.RatingBar_stepSize, 1));starCount = mTypedArray.getInteger(R.styleable.RatingBar_starCount, 5);starEmptyDrawable = mTypedArray.getDrawable(R.styleable.RatingBar_starEmpty);starFillDrawable = mTypedArray.getDrawable(R.styleable.RatingBar_starFill);starHalfDrawable = mTypedArray.getDrawable(R.styleable.RatingBar_starHalf);mClickable = mTypedArray.getBoolean(R.styleable.RatingBar_clickable, true);mTypedArray.recycle();for (int i = 0; i < starCount; ++i) {final ImageView imageView = getStarImageView();imageView.setImageDrawable(starEmptyDrawable);imageView.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View v) {if (mClickable) {//浮点数的整数部分int fint = (int) starStep;BigDecimal b1 = new BigDecimal(Float.toString(starStep));BigDecimal b2 = new BigDecimal(Integer.toString(fint));//浮点数的小数部分float fPoint = b1.subtract(b2).floatValue();if (fPoint == 0) {fint -= 1;}if (indexOfChild(v) > fint) {setStar(indexOfChild(v) + 1);} else if (indexOfChild(v) == fint) {if (stepSize == StepSize.Full) {//如果是满星 就不考虑半颗星了return;}//点击之后默认每次先增加一颗星，再次点击变为半颗星if (imageView.getDrawable().getCurrent().getConstantState().equals(starHalfDrawable.getConstantState())) {setStar(indexOfChild(v) + 1);} else {setStar(indexOfChild(v) + 0.5f);}} else {setStar(indexOfChild(v) + 1f);}}}});addView(imageView);}setStar(starStep);}/*** 设置每颗星星的参数*/private ImageView getStarImageView() {ImageView imageView = new ImageView(getContext());LayoutParams layout = new LayoutParams(Math.round(starImageSize), Math.round(starImageSize));//设置每颗星星在线性布局的大小layout.setMargins(0, 0, Math.round(starPadding), 0);//设置每颗星星在线性布局的间距imageView.setLayoutParams(layout);imageView.setAdjustViewBounds(true);imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);imageView.setImageDrawable(starEmptyDrawable);imageView.setMinimumWidth(10);imageView.setMaxHeight(10);return imageView;}/*** 设置星星的个数*/public void setStar(float rating) {if (onRatingChangeListener != null) {onRatingChangeListener.onRatingChange(rating);}this.starStep = rating;//浮点数的整数部分int fint = (int) rating;BigDecimal b1 = new BigDecimal(Float.toString(rating));BigDecimal b2 = new BigDecimal(Integer.toString(fint));//浮点数的小数部分float fPoint = b1.subtract(b2).floatValue();//设置选中的星星for (int i = 0; i < fint; ++i) {((ImageView) getChildAt(i)).setImageDrawable(starFillDrawable);}//设置没有选中的星星for (int i = fint; i < starCount; i++) {((ImageView) getChildAt(i)).setImageDrawable(starEmptyDrawable);}//小数点默认增加半颗星if (fPoint > 0) {((ImageView) getChildAt(fint)).setImageDrawable(starHalfDrawable);}}/*** 操作星星的点击事件*/public interface OnRatingChangeListener {/*** 选中的星星的个数*/void onRatingChange(float ratingCount);}/*** 星星每次增加的方式整星还是半星，枚举类型* 类似于View.GONE*/public enum StepSize {Half(0), Full(1);int step;StepSize(int step) {this.step = step;}public static StepSize fromStep(int step) {for (StepSize f : values()) {if (f.step == step) {return f;}}throw new IllegalArgumentException();}}
}

Activity代码如下:

//（activity）MainActivity
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import com.test.ratingbar.view.RatingBar;public class MainActivity extends AppCompatActivity {private RatingBar mRatingBar;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);initView();initData();}private void initView(){mRatingBar = (com.test.ratingbar.view.RatingBar) findViewById(R.id.star);}private void initData(){mRatingBar.setClickable(false);mRatingBar.setStar(3.5f);}
}

Demo下载请移步：http://download.csdn.net/detail/zxc514257857/9799637

Android中自定义RatingBar实现星星大小,数量,间距等的设置相关推荐

【Android自定义View实战】之自定义评价打分控件RatingBar，可以自定义星星大小和间距...
[Android自定义View实战]之自定义评价打分控件RatingBar,可以自定义星星大小和间距
android 自定义弹窗diss,Android中自定义PopupWindow，动态弹窗。
我的第一篇博客,咱们直奔主题.先上个效果图在android中自定义PopupWindow: 1.首先定义好你想要显示的窗口的布局文件,再实例化一个View对象:窗口布局可灵活变化,dialog_la ...
android自定义起止时间的时间刻度尺,Android中自定义RecyclerView如何实现不固定刻度的刻度尺...
Android中自定义RecyclerView如何实现不固定刻度的刻度尺发布时间:2020-07-17 16:50:28 来源:亿速云阅读:116 作者:小猪这篇文章主要讲解了Android中自 ...
Android中自定义视图View
标签: 前言好长时间没写blog了,心里感觉有点空荡荡的,今天有时间就来写一个关于自定义视图的的blog吧.关于这篇blog,网上已经有很多案例了,其实没什么难度的.但是我们在开发的过程中有时候会用 ...
Android中自定义视图View之---前奏篇
前言好长时间没写blog了,心里感觉有点空荡荡的,今天有时间就来写一个关于自定义视图的的blog吧.关于这篇blog,网上已经有很多案例了,其实没什么难度的.但是我们在开发的过程中有时候会用到一些自 ...
R语言ggplot2可视化、在可视化区域中自定义添加多个大小不同矩形阴影区域、自定义配置大小不同矩形阴影区域的颜色（Adding multiple shadows/rectangles）
R语言ggplot2可视化.在可视化区域中自定义添加多个大小不同矩形阴影区域.自定义配置大小不同矩形阴影区域的颜色(Adding multiple shadows/rectangles) 目录
android sqlite自定义函数,Android中自定义一个View的方法详解
本文实例讲述了Android中自定义一个View的方法.分享给大家供大家参考,具体如下: Android中自定义View的实现比较简单,无非就是继承父类,然后重载方法,即便如此,在实际编码中难免会遇到 ...
android 自定义进度条_第一百八十九回：Android中自定义ProgressBar三
各位看官们大家好,上一回中咱们说的是Android中自定义ProgressBar的例子,这一回咱们继续说该例子.闲话休提,言归正转.让我们一起Talk Android吧! 看官们,我们在上一回是通过自 ...
在Android中自定义捕获Application全局异常，可以替换掉系统的强制退出对话框（很有参考价值与实用价值）
在Android中自定义捕获Application全局异常,可以替换掉系统的强制退出对话框(很有参考价值与实用价值) 参考文章: (1)在Android中自定义捕获Application全局异常,可以 ...

Android中自定义RatingBar实现星星大小,数量,间距等的设置

前言

Demo展示图片：

布局代码如下:

自定义RatingBar代码：

Activity代码如下:

Android中自定义RatingBar实现星星大小,数量,间距等的设置相关推荐

最新文章

热门文章