devbox
Gausst松鼠会
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

Android 自定义view 入门 案例_android studio自定义view

作者：Gausst松鼠会 | 2024-06-04 20:41:07

赞

踩

android studio自定义view

自定义一个圆环进度条：

1.首页Android Studio创建一个项目

2.在项目src/xxx/目录下右键选择创建一个自定义view页面：new->UICompoent->customer view

 3.输入自定义名称，选择开发语言

 4.确定之后，自动生成3个文件一个是：

第一个是逻辑代码：com.lan.lanidemo.customeview.SuperCircleView.class
第二个是布局： src\main\res\layout\sample_super_circle_view.xml
第三个是view需要使用的属性：src\main\res\values\attrs_super_circle_view.xml
      （通过这种方式创建属性，多次创建可能造成一些变量重复定义。）

attrs_super_circle_view.xml源码： 

  1. <resources>
  2.     <declare-styleable name="SuperCircleView">
  3.         <attr name="exampleString" format="string" />
  4.         <attr name="exampleDimension" format="dimension" />
  5.         <attr name="exampleColor" format="color" />
  6.         <attr name="exampleDrawable" format="color|reference" />
  7.     </declare-styleable>
  8. </resources>

其中declare-styeable节点的name属性值一般是你写的view的名字，如这里根据命名默认生成：SuperCirecleView。接下来定义可以在xml中定义的组件属性，在后面我会根据需要增加圆环宽度颜色等。其中format属性指定可接受值的类型，多个类型用“|”分隔。 

 sample_super_circle_view.xml布局源码

  1. <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2.     xmlns:app="http://schemas.android.com/apk/res-auto"
  3.     android:layout_width="match_parent"
  4.     android:layout_height="match_parent">
  5.  
  6.     <com.lan.lanidemo.customeview.SuperCircleView
  7.         style="@style/Widget.Theme.LaniDemo.SuperCircleView"
  8.         android:layout_width="300dp"
  9.         android:layout_height="300dp"
  10.         android:paddingLeft="20dp"
  11.         android:paddingBottom="40dp"
  12.         app:exampleDimension="24sp"
  13.         app:exampleDrawable="@android:drawable/ic_menu_add"
  14.         app:exampleString="Hello, SuperCircleView" />
  15.  
  16. </FrameLayout>

