Android之自定义view星星评价(可滑动)
2017-01-04 09:50
337 查看
Android之自定义view星星评价(可滑动)
可滑动可点击的星星评价:
布局:
可滑动可点击的星星评价:
package com.aoyi.aoyinongchang.utils; import android.content.Context; import android.content.SharedPreferences; import android.content.res.TypedArray; import android.graphics.Bitmap; import android.graphics.BitmapShader; import android.graphics.Canvas; import android.graphics.Paint; import android.graphics.drawable.Drawable; import android.util.AttributeSet; import android.util.Log; import android.view.MotionEvent; import android.view.View; import com.aoyi.aoyinongchang.R; import com.aoyi.aoyinongchang.YourApplication; import com.videogo.openapi.EZOpenSDK; /** * Created by qzs on 2016/7/18. * */ public class StarBar extends View{ public Context context; private int starDistance = 0; //星星间距 private int starCount = 5; //星星个数 private int starSize; //星星高度大小,星星一般正方形,宽度等于高度 private int starMark = 0; //评分星星 private Bitmap starFillBitmap; //亮星星 private Drawable starEmptyDrawable; //暗星星 private OnStarChangeListener onStarChangeListener;//监听星星变化接口 private Paint paint; //绘制星星画笔 private boolean integerMark = false; public StarBar(Context context, AttributeSet attrs) { super(context, attrs); this.context=context; init(context, attrs); } public StarBar(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); this.context=context; init(context, attrs); } /** * 初始化UI组件 * * @param context * @param attrs */ private void init(Context context, AttributeSet attrs){ setClickable(true); TypedArray mTypedArray = context.obtainStyledAttributes(attrs, R.styleable.RatingBar); this.starDistance = (int) mTypedArray.getDimension(R.styleable.RatingBar_starDistance, 0); this.starSize = (int) mTypedArray.getDimension(R.styleable.RatingBar_starSize, 20); this.starCount = mTypedArray.getInteger(R.styleable.RatingBar_starCount, 5); this.starEmptyDrawable = mTypedArray.getDrawable(R.styleable.RatingBar_starEmpty); this.starFillBitmap = drawableToBitmap(mTypedArray.getDrawable(R.styleable.RatingBar_starFill)); mTypedArray.recycle(); paint = new Paint(); paint.setAntiAlias(true); paint.setShader(new BitmapShader(starFillBitmap, BitmapShader.TileMode.CLAMP, BitmapShader.TileMode.CLAMP)); } /** * 设置是否需要整数评分 * @param integerMark */ public void setIntegerMark(boolean integerMark){ this.integerMark = integerMark; } /** * 设置显示的星星的分数 * * @param mark */ public void setStarMark(int mark){ if (integerMark) { starMark = (int)Math.ceil(mark); }else { starMark = Math.round(mark * 10) * 1 / 10; } if (this.onStarChangeListener != null) { this.onStarChangeListener.onStarChange(starMark); //调用监听接口 } invalidate(); } /** * 获取显示星星的数目 * * @return starMark */ public int getStarMark(){ return starMark; } /** * 定义星星点击的监听接口 */ public interface OnStarChangeListener { void onStarChange(int mark); } /** * 设置监听 * @param onStarChangeListener */ public void setOnStarChangeListener(OnStarChangeListener onStarChangeListener){ this.onStarChangeListener = onStarChangeListener; } @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { super.onMeasure(widthMeasureSpec, heightMeasureSpec); setMeasuredDimension(starSize * starCount + starDistance * (starCount - 1), starSize); } @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); if (starFillBitmap == null || starEmptyDrawable == null) { return; } for (int i = 0;i < starCount;i++) { starEmptyDrawable.setBounds((starDistance + starSize) * i, 0, (starDistance + starSize) * i + starSize, starSize); starEmptyDrawable.draw(canvas); } if (starMark > 1) { canvas.drawRect(0, 0, starSize, starSize, paint); if(starMark-(int)(starMark) == 0) { for (int i = 1; i < starMark; i++) { canvas.translate(starDistance + starSize, 0); canvas.drawRect(0, 0, starSize, starSize, paint); } }else { for (int i = 1; i < starMark - 1; i++) { canvas.translate(starDistance + starSize, 0); canvas.drawRect(0, 0, starSize, starSize, paint); } canvas.translate(starDistance + starSize, 0); canvas.drawRect(0, 0, starSize * (Math.round((starMark - (int) (starMark))*10)*1.0f/10), starSize, paint); } }else { canvas.drawRect(0, 0, starSize * starMark, starSize, paint); } } @Override public boolean onTouchEvent(MotionEvent event) { int x = (int) event.getX(); if (x < 0) x = 0; if (x > getMeasuredWidth()) x = getMeasuredWidth(); switch(event.getAction()){ case MotionEvent.ACTION_DOWN: { setStarMark(x*1 / (getMeasuredWidth()*1/starCount)); break; } case MotionEvent.ACTION_MOVE: { setStarMark(x*1 / (getMeasuredWidth()*1/starCount)); break; } case MotionEvent.ACTION_UP: { break; } } invalidate(); return super.onTouchEvent(event); } /** * drawable转bitmap * * @param drawable * @return */ private Bitmap drawableToBitmap(Drawable drawable) { if (drawable == null)return null; Bitmap bitmap = Bitmap.createBitmap(starSize, starSize, Bitmap.Config.ARGB_8888); Canvas canvas = new Canvas(bitmap); drawable.setBounds(0, 0, starSize, starSize); drawable.draw(canvas); return bitmap; } }
布局:
<com.aoyi.aoyinongchang.utils.StarBar android:id="@+id/starBar" android:layout_gravity="center_horizontal" ratingbar:starEmpty="@mipmap/star2" ratingbar:starFill="@mipmap/star1" ratingbar:starDistance="5dp" ratingbar:starCount="5" ratingbar:starSize="30dp" android:layout_width="wrap_content" android:layout_height="wrap_content" />
相关文章推荐
- 【Android自定义View实战】之自定义评价打分控件RatingBar,可以自定义星星大小和间距
- Android自定义View之自定义评价打分控件RatingBar实现自定义星星大小和间距
- Android自定义View之自定义评价打分控件RatingBar实现自定义星星大小和间距
- 【Android自定义View实战】之自定义评价打分控件RatingBar,可以自定义星星大小和间距
- Android自定义View实现商品评价星星评分控件
- 【Android自定义View实战】之自定义评价打分控件RatingBar,可以自定义星星大小和间距
- 【Android自定义View实战】之自定义评价打分控件RatingBar,可以自定义星星大小和间距
- android 自定义ImageView实现图片手势滑动,多点触摸放大缩小效果
- android自定义滑动开关控件,自定义view
- Android多屏滑动:ViewPager自定义小圆圈标签 仿app初次运行时的导航
- Android学习自定义View(四)——继承控件(滑动时ListView的Item出现删除按钮)
- Android自定义View示例(二)—滑动开关
- android 自定义ImageView实现图片手势滑动、多点触摸缩放
- Android自定义组件系列【4】——自定义ViewGroup实现双侧滑动
- android 自定义ImageView实现图片手势滑动,多点触摸放大缩小效果
- Android 自定义TextView 左右滑动实现数字自增长
- Android自定义View示例(二)—滑动开关
- Android自定义ViewGroup自动换行实现滑动任意布局及事件处理效果
- android 自定义ViewGroup和对view进行切图动画实现滑动菜单SlidingMenu
- android 自定义ImageView实现图片手势滑动,多点触摸放大缩小效果 .