温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

Android中怎么通过自定义View实现五星好评效果

发布时间:2021-07-29 16:02:19 来源:亿速云 阅读:238 作者:Leah 栏目:编程语言

这篇文章将为大家详细讲解有关Android中怎么通过自定义View实现五星好评效果,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。

首先自定义属性:

<?xml version="1.0" encoding="utf-8"?><resources>  <declare-styleable name="RatingStar">    <attr name="starNormal" format="reference"/>    <attr name="starFocus" format="reference"/>    <attr name="starNumber" format="integer"/>  </declare-styleable></resources>

下面看看具体实现:

/** * Created by Michael on 2019/11/1. */ public class RatingStar extends View {   private int normalId;  private int focusId;  private Bitmap normalImg;  private Bitmap focusImg;  private int number;  private int w1;  private int h2;  private int marginLeft;  private int marginTop;  private int marginBottom;  private int marginRight;  private int height;  private int width;  private int p;  private float w0;  private int i0;  private int mGrade;   public RatingStar(Context context) {    this(context,null);  }   public RatingStar(Context context, @Nullable AttributeSet attrs) {    this(context, attrs,0);  }   public RatingStar(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {    super(context, attrs, defStyleAttr);    TypedArray array = context.obtainStyledAttributes(attrs,R.styleable.RatingStar);    normalId = array.getResourceId(R.styleable.RatingStar_starNormal,0);    focusId = array.getResourceId(R.styleable.RatingStar_starFocus,0);    normalImg = BitmapFactory.decodeResource(getResources(), normalId);    focusImg = BitmapFactory.decodeResource(getResources(), focusId);    number = array.getInteger(R.styleable.RatingStar_starNumber,5);    array.recycle();    i0 = -1;   }   @Override  protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {    w1 = normalImg.getWidth();    h2 = normalImg.getHeight();    //中间间隔    p = 30;    marginTop = 20;    marginBottom = 20;    marginLeft = 20;    marginRight = 20;    height = h2 + marginTop + marginBottom;    width = w1 *number+(number-1)*p +marginLeft+marginRight;    setMeasuredDimension(width, height);  }   @Override  protected void onDraw(Canvas canvas) {    super.onDraw(canvas);    for (int i = 0; i < number; i++) {      if (i <= i0){        canvas.drawBitmap(focusImg,i*w1+marginLeft+i*p,marginTop,null);        mGrade = i+1;      }else{        canvas.drawBitmap(normalImg,i*w1+marginLeft+i*p,marginTop,null);      }    }    Log.e("msg","我被调用了!");   }   @Override  public boolean onTouchEvent(MotionEvent event) {    float x = event.getX();//相对于控件自身的距离    //event.getRawX() 相对于屏幕的距离    switch (event.getAction()){      case MotionEvent.ACTION_DOWN:      case MotionEvent.ACTION_MOVE:      //case MotionEvent.ACTION_UP:        w0 = getWidth()/5;        i0 = (int) (x/w0);        //性能优化,减少onDraw()调用        if (mGrade == i0+1){          return true;        }        invalidate();        break;    }    return true;  }}

最后看看具体布局中使用:

<com.example.star.RatingStar    android:layout_width="wrap_content"    android:layout_height="wrap_content"    app:starNormal="@mipmap/star_normal"    app:starFocus="@mipmap/star_selected"    app:starNumber="5"    />

关于Android中怎么通过自定义View实现五星好评效果就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI