android ——自定义计步器

2023-12-21 19:12
文章标签 android 自定义 计步器

本文主要是介绍android ——自定义计步器，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

一、运行效果展示

在这里插入图片描述

二、代码解析：

1、res — values下新建attrs.xml文件:

<?xml version="1.0" encoding="utf-8"?>
<resources><declare-styleable name="QQStepView">
<!--       定义两个圆弧的颜色--><attr name="outerColor" format="color"/> <attr name="innerColor" format="color"/>
<!--       圆弧边框大小，两个边框尺寸一样，只定义一个即可--><attr name="borderWidth" format="dimension"/>
<!--       圆弧内字体的大小和颜色--><attr name="stepTextSize" format="dimension"/><attr name="stepTextColor" format="color"/></declare-styleable>
</resources>

2、新建QQStepView类继承View

public class QQStepView extends View {private int mOuterColor= Color.RED;private int mInnerColor=Color.BLUE;private int mBorderWidth=20;private int mStepTextSize;private int mStepTextColor;//    画外圆的画笔private Paint mOutPaint;
//    画内圆的画笔private Paint mInterPaint;
//    文字画笔private Paint mTextPaint;//   总共的private int mStepMax=0;
//    当前的步数private int mCurrentStep=0;public QQStepView(Context context) {this(context,null);}public QQStepView(Context context, @Nullable AttributeSet attrs) {this(context, attrs,0);}public QQStepView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {super(context, attrs, defStyleAttr);
//        1、分析效果
//        2、确定自定义属性，编写attrs.xml文件
//        3、在布局文件中使用
//        4、在自定义view中获取自定义属性TypedArray array= context.obtainStyledAttributes(attrs, R.styleable.QQStepView);mOuterColor=array.getColor(R.styleable.QQStepView_outerColor,mOuterColor);mInnerColor=array.getColor(R.styleable.QQStepView_innerColor,mInnerColor);mBorderWidth=(int) array.getDimension(R.styleable.QQStepView_borderWidth,mBorderWidth);mStepTextColor=array.getColor(R.styleable.QQStepView_stepTextColor,mStepTextColor);mStepTextSize=array.getDimensionPixelSize(R.styleable.QQStepView_stepTextSize,mStepTextSize);array.recycle();mOutPaint=new Paint();mOutPaint.setColor(mOuterColor);mOutPaint.setStrokeWidth(mBorderWidth); //画笔宽度mOutPaint.setAntiAlias(true); //抗锯齿mOutPaint.setStrokeCap(Paint.Cap.ROUND); // 圆弧末尾圆角mOutPaint.setStyle(Paint.Style.STROKE); //设置画笔空心mInterPaint=new Paint();mInterPaint.setColor(mInnerColor);mInterPaint.setStrokeWidth(mBorderWidth); //画笔宽度mInterPaint.setAntiAlias(true); //抗锯齿mInterPaint.setStrokeCap(Paint.Cap.ROUND); // 圆弧末尾圆角mInterPaint.setStyle(Paint.Style.STROKE); //设置画笔空心mTextPaint=new Paint();mTextPaint.setColor(mInnerColor);mTextPaint.setAntiAlias(true); //抗锯齿mTextPaint.setTextSize(mStepTextSize);
//        5、onMeasure
//        6、画外圆弧、内圆弧和文字
//        7、其他}//5、onMeasure@Overrideprotected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {super.onMeasure(widthMeasureSpec, heightMeasureSpec);
//        调用者在布局文件可能是wrap_content
//        宽高不一致取最小值，确保是一个正方型int width = MeasureSpec.getSize(widthMeasureSpec);int height = MeasureSpec.getSize(heightMeasureSpec);setMeasuredDimension(Math.min(width, height), Math.min(width, height));}//6、画外圆弧、内圆弧和文字@Overrideprotected void onDraw(Canvas canvas) {super.onDraw(canvas);//        6.1、画外圆弧
//        中心点int center=getWidth()/2;int radius=getWidth()/2-mBorderWidth/2;
//        RectF rectF=new RectF(mBorderWidth/2,mBorderWidth/2,getWidth()-mBorderWidth/2,
//                getHeight()-mBorderWidth/2);RectF rectF=new RectF(center-radius,center-radius,center+radius,center+radius);canvas.drawArc(rectF,135,270,false,mOutPaint);
//        6.2、画内圆弧 ,值从外面传进来if (mStepMax == 0) return;float sweepAngle=(float) mCurrentStep/mStepMax;canvas.drawArc(rectF,135,sweepAngle*270,false,mInterPaint);
//        6.3、画文字String stepText=mCurrentStep+"";Rect textBounds=new Rect();mTextPaint.getTextBounds(stepText,0,stepText.length(),textBounds);int dx= getWidth()/2-textBounds.width()/2;
//        基线Paint.FontMetricsInt fontMetricsInt=mTextPaint.getFontMetricsInt();int dy=(fontMetricsInt.bottom - fontMetricsInt.top)/2-fontMetricsInt.bottom;int baseLine=getHeight()/2+dy;canvas.drawText(stepText,dx,baseLine,mTextPaint);}
//    7、其它，添加动画public void setStepMax(int stepMax){this.mStepMax=stepMax;}public synchronized void setCurrentStep(int currentStep){this.mCurrentStep=currentStep;invalidate(); //不断重绘}
}