SuperCircleView.class 

  1. package com.lan.lanidemo.customeview;
  2.  
  3. import android.content.Context;
  4. import android.content.res.TypedArray;
  5. import android.graphics.Canvas;
  6. import android.graphics.Color;
  7. import android.graphics.Paint;
  8. import android.graphics.drawable.Drawable;
  9. import android.text.TextPaint;
  10. import android.util.AttributeSet;
  11. import android.view.View;
  12.  
  13. import com.lan.lanidemo.R;
  14.  
  15. /**
  16.  * TODO: document your custom view class.
  17.  */
  18. public class SuperCircleView extends View {
  19.     private String mExampleString; // TODO: use a default from R.string...
  20.     private int mExampleColor = Color.RED; // TODO: use a default from R.color...
  21.     private float mExampleDimension = 0; // TODO: use a default from R.dimen...
  22.     private Drawable mExampleDrawable;
  23.  
  24.     private TextPaint mTextPaint;
  25.     private float mTextWidth;
  26.     private float mTextHeight;
  27.  
  28.     public SuperCircleView(Context context) {
  29.         super( context );
  30.         init( null, 0 );
  31.     }
  32.  
  33.     public SuperCircleView(Context context, AttributeSet attrs) {
  34.         super( context, attrs );
  35.         init( attrs, 0 );
  36.     }
  37.  
  38.     public SuperCircleView(Context context, AttributeSet attrs, int defStyle) {
  39.         super( context, attrs, defStyle );
  40.         init( attrs, defStyle );
  41.     }
  42.  
  43.     private void init(AttributeSet attrs, int defStyle) {
  44.         // Load attributes
  45.         final TypedArray a = getContext().obtainStyledAttributes(
  46.                 attrs, R.styleable.SuperCircleView, defStyle, 0 );
  47.  
  48.         mExampleString = a.getString(
  49.                 R.styleable.SuperCircleView_exampleString );
  50.         mExampleColor = a.getColor(
  51.                 R.styleable.SuperCircleView_exampleColor,
  52.                 mExampleColor );
  53.         // Use getDimensionPixelSize or getDimensionPixelOffset when dealing with
  54.         // values that should fall on pixel boundaries.
  55.         mExampleDimension = a.getDimension(
  56.                 R.styleable.SuperCircleView_exampleDimension,
  57.                 mExampleDimension );
  58.  
  59.         if (a.hasValue( R.styleable.SuperCircleView_exampleDrawable )) {
  60.             mExampleDrawable = a.getDrawable(
  61.                     R.styleable.SuperCircleView_exampleDrawable );
  62.             mExampleDrawable.setCallback( this );
  63.         }
  64.  
  65.         a.recycle();
  66.  
  67.         // Set up a default TextPaint object
  68.         mTextPaint = new TextPaint();
  69.         mTextPaint.setFlags( Paint.ANTI_ALIAS_FLAG );
  70.         mTextPaint.setTextAlign( Paint.Align.LEFT );
  71.  
  72.         // Update TextPaint and text measurements from attributes
  73.         invalidateTextPaintAndMeasurements();
  74.     }
  75.  
  76.     private void invalidateTextPaintAndMeasurements() {
  77.         mTextPaint.setTextSize( mExampleDimension );
  78.         mTextPaint.setColor( mExampleColor );
  79.         mTextWidth = mTextPaint.measureText( mExampleString );
  80.  
  81.         Paint.FontMetrics fontMetrics = mTextPaint.getFontMetrics();
  82.         mTextHeight = fontMetrics.bottom;
  83.     }
  84.  
  85.     @Override
  86.     protected void onDraw(Canvas canvas) {
  87.         super.onDraw( canvas );
  88.  
  89.         // TODO: consider storing these as member variables to reduce
  90.         // allocations per draw cycle.
  91.         int paddingLeft = getPaddingLeft();
  92.         int paddingTop = getPaddingTop();
  93.         int paddingRight = getPaddingRight();
  94.         int paddingBottom = getPaddingBottom();
  95.  
  96.         int contentWidth = getWidth() - paddingLeft - paddingRight;
  97.         int contentHeight = getHeight() - paddingTop - paddingBottom;
  98.  
  99.         // Draw the text.
  100.         canvas.drawText( mExampleString,
  101.                 paddingLeft + (contentWidth - mTextWidth) / 2,
  102.                 paddingTop + (contentHeight + mTextHeight) / 2,
  103.                 mTextPaint );
  104.  
  105.         // Draw the example drawable on top of the text.
  106.         if (mExampleDrawable != null) {
  107.             mExampleDrawable.setBounds( paddingLeft, paddingTop,
  108.                     paddingLeft + contentWidth, paddingTop + contentHeight );
  109.             mExampleDrawable.draw( canvas );
  110.         }
  111.     }
  112.  
  113.     /**
  114.      * Gets the example string attribute value.
  115.      *
  116.      * @return The example string attribute value.
  117.      */
  118.     public String getExampleString() {
  119.         return mExampleString;
  120.     }
  121.  
  122.     /**
  123.      * Sets the view"s example string attribute value. In the example view, this string
  124.      * is the text to draw.
  125.      *
  126.      * @param exampleString The example string attribute value to use.
  127.      */
  128.     public void setExampleString(String exampleString) {
  129.         mExampleString = exampleString;
  130.         invalidateTextPaintAndMeasurements();
  131.     }
  132.  
  133.     /**
  134.      * Gets the example color attribute value.
  135.      *
  136.      * @return The example color attribute value.
  137.      */
  138.     public int getExampleColor() {
  139.         return mExampleColor;
  140.     }
  141.  
  142.     /**
  143.      * Sets the view"s example color attribute value. In the example view, this color
  144.      * is the font color.
  145.      *
  146.      * @param exampleColor The example color attribute value to use.
  147.      */
  148.     public void setExampleColor(int exampleColor) {
  149.         mExampleColor = exampleColor;
  150.         invalidateTextPaintAndMeasurements();
  151.     }
  152.  
  153.     /**
  154.      * Gets the example dimension attribute value.
  155.      *
  156.      * @return The example dimension attribute value.
  157.      */
  158.     public float getExampleDimension() {
  159.         return mExampleDimension;
  160.     }
  161.  
  162.     /**
  163.      * Sets the view"s example dimension attribute value. In the example view, this dimension
  164.      * is the font size.
  165.      *
  166.      * @param exampleDimension The example dimension attribute value to use.
  167.      */
  168.     public void setExampleDimension(float exampleDimension) {
  169.         mExampleDimension = exampleDimension;
  170.         invalidateTextPaintAndMeasurements();
  171.     }
  172.  
  173.     /**
  174.      * Gets the example drawable attribute value.
  175.      *
  176.      * @return The example drawable attribute value.
  177.      */
  178.     public Drawable getExampleDrawable() {
  179.         return mExampleDrawable;
  180.     }
  181.  
  182.     /**
  183.      * Sets the view"s example drawable attribute value. In the example view, this drawable is
  184.      * drawn above the text.
  185.      *
  186.      * @param exampleDrawable The example drawable attribute value to use.
  187.      */
  188.     public void setExampleDrawable(Drawable exampleDrawable) {
  189.         mExampleDrawable = exampleDrawable;
  190.     }
  191. }

