自定义View改变圆的颜色设置开始、重置按钮

最新推荐文章于 2019-05-28 09:46:34 发布
最新推荐文章于 2019-05-28 09:46:34 发布
阅读量454 收藏
点赞数
分类专栏： 自定义view
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jiaosheng1/article/details/78450064
版权 
        《arrts布局》
        <?xml version="1.0" encoding="utf-8"?>
        <resources>
            <declare-styleable name="MyView">
                <attr name="roundColor" format="color"/>
                <attr name="roundProgressColor" format="color"/>
                <attr name="roundWidth" format="dimension"></attr>
                <attr name="textColor" format="color"/>
                <attr name="textSize" format="dimension"/>
                <attr name="max" format="integer"></attr>
                <attr name="textIsDisplayable" format="boolean"></attr>
                <attr name="style">
                    <enum name="TIME_TICKER" value="0"></enum>
                    <enum name="PROGRESS" value="1"></enum>
                </attr>
            </declare-styleable>
        </resources>


        《----布局----》
        <?xml version="1.0" encoding="utf-8"?>
        <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
            xmlns:app="http://schemas.android.com/apk/res-auto"
            xmlns:custom_progress="http://schemas.android.com/apk/res-auto"
            xmlns:tools="http://schemas.android.com/tools"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical"
            tools:context="com.example.adminjs.zhoukaoyi.MainActivity">

            <Button
                android:id="@+id/change"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="改变外层圆环颜色"/>
            <com.example.adminjs.zhoukaoyi.view.MyView
                android:layout_gravity="center"
                android:id="@+id/roundProgressBar_01"
                android:layout_width="80dip"
                android:layout_height="80dip"
                custom_progress:roundColor="#3300d1d1"
                custom_progress:roundProgressColor="@android:color/black"
                custom_progress:textColor="#9A32CD"
                custom_progress:textIsDisplayable="true"
                custom_progress:roundWidth="10dip"
                custom_progress:textSize="18sp"
                />

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal"
                android:layout_marginTop="100dp">
                <Button
                    android:id="@+id/start"
                    android:layout_width="0dp"
                    android:layout_weight="1"
                    android:layout_height="wrap_content"
                    android:text="开始"/>
                <Button
                    android:id="@+id/chongzhi"
                    android:layout_width="0dp"
                    android:layout_weight="1"
                    android:layout_height="wrap_content"
                    android:text="重置"/>
            </LinearLayout>

        </LinearLayout>


        《---主页面---》
        package com.example.adminjs.zhoukaoyi;

        import android.graphics.Color;
        import android.os.Bundle;
        import android.os.Handler;
        import android.os.Message;
        import android.support.v7.app.AppCompatActivity;
        import android.view.View;
        import android.widget.Button;

        import com.example.adminjs.zhoukaoyi.view.MyView;

        public class MainActivity extends AppCompatActivity {
            private MyView roundProgressBar_01 = null;
            private int TIME_TICKER = 0;
            private int progress = 0;
            private final int UPDATE_UI_01 = 1;
            private boolean flag;

            private Handler handler = new Handler(){
                @Override
                public void handleMessage(Message msg) {
                    // TODO Auto-generated method stub
                    super.handleMessage(msg);

                    switch(msg.what){
                        case UPDATE_UI_01:
                            progress++;
                            if(progress > 100){
                                progress = 0;
                            }
                            handler.sendEmptyMessageDelayed(UPDATE_UI_01, 300);
                            updateUIRoundProgressBar_01(progress);
                            break;
                    }
                }
            };



            private Button start,chongzhi,change;
            private MyView myView;
            @Override
            protected void onCreate(Bundle savedInstanceState) {
                super.onCreate(savedInstanceState);
                setContentView(R.layout.activity_main);
        //找到控件
                start = (Button) findViewById(R.id.start);
                chongzhi = (Button) findViewById(R.id.chongzhi);
                change = (Button) findViewById(R.id.change);
                myView = (MyView) findViewById(R.id.roundProgressBar_01);
                init();
                //开始的点击事件
                start.setOnClickListener(new View.OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        handler.sendEmptyMessageDelayed(UPDATE_UI_01, 300);
                    }
                });
                //重置的点击事件
                chongzhi.setOnClickListener(new View.OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        progress = 0;
                    }
                });
                //改变颜色的点击事件
                change.setOnClickListener(new View.OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        if(flag){
                            myView.setMyColor(Color.RED);
                            flag = false;
                        }else {
                            myView.setMyColor(Color.BLUE);
                            flag = true;
                        }
                    }
                });
            }

            private void init() {
                // TODO Auto-generated method stub
                roundProgressBar_01 = (MyView) findViewById(R.id.roundProgressBar_01);
                roundProgressBar_01.setStyle(TIME_TICKER);
                roundProgressBar_01.setProgress(1);
                progress = 1;
            }

            private void updateUIRoundProgressBar_01(int progress){
                roundProgressBar_01.setProgress(progress);
            }
        }


        《自定义View圆》
        package com.example.adminjs.zhoukaoyi.view;

        import android.content.Context;
        import android.content.res.TypedArray;
        import android.graphics.Canvas;
        import android.graphics.Color;
        import android.graphics.Paint;
        import android.graphics.RectF;
        import android.graphics.Typeface;
        import android.util.AttributeSet;
        import android.util.Log;
        import android.view.View;

        import com.example.adminjs.zhoukaoyi.R;

        /**
         * Created by Adminjs on 2017/11/5.
         */
        public class MyView extends View {
            private final static String TAG = "RoundProgressBar01";
            private Paint paint;
            private int roundColor;
            private int roundProgressColor;
            private int textColor;
            private float textSize;
            private float roundWidth;
            private int max;
            private int progress;
            private boolean textIsDisplayable;
            private int style;
            public static final int STROKE = 0;
            public static final int FILL = 1;
            public MyView(Context context) {
                super(context);
                init();
            }
            public MyView(Context context, AttributeSet attrs) {
                super(context, attrs);
                init();
                TypedArray mTypedArray = context.obtainStyledAttributes(attrs, R.styleable.MyView);
                roundColor = mTypedArray.getColor(R.styleable.MyView_roundColor, Color.RED);
                roundProgressColor = mTypedArray.getColor(R.styleable.MyView_roundProgressColor, Color.GREEN);
                textColor = mTypedArray.getColor(R.styleable.MyView_textColor, Color.GREEN);
                textSize = mTypedArray.getDimension(R.styleable.MyView_textSize, 15);
                roundWidth = mTypedArray.getDimension(R.styleable.MyView_roundWidth, 20);
                max = mTypedArray.getInteger(R.styleable.MyView_max, 100);
                textIsDisplayable = mTypedArray.getBoolean(R.styleable.MyView_textIsDisplayable, true);
                style = mTypedArray.getInt(R.styleable.MyView_style, 0);
                mTypedArray.recycle();
            }

            public MyView(Context context, AttributeSet attrs, int defStyleAttr) {
                super(context, attrs, defStyleAttr);
                init();
            }
            private void init() {
                paint = new Paint();
            }
            @Override
            protected void onDraw(Canvas canvas) {
                super.onDraw(canvas);
                int centre = getWidth()/2; //获取圆心的x坐标
                int radius = (int) (centre - roundWidth/2); //圆环的半径
                paint.setColor(roundColor); //设置圆环的颜色
                paint.setStyle(Paint.Style.STROKE); //设置空心
                paint.setStrokeWidth(roundWidth); //设置圆环的宽度
                paint.setAntiAlias(true);  //消除锯齿
                canvas.drawCircle(centre, centre, radius, paint); //画出圆环

                /**
                 * 画进度百分比
                 */
                paint.setStrokeWidth(0);
                paint.setColor(textColor);
                paint.setTextSize(textSize);
                paint.setTypeface(Typeface.DEFAULT_BOLD); //设置字体
                //中间的进度百分比，先转换成float在进行除法运算，不然都为0
                int percent = (int)(((float)progress / (float)max) * 100);
                //测量字体宽度，我们需要根据字体的宽度设置在圆环中间
                float textWidth = paint.measureText(percent + "%");
                Log.i(TAG, "onDraw:"+"textIsDisplayable:"+textIsDisplayable+"--percent:"+percent+"--style == STROKE:"+(style == STROKE));
                //if(textIsDisplayable && percent != 0 && style == STROKE){
                if(textIsDisplayable && style == STROKE){
                    //画出进度百分比
                    canvas.drawText(percent + "%", centre - textWidth / 2, centre + textSize/2, paint);
                }

                /**
                 * 画圆弧 ，画圆环的进度
                 */

                //设置进度是实心还是空心
                paint.setStrokeWidth(roundWidth); //设置圆环的宽度
                paint.setColor(roundProgressColor);  //设置进度的颜色
                //用于定义的圆弧的形状和大小的界限
                RectF oval = new RectF(centre - radius, centre - radius, centre+ radius, centre + radius);
                switch (style) {
                    case STROKE:{
                        paint.setStyle(Paint.Style.STROKE);
                        //根据进度画圆弧
                        canvas.drawArc(oval, 0, 360 * progress / max, false, paint);
                        break;
                    }
                    case FILL:{
                        paint.setStyle(Paint.Style.FILL_AND_STROKE);
                        if(progress !=0)
                            //根据进度画圆弧
                            canvas.drawArc(oval, 0, 360 * progress / max, true, paint);
                        break;
                    }
                }
            }

            public synchronized int getMax() {
                return max;
            }
            public synchronized void setMax(int max) {
                if(max < 0){
                    throw new IllegalArgumentException("max not less than 0");
                }
                this.max = max;
            }
            public synchronized int getProgress() {
                return progress;
            }

            public synchronized void setProgress(int progress) {
                if(progress < 0){
                    throw new IllegalArgumentException("progress not less than 0");
                }
                if(progress > max){
                    progress = max;
                }
                if(progress <= max){
                    this.progress = progress;
                    postInvalidate();
                }
            }

            public int getCricleColor() {
                return roundColor;
            }
            public void setCricleColor(int cricleColor) {
                this.roundColor = cricleColor;
            }
            public int getCricleProgressColor() {
                return roundProgressColor;
            }
            public void setCricleProgressColor(int cricleProgressColor) {
                this.roundProgressColor = cricleProgressColor;
            }
            public int getTextColor() {
                return textColor;
            }
            public void setTextColor(int textColor) {
                this.textColor = textColor;
            }
            public float getTextSize() {
                return textSize;
            }
            public void setTextSize(float textSize) {
                this.textSize = textSize;
            }
            public float getRoundWidth() {
                return roundWidth;
            }
            public void setRoundWidth(float roundWidth) {
                this.roundWidth = roundWidth;
            }
            public synchronized void setStyle(int style){
                this.style = style;
            }
            //改变颜色的方法
            public void setMyColor(int color){
                roundColor = color;
                invalidate();
            }
        }