3、页面xml文件中引入：

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"><data></data><androidx.constraintlayout.widget.ConstraintLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"tools:context=".CustomViewActivity"><com.lxd.androiduidemo.view.QQStepViewandroid:id="@+id/step_view"app:outerColor="@color/purple_700"app:innerColor="@color/teal_700"app:borderWidth="16dp"app:stepTextColor="@color/teal_700"app:stepTextSize="36sp"android:layout_width="200dp"android:layout_height="200dp"app:layout_constraintLeft_toLeftOf="parent"app:layout_constraintTop_toTopOf="parent"app:layout_constraintRight_toRightOf="parent"app:layout_constraintBottom_toBottomOf="parent" /></androidx.constraintlayout.widget.ConstraintLayout>
</layout>

四、页面中设置最大值，运动步数和动画：

    private ActivityCustomViewBinding customViewBinding;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);customViewBinding = DataBindingUtil.setContentView(this, R.layout.activity_custom_view);QQStepView stepView = customViewBinding.stepView;stepView.setStepMax(4000); //设置最大值stepView.setCurrentStep(3000); // 最大步数//        添加属性动画ValueAnimator animator=ObjectAnimator.ofFloat(0,3000);animator.setDuration(2000);animator.setInterpolator(new DecelerateInterpolator());//添加插值器（动画执行先快后慢）animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {@Overridepublic void onAnimationUpdate(@NonNull ValueAnimator animation) {float currentStep = (float)animation.getAnimatedValue();stepView.setCurrentStep((int) currentStep);}});animator.start();}

这篇关于android ——自定义计步器的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/521161。

相关文章

Android数据库Room的实际使用过程总结

Android数据库Room的实际使用过程总结

《Android数据库Room的实际使用过程总结》这篇文章主要给大家介绍了关于Android数据库Room的实际使用过程,详细介绍了如何创建实体类、数据访问对象（DAO）和数据库抽象类,需要的朋友可以... 目录前言一、Room的基本使用1.项目配置2.创建实体类（Entity）3.创建数据访问对象（DAO
阅读更多...
SpringBoot 自定义消息转换器使用详解

SpringBoot 自定义消息转换器使用详解

《SpringBoot自定义消息转换器使用详解》本文详细介绍了SpringBoot消息转换器的知识,并通过案例操作演示了如何进行自定义消息转换器的定制开发和使用,感兴趣的朋友一起看看吧... 目录一、前言二、SpringBoot 内容协商介绍2.1 什么是内容协商2.2 内容协商机制深入理解2.2.1 内容
阅读更多...
Android WebView的加载超时处理方案

Android WebView的加载超时处理方案