5.在这里我是做一圆环进度条：如本文开始图片效果，更新代码如下。

 6. 更新自定义属性：

attrs_super_circle_view.xml

  1. <resources>
  2.     <declare-styleable name="SuperCircleView">
  3.         <attr name="exampleString" format="string" />
  4.         <attr name="exampleDimension" format="dimension" />
  5.         <attr name="exampleColor" format="color" />
  6.         <attr name="exampleDrawable" format="color|reference" />
  7.         <!-- 圆的半径 -->
  8.         <attr name="min_circle_radio" format="integer" />
  9.  
  10.         <!-- 圆环的宽度 -->
  11.         <attr name="ring_width" format="float" />
  12.  
  13.         <!-- 内圆的颜色 -->
  14.         <attr name="circle_color" format="color" />
  15.  
  16.         <!-- 外圆的颜色 -->
  17.         <attr name="max_circle_color" format="color" />
  18.  
  19.         <!-- 圆环的默认颜色 -->
  20.         <attr name="ring_normal_color" format="color" />
  21.  
  22.         <!-- 圆环要显示的彩色的区域(随着数值的改变,显示不同大小的彩色区域)-->
  23.         <attr name="ring_color_select" format="integer" />
  24.  
  25.         <!-- 绘制内容的数值 -->
  26.         <attr name="maxValue" format="integer" />
  27.         <attr name="value" format="integer" />
  28.         <attr name="ring_radius" format="float" />
  29.  
  30.     </declare-styleable>
  31. </resources>

7.更新自定义view控制代码:

