Android   发布时间:2022-04-28  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Android自定义View仿QQ等级天数进度大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

最近一直都在看自定义view这一块。差不多一个星期了吧。这个星期坚持每天更新博客,感觉自己的技术也有点突破,对自定义view的计算也有了更深的认识。

今天看到手机一个成长天数进度的控件,觉得挺有意思的,于是想自己也一个效果如下:

Android自定义View仿QQ等级天数进度

由图可以知道,这里面有很多个元素,首先是背景的矩形区域,其次就是两个环形,然后三个Text文本。其实不复杂,我们一点一点的去实现。

首先呢,画矩形背景。这里用到一个RectF的类,这个类包含一个矩形的四个单精度浮点坐标。矩形通过上下左右4个边的坐标来表示一个矩形。这些坐标值属性可以被直接访问,用width()和 height()方法可以获取矩形的宽和高,同时他还有构造方法

RectF一共有四个构造方法

RectF()构造一个无参的矩形

RectF(float left,float top,float right,float bottom)构造一个指定了4个参数的矩形

RectF(Rect F r)根据指定的RectF对象来构造一个RectF对象(对象的左边坐标不变)

RectF(Rect r)根据给定的Rect对象来构造一个RectF对象

那么,这里使用第二个构造方法,@L_772_20@如下:

  @Override
  protected void onSizeChanged(int w,int h,int oldw,int oldh) {
    super.onSizeChanged(w,h,oldw,oldh);
    mWidth=getWidth();
    mHeight=getHeight();
    mRectF=new RectF((float)(mWidth*0.1),(float)(mHeight*0.1),(float)(mWidth*0.9),(float)(mHeight*0.9));

  }

现在是矩形的背景有了,那么,还有环形跟文字又怎么去处理呢,别着急,我们先看看这个环形,我这里之所以定义两个环形,是因为,一个用作进度去显示一个当做背景去实现,好了,分别绘制两个环形。@L_772_20@如下:

  canvas.drawArc(mRectF,90,360,false,mButtomPaint);
  canvas.drawArc(mRectF,15,180,mTopPaint);

两个环形也有了,接下来就是文字了,绘制文字我们使用canvas.DrawText方法,去绘制,具体@L_772_20@如下:

canvas.drawText("5.0",(mWidth-(mTextWidth+mTextsmail))/2,(float)(mHeight/2),mTextPaint);

canvas.drawText("天",(mWidth-(mTextWidth+mTextsmail))/2+mTextWidth,msmailTextPaint);

canvas.drawText("升级年费超级会员立即升至",(mWidth-mTextsmailButtom)/2,(float)(mHeight/2+30),msmailTextPaint);

这下全部的效果也出来了,最后,我贴上所有的@L_772_20@:

public class MyProgress extends View {

  private Paint mButtomPaint;

  private Paint mTopPaint;

  private Paint mTextPaint;

  private Paint msmailTextPaint;

  private float mWidth;

  private float mHeight;

  private RectF mRectF;


  public MyProgress(Context context,AttributeSet attrs,int defStyleAttr) {
    super(context,attrs,defStyleAttr);

    initView();

  }
  public MyProgress(Context context,AttributeSet attrs) {
    super(context,attrs);
    initView();
  }

  public MyProgress(Context context) {
    super(context);
    initView();
  }

  private void initView() {
    mButtomPaint=new Paint();
    mButtomPaint.setColor(Color.rgb(69,142,253));
    mButtomPaint.setAntiAlias(true);
    mButtomPaint.setstrokeWidth(10);
    mButtomPaint.setStyle(Style.stroke);

    mTopPaint=new Paint();
    mTopPaint.setColor(Color.parseColor("#ffffff"));
    mTopPaint.setAntiAlias(true);
    mTopPaint.setstrokeWidth(10);
    mTopPaint.setStyle(Style.stroke);

    mTextPaint=new Paint();
    mTextPaint.setColor(Color.WHITE);
    mTextPaint.setAntiAlias(true);
    mTextPaint.setstrokeWidth(5);
    mTextPaint.setTextSize(50);

    msmailTextPaint=new Paint();
    msmailTextPaint.setstrokeWidth(3);
    msmailTextPaint.setColor(Color.WHITE);
    msmailTextPaint.setAntiAlias(true);
    msmailTextPaint.setTextSize(15);

  }

  @Override
  protected void onSizeChanged(int w,(float)(mHeight*0.9));

  }
  @Override
  protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);

    canvas.drawArc(mRectF,mButtomPaint);

    canvas.drawArc(mRectF,mTopPaint);

    float mTextWidth=mTextPaint.measureText("5.0");

    float mTextsmail=msmailTextPaint.measureText("天");

    float mTextsmailButtom=msmailTextPaint.measureText("升级年费超级会员立即升至");

    canvas.drawText("5.0",mTextPaint);

    canvas.drawText("天",msmailTextPaint);

    canvas.drawText("升级年费超级会员立即升至",msmailTextPaint);

  }


}

谢谢阅读。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程小技巧。

大佬总结

以上是大佬教程为你收集整理的Android自定义View仿QQ等级天数进度全部内容,希望文章能够帮你解决Android自定义View仿QQ等级天数进度所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签:进度