《AndroidWebView的加载超时处理方案》在Android开发中,WebView是一个常用的组件,用于在应用中嵌入网页,然而,当网络状况不佳或页面加载过慢时,用户可能会遇到加载超时的问题,本... 目录引言一、WebView加载超时的原因二、加载超时处理方案1. 使用Handler和Timer进行超
阅读更多...
【前端学习】AntV G6-08 深入图形与图形分组、自定义节点、节点动画（下）

【前端学习】AntV G6-08 深入图形与图形分组、自定义节点、节点动画（下）

【课程链接】 AntV G6：深入图形与图形分组、自定义节点、节点动画（下）_哔哩哔哩_bilibili 本章十吾老师讲解了一个复杂的自定义节点中，应该怎样去计算和绘制图形，如何给一个图形制作不间断的动画，以及在鼠标事件之后产生动画。（有点难，需要好好理解） <!DOCTYPE html><html><head><meta charset="UTF-8"><title>06
阅读更多...
Android实现任意版本设置默认的锁屏壁纸和桌面壁纸（两张壁纸可不一致）

Android实现任意版本设置默认的锁屏壁纸和桌面壁纸（两张壁纸可不一致）

客户有些需求需要设置默认壁纸和锁屏壁纸  在默认情况下 这两个壁纸是相同的  如果需要默认的锁屏壁纸和桌面壁纸不一样 需要额外修改 Android13实现 替换默认桌面壁纸： 将图片文件替换frameworks/base/core/res/res/drawable-nodpi/default_wallpaper.*  （注意不能是bmp格式） 替换默认锁屏壁纸： 将图片资源放入vendo
阅读更多...
Android平台播放RTSP流的几种方案探究（VLC VS ExoPlayer VS SmartPlayer）

Android平台播放RTSP流的几种方案探究（VLC VS ExoPlayer VS SmartPlayer）

技术背景 好多开发者需要遴选Android平台RTSP直播播放器的时候，不知道如何选的好，本文针对常用的方案，做个大概的说明： 1. 使用VLC for Android VLC Media Player（VLC多媒体播放器），最初命名为VideoLAN客户端，是VideoLAN品牌产品，是VideoLAN计划的多媒体播放器。它支持众多音频与视频解码器及文件格式，并支持DVD影音光盘，VCD影
阅读更多...
自定义类型：结构体(续)

自定义类型：结构体(续)

目录 一. 结构体的内存对齐 1.1 为什么存在内存对齐？ 1.2 修改默认对齐数 二. 结构体传参 三. 结构体实现位段 一. 结构体的内存对齐 在前面的文章里我们已经讲过一部分的内存对齐的知识，并举出了两个例子，我们再举出两个例子继续说明： struct S3{double a;int b;char c;};int mian(){printf("%zd\n",s
阅读更多...
android-opencv-jni

android-opencv-jni

//------------------start opencv--------------------@Override public void onResume(){ super.onResume(); //通过OpenCV引擎服务加载并初始化OpenCV类库，所谓OpenCV引擎服务即是 //OpenCV_2.4.3.2_Manager_2.4_*.apk程序包，存
阅读更多...
从状态管理到性能优化：全面解析 Android Compose

从状态管理到性能优化：全面解析 Android Compose

文章目录 引言一、Android Compose基本概念1.1 什么是Android Compose?1.2 Compose的优势1.3 如何在项目中使用Compose 二、Compose中的状态管理2.1 状态管理的重要性2.2 Compose中的状态和数据流2.3 使用State和MutableState处理状态2.4 通过ViewModel进行状态管理 三、Compose中的列表和滚动
阅读更多...
Spring 源码解读：自定义实现Bean定义的注册与解析

Spring 源码解读：自定义实现Bean定义的注册与解析

引言 在Spring框架中，Bean的注册与解析是整个依赖注入流程的核心步骤。通过Bean定义，Spring容器知道如何创建、配置和管理每个Bean实例。本篇文章将通过实现一个简化版的Bean定义注册与解析机制，帮助你理解Spring框架背后的设计逻辑。我们还将对比Spring中的BeanDefinition和BeanDefinitionRegistry，以全面掌握Bean注册和解析的核心原理。
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2