SuperCircleView.class

  1. package com.lan.lanidemo.customeview;
  2.  
  3. import android.animation.ValueAnimator;
  4. import android.content.Context;
  5. import android.content.res.TypedArray;
  6. import android.graphics.Canvas;
  7. import android.graphics.Color;
  8. import android.graphics.Paint;
  9. import android.graphics.RectF;
  10. import android.graphics.SweepGradient;
  11. import android.graphics.drawable.Drawable;
  12. import android.text.TextPaint;
  13. import android.util.AttributeSet;
  14. import android.util.Log;
  15. import android.view.View;
  16. import android.widget.TextView;
  17.  
  18. import com.lan.lanidemo.R;
  19.  
  20. import static android.content.ContentValues.TAG;
  21.  
  22. /**
  23.  * TODO: document your custom view class.
  24.  */
  25. public class SuperCircleView extends View {
  26.     private String mExampleString; // TODO: use a default from R.string...
  27.     private int mExampleColor = Color.RED; // TODO: use a default from R.color...
  28.     private float mExampleDimension = 0; // TODO: use a default from R.dimen...
  29.     private Drawable mExampleDrawable;
  30.  
  31.     private TextPaint mTextPaint;
  32.     private float mTextWidth;
  33.     private float mTextHeight;
  34.     private ValueAnimator valueAnimator;
  35.     private int mViewCenterX;   //view宽的中心点(可以暂时理解为圆心)
  36.     private int mViewCenterY;   //view高的中心点(可以暂时理解为圆心)
  37.  
  38.     private int mMinRadio; //最里面白色圆的半径
  39.     private float mRingWidth; //圆环的宽度
  40.     private int mMinCircleColor;    //最里面圆的颜色
  41.     private int mRingNormalColor;    //默认圆环的颜色
  42.     private Paint mPaint;
  43.     private int color[] = new int[3];   //渐变颜色
  44.  
  45.     private RectF mRectF; //圆环的矩形区域
  46.     private int mSelectRing = 0; //要显示的彩色区域(岁数值变化)
  47.     float ringRadius;
  48.     private int mMaxValue;
  49.  
  50.     public SuperCircleView(Context context) {
  51.         super( context );
  52.         Log.d( TAG, "SuperCircleView: >>构造" );
  53.  
  54.         init( null, 0 );
  55.     }
  56.  
  57.     public SuperCircleView(Context context, AttributeSet attrs) {
  58.         super( context, attrs );
  59.         Log.d( TAG, "SuperCircleView: >>构造2" );
  60.  
  61.         init( attrs, 0 );
  62.  
  63.     }
  64.  
  65.     public SuperCircleView(Context context, AttributeSet attrs, int defStyle) {
  66.         super( context, attrs, defStyle );
  67.         init( attrs, defStyle );
  68.     }
  69.  
  70.     private void init(AttributeSet attrs, int defStyle) {
  71.         // Load attributes
  72.  
  73.         TypedArray a =  getContext().obtainStyledAttributes(attrs, R.styleable.SuperCircleView);
  74.         //最里面白色圆的半径
  75.         mMinRadio = a.getInteger(R.styleable.SuperCircleView_min_circle_radio, 300);
  76.         //圆环宽度
  77.         mRingWidth = a.getFloat(R.styleable.SuperCircleView_ring_width, 40);
  78.  
  79.         //最里面的圆的颜色(绿色)
  80.         mMinCircleColor = a.getColor(R.styleable.SuperCircleView_circle_color,
  81.                 getContext().getResources().getColor(R.color.green));
  82.         //圆环的默认颜色(圆环占据的是里面的圆的空间)
  83.         mRingNormalColor = a.getColor(R.styleable.SuperCircleView_ring_normal_color,
  84.                 getContext().getResources().getColor(R.color.gray));
  85.         //圆环要显示的彩色的区域
  86.         mSelectRing = a.getInt(R.styleable.SuperCircleView_ring_color_select, 0);
  87.  
  88.         mMaxValue = a.getInt(R.styleable.SuperCircleView_maxValue, 100);
  89.         ringRadius = a.getDimension( R.styleable.SuperCircleView_ring_radius,  dp2px(100)  );
  90.  
  91.         a.recycle();
  92.  
  93.         //抗锯齿画笔
  94.         mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
  95.         //防止边缘锯齿
  96.         mPaint.setAntiAlias(true);
  97.         //需要重写onDraw就得调用此
  98.         this.setWillNotDraw(false);
  99.  
  100.         //圆环渐变的颜色
  101.         color[0] = Color.parseColor("#FFD300");
  102.         color[1] = Color.parseColor("#FF0084");
  103.         color[2] = Color.parseColor("#16FF00");
  104.     }
  105.  
  106.     public int dp2px(float dpValue) {
  107.         final float scale = Resources.getSystem().getDisplayMetrics().density;
  108.         return (int) (dpValue * scale + 0.5f);
  109.     }
  110.  
  111.     @Override
  112.     protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
  113.         super.onLayout(changed, left, top, right, bottom);
  114.         //view的宽和高,相对于父布局(用于确定圆心)
  115.         int viewWidth = getMeasuredWidth();
  116.         int viewHeight = getMeasuredHeight();
  117.         mViewCenterX = viewWidth / 2;
  118.         mViewCenterY = viewHeight / 2;
  119.         mRectF = new RectF(
  120.                 mViewCenterX - ringRadius,
  121.                 mViewCenterY - ringRadius,
  122.                 mViewCenterX + ringRadius,
  123.                 mViewCenterY + ringRadius
  124.         );
  125.     }
  126.  
  127.     private void invalidateTextPaintAndMeasurements() {
  128.         mTextPaint.setTextSize( mExampleDimension );
  129.         mTextPaint.setColor( mExampleColor );
  130.         mTextWidth = mTextPaint.measureText( mExampleString );
  131.  
  132.         Paint.FontMetrics fontMetrics = mTextPaint.getFontMetrics();
  133.         mTextHeight = fontMetrics.bottom;
  134.     }
  135.  
  136.     @Override
  137.     protected void onDraw(Canvas canvas) {
  138.         super.onDraw( canvas );
  139.         mPaint.setColor(mMinCircleColor);
  140.         canvas.drawCircle(mViewCenterX, mViewCenterY, mMinRadio, mPaint);
  141.         //画默认圆环
  142.         drawNormalRing(canvas);
  143.         //画彩色圆环
  144.         drawColorRing(canvas);
  145.     }
  146.     /**
  147.      * 画默认圆环
  148.      *
  149.      * @param canvas
  150.      */
  151.     private void drawNormalRing(Canvas canvas) {
  152.         Paint ringNormalPaint = new Paint(mPaint);
  153.         ringNormalPaint.setStyle(Paint.Style.STROKE);
  154.         ringNormalPaint.setStrokeWidth(mRingWidth);
  155.         ringNormalPaint.setColor(mRingNormalColor);//圆环默认颜色为灰色
  156.         canvas.drawArc(mRectF, 360, 360, false, ringNormalPaint);
  157.     }
  158.  
  159.     /**
  160.      * 画彩色圆环
  161.      *
  162.      * @param canvas
  163.      */
  164.     private void drawColorRing(Canvas canvas) {
  165.         Paint ringColorPaint = new Paint(mPaint);
  166.         ringColorPaint.setStyle(Paint.Style.STROKE);
  167.         ringColorPaint.setStrokeWidth(mRingWidth);
  168.         ringColorPaint.setShader(new SweepGradient(mViewCenterX, mViewCenterX, color, null));
  169.         //逆时针旋转90度
  170.         canvas.rotate(-90, mViewCenterX, mViewCenterY);
  171.         canvas.drawArc(mRectF, 360, mSelectRing, false, ringColorPaint);
  172.         ringColorPaint.setShader(null);
  173.     }
  174.  
  175.     //***************************************用于更新圆环表示的数值*****************************************************
  176.     /**
  177.      * 设置当前值
  178.      *
  179.      * @param value
  180.      */
  181.     public void setValue(int value,TextView textView) {
  182.         if (value > mMaxValue) {
  183.             value = mMaxValue;
  184.         }
  185.         int start = 0;
  186.         int end = value;
  187.         startAnimator(start, end, 2000,textView);
  188.     }
  189.  
  190.     private void startAnimator(int start, int end, long animTime, final TextView textView) {
  191.         valueAnimator = ValueAnimator.ofInt(start, end);
  192.         valueAnimator.setDuration(animTime);
  193.         valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
  194.             @Override
  195.             public void onAnimationUpdate(ValueAnimator animation) {
  196.                 Log.i(TAG, "onAnimationUpdate: animation.getAnimatedValue()::"+animation.getAnimatedValue());
  197.                 int i = Integer.valueOf(String.valueOf(animation.getAnimatedValue()));
  198.                 textView.setText(i + "");
  199.                 //每个单位长度占多少度
  200.                 mSelectRing=(int) (360 * (i / 100f));
  201.                 Log.i(TAG, "onAnimationUpdate: mSelectRing::"+mSelectRing);
  202.                 invalidate();
  203.             }
  204.         });
  205.         valueAnimator.start();
  206.     }
  207.  
  208.  
  209.     /**
  210.      * Gets the example string attribute value.
  211.      *
  212.      * @return The example string attribute value.
  213.      */
  214.     public String getExampleString() {
  215.         return mExampleString;
  216.     }
  217.  
  218.     /**
  219.      * Sets the view"s example string attribute value. In the example view, this string
  220.      * is the text to draw.
  221.      *
  222.      * @param exampleString The example string attribute value to use.
  223.      */
  224.     public void setExampleString(String exampleString) {
  225.         mExampleString = exampleString;
  226.         invalidateTextPaintAndMeasurements();
  227.     }
  228.  
  229.     /**
  230.      * Gets the example color attribute value.
  231.      *
  232.      * @return The example color attribute value.
  233.      */
  234.     public int getExampleColor() {
  235.         return mExampleColor;
  236.     }
  237.  
  238.     /**
  239.      * Sets the view"s example color attribute value. In the example view, this color
  240.      * is the font color.
  241.      *
  242.      * @param exampleColor The example color attribute value to use.
  243.      */
  244.     public void setExampleColor(int exampleColor) {
  245.         mExampleColor = exampleColor;
  246.         invalidateTextPaintAndMeasurements();
  247.     }
  248.  
  249.     /**
  250.      * Gets the example dimension attribute value.
  251.      *
  252.      * @return The example dimension attribute value.
  253.      */
  254.     public float getExampleDimension() {
  255.         return mExampleDimension;
  256.     }
  257.  
  258.     /**
  259.      * Sets the view"s example dimension attribute value. In the example view, this dimension
  260.      * is the font size.
  261.      *
  262.      * @param exampleDimension The example dimension attribute value to use.
  263.      */
  264.     public void setExampleDimension(float exampleDimension) {
  265.         mExampleDimension = exampleDimension;
  266.         invalidateTextPaintAndMeasurements();
  267.     }
  268.  
  269.     /**
  270.      * Gets the example drawable attribute value.
  271.      *
  272.      * @return The example drawable attribute value.
  273.      */
  274.     public Drawable getExampleDrawable() {
  275.         return mExampleDrawable;
  276.     }
  277.  
  278.     /**
  279.      * Sets the view"s example drawable attribute value. In the example view, this drawable is
  280.      * drawn above the text.
  281.      *
  282.      * @param exampleDrawable The example drawable attribute value to use.
  283.      */
  284.     public void setExampleDrawable(Drawable exampleDrawable) {
  285.         mExampleDrawable = exampleDrawable;
  286.     }
  287. }

