Android 自定義星評空間示例代碼
更新時間：2017年06月11日 17:14:21 作者：阿龍的故事
這篇文章主要介紹了Android 自定義星評空間的實例代碼 ,需要的朋友可以參考下
沒事做用自定義view方式寫一個星評控件，雖說網(wǎng)上很多這個控件，但是這是自己寫的，在這里記錄一下。
首先需要自定義屬性
<declare-styleable name="Rate">
<!--屬性分別是：單個的寬，高，之間的距離，激活的數(shù)量，總數(shù)量，激活的drawable，沒有激活的drawable，是否可以選擇數(shù)量-->
<attr name="custom_rate_width" format="dimension"/>
<attr name="custom_rate_height" format="dimension"/>
<attr name="custom_rate_padding" format="dimension"/>
<attr name="custom_rate_active_size" format="integer"/>
<attr name="custom_rate_size" format="integer"/>
<attr name="custom_rate_active_drawable" format="reference"/>
<attr name="custom_rate_disactive_drawable" format="reference"/>
<attr name="custom_rate_touch" format="boolean"/>
</declare-styleable>
初始化代碼
protected void init(Context context, AttributeSet attrs) {
TypedArray array = context.obtainStyledAttributes(attrs, R.styleable.Rate);
int activeId = 0;
int disactiveId = 0;
if (array != null) {
size = array.getInt(R.styleable.Rate_custom_rate_size, 5);
activeSize = array.getInt(R.styleable.Rate_custom_rate_active_size, 3);
rateWidth = array.getDimensionPixelOffset(R.styleable.Rate_custom_rate_width, 0);
rateHeight = array.getDimensionPixelOffset(R.styleable.Rate_custom_rate_height, 0);
activeId = array.getResourceId(R.styleable.Rate_custom_rate_active_drawable, 0);
disactiveId = array.getResourceId(R.styleable.Rate_custom_rate_disactive_drawable, 0);
padding = array.getDimensionPixelOffset(R.styleable.Rate_custom_rate_padding, 0);
isTouch = array.getBoolean(R.styleable.Rate_custom_rate_touch, false);
array.recycle();
}
//如果沒有寬高就設(shè)置一個默認值
if (rateHeight <= 0){
rateHeight = 80;
}
if (rateWidth <= 0){
rateWidth = 80;
}
if (activeId!=0){
activeBitmap = BitmapFactory.decodeResource(getResources(), activeId);
//如果沒有設(shè)置寬高時候
if (rateWidth <= 0) {
rateWidth = activeBitmap.getWidth();
}
//把圖片壓縮到設(shè)置的寬高
activeBitmap = Bitmap.createScaledBitmap(activeBitmap, (int) rateWidth, (int) rateHeight, false);
}
if (disactiveId != 0){
disactiveBitmap = BitmapFactory.decodeResource(getResources(), disactiveId);
if (rateHeight <= 0) {
rateHeight = activeBitmap.getHeight();
}
disactiveBitmap = Bitmap.createScaledBitmap(disactiveBitmap, (int) rateWidth, (int) rateHeight, false);
}
mPaint = new Paint();//初始化bitmap的畫筆
mPaint.setAntiAlias(true);
activPaint = new Paint();//初始化選中星星的畫筆
activPaint.setAntiAlias(true);
activPaint.setColor(Color.YELLOW);
disactivPaint = new Paint();//初始化未選中星星的畫筆
disactivPaint.setAntiAlias(true);
disactivPaint.setColor(Color.GRAY);
}
onMeasure方法設(shè)置View的寬高，如果設(shè)置的每一個星星控件的寬高大于實際view的寬高，就用星星空間的寬高作于view的寬高
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
int widthMode = MeasureSpec.getMode(widthMeasureSpec);
int widthSize = MeasureSpec.getSize(widthMeasureSpec);
int heightMode = MeasureSpec.getMode(heightMeasureSpec);
int heightSize = MeasureSpec.getSize(heightMeasureSpec);
//計算寬
if (widthMode == MeasureSpec.EXACTLY) {
//如果view的寬度小于設(shè)置size*星星的寬度，就用size * (int) (padding + rateWidth)做為控件的寬度度
if (widthSize < size * (int) (padding + rateWidth)) {
width = size * (int) (padding + rateWidth);
} else {
width = widthSize;
}
} else {
width = size * (int) (padding + rateWidth)-padding;
}
//計算高
if (heightMode == MeasureSpec.EXACTLY) {
//如果view的高度小于設(shè)置星星的高度，就用星星高度做為控件的高度
if (heightSize < rateHeight) {
height = (int) rateHeight + 5;
} else {
height = heightSize;
}
} else {
height = (int) rateHeight + 5;
}
setMeasuredDimension(width, height);
}
onDraw方法中繪制
//開始畫active
for (int i = 0; i < activeSize; i++) {
if (activeBitmap != null){
if (i == 0) {
canvas.drawBitmap(activeBitmap, rateWidth * i, (height - rateHeight) / 2, mPaint);
} else {
canvas.drawBitmap(activeBitmap, (rateWidth + padding) * i, (height - rateHeight) / 2, mPaint);
}
}else {
drawActivRate(i,canvas);
}
}
// //開始畫disactive
for (int i = activeSize; i < size; i++) {
if (disactiveBitmap != null){
if (i == 0) {
canvas.drawBitmap(disactiveBitmap, rateWidth * i, (height - rateHeight) / 2, mPaint);
} else {
canvas.drawBitmap(disactiveBitmap, (rateWidth + padding) * i, (height - rateHeight) / 2, mPaint);
}
}else {
drawDisActivRate(i,canvas);
}
}
上面用到兩個方法drawActivRate和drawDisActivRate，分別是在沒有設(shè)置活動中的星星和不在活動中星星的圖片的時候，繪制在活動和不在活動的默認星星：
/**
* 繪制黃色的五角星（在活動的）
* */
private void drawActivRate(int position,Canvas canvas){
float radius = rateWidth/2;//根據(jù)每一個星星的位置繪製園，確定五角星五個點的位置
float angle = 360/5;
float centerX = (rateWidth+padding)*(position+1)-padding-radius;//獲取每一個星星空間的中心位置的X坐標
float centerY =height/2;//獲取每一個星星空間的中心位置的y坐標
Path mPath = new Path();
mPath.moveTo(centerX,centerY-radius);
mPath.lineTo(centerX+(float) Math.cos((angle*2-90)*Math.PI / 180)*radius,centerY+(float)Math.sin((angle*2-90)*Math.PI / 180)*radius);
mPath.lineTo( centerX-(float)Math.sin(angle*Math.PI / 180)*radius,centerY-(float)Math.cos(angle*Math.PI / 180)*radius);
mPath.lineTo( centerX+(float)Math.sin(angle*Math.PI / 180)*radius,centerY-(float)Math.cos(angle*Math.PI / 180)*radius);
mPath.lineTo( centerX-(float)Math.sin((angle*3-180)*Math.PI / 180)*radius,centerY+(float)Math.cos((angle*3-180)*Math.PI / 180)*radius);
// mPath.lineTo(centerX,centerY-radius);
mPath.close();
canvas.drawPath(mPath,activPaint);
}
/**
* 繪制灰色的五角星
* */
private void drawDisActivRate(int position,Canvas canvas){
float radius = rateWidth/2;
float angle = 360/5;
float centerX = (rateWidth+padding)*(position+1)-padding-radius;
float centerY =height/2;
Path mPath = new Path();
mPath.moveTo(centerX,centerY-radius);
mPath.lineTo(centerX+(float) Math.cos((angle*2-90)*Math.PI / 180)*radius,centerY+(float)Math.sin((angle*2-90)*Math.PI / 180)*radius);
mPath.lineTo( centerX-(float)Math.sin(angle*Math.PI / 180)*radius,centerY-(float)Math.cos(angle*Math.PI / 180)*radius);
mPath.lineTo( centerX+(float)Math.sin(angle*Math.PI / 180)*radius,centerY-(float)Math.cos(angle*Math.PI / 180)*radius);
mPath.lineTo( centerX-(float)Math.sin((angle*3-180)*Math.PI / 180)*radius,centerY+(float)Math.cos((angle*3-180)*Math.PI / 180)*radius);
// mPath.lineTo(centerX,centerY-radius);
mPath.close();
canvas.drawPath(mPath,disactivPaint);
}
最后在onTouchEvent方法中處理選中和未選中星星的處理
@Override
public boolean onTouchEvent(MotionEvent event) {
if (!isTouch){//如果不支持觸摸
return false;
}
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
touchX = event.getX();
touchY = event.getY();
for (int i = 0; i < size; i++) {
if (i == 0) {
if (0.0 < touchX && touchX < rateWidth+padding/2) {
activeSize = 1;
}
}else {
if ((rateWidth+padding)*i-padding/2<touchX&&touchX<(rateWidth+padding)*(i+1)-padding/2){
activeSize = i+1;
}
}
}
invalidate();
break;
case MotionEvent.ACTION_UP:
if ( null!= changeListener){
changeListener.change(activeSize);
}
break;
case MotionEvent.ACTION_MOVE:
touchX = event.getX();
touchY = event.getY();
for (int i = 0; i < size; i++) {
if (i == 0) {
if (0.0 < touchX && touchX < rateWidth+padding/2) {
activeSize = 1;
}
}else {
if ((rateWidth+padding)*i-padding/2<touchX&&touchX<(rateWidth+padding)*(i+1)-padding/2){
activeSize = i+1;
}
}
}
invalidate();
if (touchX<=0){
activeSize = 0;
}
break;
}
return true;
}
以上就是自定義view寫的星評控件，代碼中的注解已經(jīng)比較詳細了，就不多說了，
源碼地址
以上所述是小編給大家介紹的android自定義星評空間的實例代碼，希望對大家有所幫助！
相關(guān)文章
這篇文章主要介紹了Android開發(fā)之Service用法,實例分析了Android中Service的功能及使用技巧,需要的朋友可以參考下2015-05-05
Android編程之DatePicker和TimePicke簡單時間監(jiān)聽用法分析
這篇文章主要介紹了Android編程之DatePicker和TimePicke簡單時間監(jiān)聽用法,結(jié)合具體實例形式分析了時間控件DatePicker和TimePicke布局與具體功能實現(xiàn)技巧,需要的朋友可以參考下2017-02-02
Android自定義LinearLayout實現(xiàn)淘寶詳情頁
這篇文章主要為大家詳細介紹了Android自定義LinearLayout實現(xiàn)淘寶詳情頁的相關(guān)資料,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-09-09
Android開發(fā)中給EditText控件添加TextWatcher監(jiān)聽實現(xiàn)對輸入字數(shù)的限制(推薦)
這篇文章主要介紹了Android開發(fā)中給EditText控件添加TextWatcher監(jiān)聽實現(xiàn)對輸入字數(shù)的限制(推薦)的相關(guān)資料,需要的朋友可以參考下2016-11-11
這篇文章主要為大家詳細介紹了Android實現(xiàn)支付寶支付密碼輸入界面，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-05-05
Android實現(xiàn)單頁面浮層可拖動view的一種方法
本篇文章主要介紹了Android實現(xiàn)單頁面浮層可拖動view的一種方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-10-10
這篇文章主要為大家詳細介紹了Android打開相機和相冊實例代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-08-08
Flutter實現(xiàn)密碼強度校驗結(jié)果的示例詳解
我們經(jīng)常在一些網(wǎng)站上看到這樣的密碼強度指示，使用三段線，分別用不同的顏色來表示弱密碼、中等強度密碼和強密碼，本篇我們就用?Flutter?來實現(xiàn)這樣一個密碼強度校驗示例，希望對大家有所幫助2023-08-08
這篇文章主要介紹了Android中使用二級緩存、異步加載批量加載圖片完整案例,本文講解了實現(xiàn)的過程以及核心代碼展示,并給出了完整項目源碼,需要的朋友可以參考下2015-06-06
這篇文章主要介紹了Android AS為xutils添加依賴過程圖解,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-11-11