JSHeng@
关注
专栏目录
自定义圆形进度条
一花一世界的博客
05-12 389
背景 开发过程当中，当我们进行上传、下载或者更新等项目需求时，往往需要给用户展示一个进度值用于显示当前的更新状态，便于用户进行操作处理。当原生的控件满足不了展示需要时，就要我们自己定制所需要的展示效果，值此情景时各种各样的自定义进度展示控件便应用而生。以下简单介绍几种常见的显示样式，实现的方式大同小异，大家可以根据自己的需求简单修改配置即可。 效果图： 常见的使用样式 Progress
Android 自定义View实现动态炫酷按钮
HyperionChen
03-01 3782
普通按钮也就那么几种样式，看着都审美疲劳，先放效果图，演示Demo+源码在最后面 你会不会以为这个按钮是集结了很多动画的产物，我告诉你，并没有。所有的实现都是基于自定义View，采用最底层的onDraw一点一点的画出来的。没有采用一丁点的动画。虽然演示时间很短，但是要完成这么多变化，还是挺吃力。 首先讲解用法： public class MainActivity extend
圆形进度条和带文字的进度条
06-11
圆形和带文字的进度条控件源码
自定义View实现拖动小圆球，并随机改变其颜色
wangerdie的博客
05-28 842
//简单实现 package com.example.demo1; import android.content.Context; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; import android.util.AttributeSet; import...
Android 自定义 View 的重绘和更新使用
IT_MR_JIE的博客
05-27 1万+
对于新手来说，自定义 View 是一种很让人头疼的实现。自定义过程网上已经很多 demo 了。主要还是让自定义 View 继承自 View 类，然后重写他的onMeasure（） 、onDraw（）、和 onLayout（）方法。在 onMeasure（）方法中测量出自定义控件的宽和高并且调用setMeasuredDimension(width, height)方法将宽高配置好，然后调用 onLa
Android自定义View获取注册验证码倒计时按钮
01-20
// 当倒计时结束，重置按钮状态 if (countdownLength ) { countdownLength = length; timer.cancel(); timerTask = null; setText(beforeText); } } }; } ``` 在`handleMessage()`方法中，我们需要计算剩余...
自定义view，仿微信点击拍照，长按录制视频按钮
qq_36675808的博客
04-11 2646
最近终于想好了自己发展方向，决定学一学相关的知识，第一课决定从微信的小视频学起，而小视频的第一步就是点击按钮的制作。照例先放效果图 这个按钮提供了轻触和长按两种回掉，长按回掉里还包括了正常回掉和录制时间过短的回掉。   这个自定义view的知识点有：                                         1.两个圆盘的绘制                  ...
android 自定义View 手写签名
09-16
在Android开发中，自定义View是一项重要的技能，它允许开发者根据特定需求创建独特且功能丰富的用户界面。手写签名功能是许多应用中常见的一个需求，比如电子合同签署、绘图应用或者用户登录验证等。本篇文章将深入...
自定义View实战--实现一个清新美观的加载按钮
热门推荐
frank 的专栏
05-18 1万+
在 Dribble 上偶然看到了一组交互如下： 当时在心里问自己能不能做，答案肯定是能做的，不过我比较懒，觉得中间那个伸缩变化要编写很多代码，所以懒得理。后来，为了不让自己那么浮躁，也为了锻炼自己的耐心程度，还是坚持实现它了。这个过程，觉得自己还是有所收获，把握了一些想当然的细节，输理了对于自定义 View 的流程。我将这个自定义 View，起了一个名字叫做 LoadButton。这篇文章涉及到的
Java实现圆圈旋转效果，等待、加载、刷新、旋转进度条
08-11
Java代码实现圆圈旋转效果，比如在线看电影缓存时的旋转圆圈，网页刷新时的旋转圆圈，等待时
Android 自定义View实现环形带刻度颜色渐变的进度条
07-01
详情请查看博客：https://blog.csdn.net/qq_20785431/article/details/80872856
自定义View---圆形进度条&&点击改变颜色
Dabinmo
10-09 487
自定义View---圆形进度条&&点击改变颜色 二话不说先看效果 总共分四步就可以完成 先在res/values 下面建立attrs.xml 接着在 布局文件
pyqt5 QGraphicsView颜色动画问题（不兼容，运行不了动画）
weixin_34122548的博客
03-01 381
初学动画。无敌踩坑，资料真的是太少了。。。。。本坑是一个大坑，只有解决方法，但实质原因仍不清楚 在一篇资料中了解到我们可以通过QGraphicsView来实现动画QPropertyAnimation 自己随意写了一个测试界面大致如下 #!/usr/bin/python3 # -*- coding: utf-8 -*- """ Author: semishigure Websi...
Android 如何保存与恢复自定义View的状态？
蓝天白云梦的csdn博客
01-20 6613
在上一篇文章Android状态保存与恢复流程 完全解析，笔者详细地介绍了Activity、Fragment、View等的状态保存与恢复流程，相信大家对状态的保存与恢复都有了一定熟悉。而这篇文章就着重介绍自定义View该怎样保存与恢复状态，因为每个自定义View都是不同的情况，所以我们一般需要重写View的onSaveInstanceState()或onRestoreInstanceState()
安卓自定义View基础-颜色
GcsSloop
01-11 3891
简要介绍安卓中的颜色相关内容，包括颜色的定义，创建颜色的几种方式，以及颜色的混合模式等。
WxParse-微信小程序富文本解析自定义组件，支持HTML和markdown解析.zip
最新发布
10-04
WxParse-微信小程序富文本解析自定义组件，支持HTML和markdown解析
Android自定义View：仿饿了么购物车动画按钮实现
通过使用纯自定义View而非ViewGroup来实现，以优化性能并降低布局复杂度。 在Android开发中，创建自定义View可以提供更高效且灵活的界面组件。本示例中的控件`AnimShopButton`就是这样一个例子，它不是基于...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值