8.更新自定义布局：sample_super_circle_view.xml

  1. <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2.     xmlns:app="http://schemas.android.com/apk/res-auto"
  3.     android:layout_width="match_parent"
  4.     android:layout_height="match_parent">
  5.  
  6.     <com.lan.lanidemo.customeview.SuperCircleView
  7.         style="@style/Widget.Theme.LaniDemo.MyView"
  8.         android:layout_width="300dp"
  9.         android:layout_height="300dp"
  10.         android:paddingLeft="20dp"
  11.         android:paddingBottom="40dp"
  12.         app:exampleDimension="24sp"
  13.         app:exampleDrawable="@android:drawable/ic_menu_add"
  14.         app:exampleString="Hello, SuperCircleView" />
  15.  
  16. </FrameLayout>

9.最后在新建一个页面：ThreeActivity, 并在AndroidManifest.xml，设置为启动页面。创建完成后，在xml添加自定义view：activity_three.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     xmlns:app="http://schemas.android.com/apk/res-auto"
  4.     android:layout_width="match_parent"
  5.     android:layout_height="match_parent"
  6.  
  7.  
  8.     android:orientation="vertical">
  9.  
  10.     <TextView
  11.         android:id="@+id/tv_three"
  12.         android:layout_width="match_parent"
  13.         android:layout_height="wrap_content"
  14.         android:text="This is Three page"
  15.         android:textSize="30sp" />
  16.  
  17.     <FrameLayout
  18.         android:layout_width="300dp"
  19.         android:layout_height="300dp"
  20.         android:layout_gravity="center">
  21.  
  22.         <com.lan.lanidemo.customeview.SuperCircleView
  23.             android:id="@+id/superview"
  24.             android:layout_width="wrap_content"
  25.             android:layout_height="wrap_content"
  26.             android:layout_gravity="center"
  27.             app:maxValue="100"
  28.             app:ring_width="60"
  29.             app:value="20" />
  30.  
  31.         <TextView
  32.             android:layout_width="wrap_content"
  33.             android:layout_height="wrap_content"
  34.             android:layout_gravity="center"
  35.             android:layout_marginBottom="60dp"
  36.             android:text="信息完成度"
  37.             android:textColor="#CFD5DE"
  38.             android:textSize="18sp" />
  39.         <LinearLayout
  40.             android:layout_width="wrap_content"
  41.             android:layout_height="wrap_content"
  42.             android:layout_gravity="center"
  43.             android:layout_marginTop="10dp"
  44.             android:orientation="horizontal">
  45.  
  46.             <TextView
  47.                 android:id="@+id/tv"
  48.                 android:layout_width="wrap_content"
  49.                 android:layout_height="wrap_content"
  50.                 android:text="0"
  51.                 android:textColor="#506946"
  52.                 android:textSize="80sp" />
  53.  
  54.             <TextView
  55.                 android:layout_width="wrap_content"
  56.                 android:layout_height="wrap_content"
  57.                 android:text="%"
  58.                 android:textSize="28sp" />
  59.         </LinearLayout>
  60.  
  61.     </FrameLayout>
  62.  
  63. </LinearLayout>

10. ThreeActivity.class 在启动页设置百分比。 同时增加一个点击事件，点击view可以随机变化百分比值。

  1. package com.lan.lanidemo;
  2.  
  3. import android.os.Bundle;
  4. import android.util.Log;
  5. import android.view.View;
  6. import android.widget.TextView;
  7.  
  8. import com.lan.lanidemo.customeview.SuperCircleView;
  9.  
  10. import java.util.Random;
  11.  
  12. import androidx.appcompat.app.AppCompatActivity;
  13.  
  14. public class ThreeActivity extends AppCompatActivity {
  15.  
  16.     private static final String TAG = "ThreeActivity";
  17.     private TextView mTextView;
  18.     SuperCircleView mSuperCircleView;
  19.     @Override
  20.     protected void onCreate(Bundle savedInstanceState) {
  21.         super.onCreate( savedInstanceState );
  22.         setContentView( R.layout.activity_three );
  23.         initView();
  24.  
  25.  
  26.     }
  27.  
  28.     private void initView() {
  29.         mTextView = (TextView) findViewById( R.id.tv );
  30.         mSuperCircleView = findViewById(R.id.superview);
  31.         mSuperCircleView.setValue(70, mTextView);
  32.         mSuperCircleView.setOnClickListener(new View.OnClickListener() {
  33.             @Override
  34.             public void onClick(View v) {
  35.                 //随机设定圆环大小
  36.                 int i = new Random().nextInt(100) + 1;
  37.                 Log.i(TAG, "onClick: i::" + i);
  38.                 mSuperCircleView.setValue(i, mTextView);
  39.             }
  40.         });
  41.     }
  42. }

11.最后运行，点击之后进度更新。

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/Gausst松鼠会/article/detail/673440
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号