android自定义view--温度计

最新推荐文章于 2024-06-21 09:40:04 发布
最新推荐文章于 2024-06-21 09:40:04 发布
阅读量1.6k 收藏 2
点赞数
分类专栏： android杂项
本文介绍了一种自定义Android温度计控件的实现方法。该控件能够动态显示温度变化，并通过不同颜色区域来区分正常与高热状态。文章详细阐述了控件绘制流程，包括背景、刻度线、文本及指示条的设计。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

package com.sharelink.mytest;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Rect;
import android.graphics.RectF;
import android.graphics.Typeface;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;
import android.util.Log;
import android.widget.ImageView;

import java.math.BigDecimal;

/**
 * Created by Administrator on 2017/3/3.
 */
public class Thermometer extends ImageView {

    private Paint mPaint;
    private int height, width, circle_radius;
    private int COLOR_BROWN = Color.parseColor("#A5937B");
    private int COLOR_YELLOW = Color.parseColor("#F7AF1F");
    private int COLOR_GRAY = Color.parseColor("#C1CDCD");
    private int COLOR_TEXT = Color.parseColor("#49BDCC");
    private float temperature = 0f;
    private float temp_temperature = 0f;

    public void setTemperature(float value) {

        Log.e(this.getClass().getSimpleName(), "setTemperature " + value);

        if (value < 0f) {
            value = 0;
        } else if (value > 41.5f) {
            value = 41.5f;
        }

        if (value <= 34f) {
            value = new BigDecimal(value).setScale(0, BigDecimal.ROUND_HALF_UP).floatValue();
        } else {
            value = new BigDecimal(value).setScale(1, BigDecimal.ROUND_HALF_UP).floatValue();
        }
        if (temp_temperature > value) {
            temp_temperature = 0f;
        }
        temperature = value;
        invalidate();
    }

    public Thermometer(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    public Thermometer(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        init();
    }

    private void init() {
        mPaint = new Paint();
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        this.height = getMeasuredHeight();
        this.width = getMeasuredWidth();
        circle_radius = width / 4;
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        drawBG(canvas);
        drawScale(canvas);
        drawFG(canvas);

        if (temp_temperature < temperature && temp_temperature < 41.5) {
            if (temp_temperature < 34) {
                BigDecimal b1 = new BigDecimal(Float.toString(temp_temperature));
                BigDecimal b2 = new BigDecimal(Float.toString(1f));
                temp_temperature = b1.add(b2).floatValue();
            } else {
                BigDecimal b1 = new BigDecimal(Float.toString(temp_temperature));
                BigDecimal b2 = new BigDecimal(Float.toString(0.1f));
                temp_temperature = b1.add(b2).floatValue();
            }
            invalidate();
        }
        // else if(temp_temperature>temperature && temp_temperature>0){
        // if (temp_temperature < 34) {
        // BigDecimal b1 = new BigDecimal(Float.toString(temp_temperature));
        // BigDecimal b2 = new BigDecimal(Float.toString(1f));
        // temp_temperature = b1.subtract(b2).floatValue();
        // } else {
        // BigDecimal b1 = new BigDecimal(Float.toString(temp_temperature));
        // BigDecimal b2 = new BigDecimal(Float.toString(0.1f));
        // temp_temperature = b1.subtract(b2).floatValue();
        // }
        // invalidate();
        // }
    }

    // private void refresh() {
    // postDelayed(new Runnable() {
    // @Override
    // public void run() {
    // if (temp_temperature < temperature && temp_temperature<41.5) {
    // if (temp_temperature < 34.5) {
    // BigDecimal b1 = new BigDecimal(Float.toString(temp_temperature));
    // BigDecimal b2 = new BigDecimal(Float.toString(0.1f));
    // temp_temperature = b1.add(b2).floatValue();
    // } else {
    // BigDecimal b1 = new BigDecimal(Float.toString(temp_temperature));
    // BigDecimal b2 = new BigDecimal(Float.toString(0.01f));
    // temp_temperature = b1.add(b2).floatValue();
    // }
    // invalidate();
    // refresh();
    // }else if(temp_temperature>temperature && temp_temperature>0){
    // if (temp_temperature < 34.5) {
    // BigDecimal b1 = new BigDecimal(Float.toString(temp_temperature));
    // BigDecimal b2 = new BigDecimal(Float.toString(0.1f));
    // temp_temperature = b1.subtract(b2).floatValue();
    // } else {
    // BigDecimal b1 = new BigDecimal(Float.toString(temp_temperature));
    // BigDecimal b2 = new BigDecimal(Float.toString(0.01f));
    // temp_temperature = b1.subtract(b2).floatValue();
    // }
    // invalidate();
    // refresh();
    // }
    // }
    // }, 50);
    // }

    private void drawScale(Canvas canvas) {
        drawLines(canvas);
        drawText(canvas);
    }

    private void drawText(Canvas canvas) {
        mPaint.reset();
        mPaint.setColor(COLOR_TEXT);
        mPaint.setAntiAlias(true);
        mPaint.setTextSize(60);
        Typeface font = Typeface.create(Typeface.DEFAULT_BOLD, Typeface.BOLD);
        mPaint.setTypeface(font);
        mPaint.setTextAlign(Paint.Align.CENTER);

        Paint.FontMetrics fontMetrics = mPaint.getFontMetrics();
        // 计算文字高度
        float fontHeight = fontMetrics.bottom - fontMetrics.top;

        int line_width = circle_radius * 2 / 3 - 10;
        int text_x = this.width - getPaddingRight() - (circle_radius - 5 + circle_radius) - line_width - line_width / 2
                - 15;

        int begin = 6;//41
        float recH = this.height - getPaddingBottom() - circle_radius - circle_radius + 15 - (getPaddingTop() + 5);

        while (begin >= 0) {  //35

            float addition = 6.5f - begin;
            float addition_h = addition / (41.5f - 34.5f) * recH;

            // 计算文字baseline
            canvas.drawText(String.valueOf(begin*10)+"℃", text_x, getPaddingTop() + addition_h + fontHeight / 3, mPaint);
            begin--;
        }
    }

    private void drawFG(Canvas canvas) {
        drawYellowArc(canvas, temp_temperature);
        drawYellowRec(canvas, temp_temperature);
        drawRecShadow(canvas);
        drawCircleShadow(canvas);
    }

    private void drawCircleShadow(Canvas canvas) {
        mPaint.reset();
        mPaint.setColor(Color.WHITE);
        mPaint.setAntiAlias(true);
        mPaint.setAlpha(80);

        int radius = (circle_radius - 5) * 2 / 5;

        int circle_x = this.width - getPaddingRight() - circle_radius * 3 / 4;
        int circle_y = this.height - getPaddingBottom() - circle_radius * 5 / 4;

        canvas.drawCircle(circle_x, circle_y, radius, mPaint);
    }

    private void drawRecShadow(Canvas canvas) {
        // mPaint.reset();
        // mPaint.setColor(Color.WHITE);
        // mPaint.setAntiAlias(true);
        // mPaint.setAlpha(50);
        //
        float begin = 41.2f;
        float end = 34.8f;
        float totalH = this.height - getPaddingBottom() - circle_radius - circle_radius + 15 - (getPaddingTop() + 5);
        float recH = totalH * (begin - end) / (41.5f - 34.5f);
        float beginY = getPaddingTop() + (41.5f - begin) / (41.5f - 34.5f) * totalH;
        //
        Rect r2 = new Rect(); // RectF对象
        r2.left = this.width - getPaddingRight() - circle_radius - circle_radius / 3 + 5 + circle_radius / 4; // 左边
        r2.top = (int) beginY; // 上边
        r2.right = this.width - getPaddingRight() - circle_radius + circle_radius / 3 - 5 - circle_radius / 10; // 右边
        r2.bottom = (int) (beginY + recH); // 下边
        // canvas.drawRect(r2, mPaint);

        Drawable d = getResources().getDrawable(R.drawable.recbtn);
        d.setBounds(r2);
        d.draw(canvas);
    }

    private void drawLines(Canvas canvas) {
        mPaint.reset();
        mPaint.setColor(COLOR_GRAY);
        mPaint.setAntiAlias(true);

        int line_width = circle_radius * 2 / 3 - 10;
        int line_x = this.width - getPaddingRight() - (circle_radius - 5 + circle_radius) - line_width;

        float begin = 41.0f;
        float recH = this.height - getPaddingBottom() - circle_radius - circle_radius + 15 - (getPaddingTop() + 5);

        while (begin >= 35) {

            float addition = 41.5f - begin;
            float addition_h = addition / (41.5f - 34.5f) * recH;
            int temp = (int) begin;
            if (begin - temp > 0) {
                canvas.drawLine(line_x + line_width * 3f / 4, getPaddingTop() + addition_h, line_x + line_width,
                        getPaddingTop() + addition_h, mPaint);
            } else {
                canvas.drawLine(line_x, getPaddingTop() + addition_h, line_x + line_width, getPaddingTop() + addition_h,
                        mPaint);
            }

            BigDecimal b1 = new BigDecimal(Float.toString(begin));
            BigDecimal b2 = new BigDecimal(Float.toString(0.1f));
            begin = b1.subtract(b2).floatValue();
        }

    }

    private void drawYellowRec(Canvas canvas, float temperature2) {
        if (temperature2 <= 34)
            return;
        float addition = temperature2 - 34.5f;
        double rate = addition / (41.5d - 34.5d);
        if (rate > 1f) {
            rate = 1f;
        }

        rate = 1 - rate;
        mPaint.reset();
        mPaint.setColor(COLOR_YELLOW);
        mPaint.setAntiAlias(true);
        float recH = this.height - getPaddingBottom() - circle_radius - circle_radius + 15 - (getPaddingTop() + 5);
        RectF r2 = new RectF(); // RectF对象
        r2.left = this.width - getPaddingRight() - circle_radius - circle_radius / 3 + 5; // 左边
        r2.top = (float) (getPaddingTop() + 5 + recH * rate); // 上边
        r2.right = this.width - getPaddingRight() - circle_radius + circle_radius / 3 - 5; // 右边
        r2.bottom = this.height - getPaddingBottom() - circle_radius - 5; // 下边

        if ((float) (getPaddingTop() + 5 + recH * rate) - 30 >= (getPaddingTop() + 5)) {
            canvas.drawRoundRect(r2, 0, 0, mPaint);
            RectF r3 = new RectF(); // RectF对象
            r3.left = this.width - getPaddingRight() - circle_radius - circle_radius / 3 + 5; // 左边
            r3.top = (float) (getPaddingTop() + 5 + recH * rate) - 20; // 上边
            r3.right = this.width - getPaddingRight() - circle_radius + circle_radius / 3 - 5; // 右边
            r3.bottom = (float) (getPaddingTop() + 5 + recH * rate); // 下边
            canvas.drawRoundRect(r3, 0, 0, mPaint);

            mPaint.setColor(COLOR_BROWN);
            RectF r4 = new RectF(); // RectF对象
            r4.left = this.width - getPaddingRight() - circle_radius - circle_radius / 3 + 5; // 左边
            r4.top = (float) (getPaddingTop() + 5 + recH * rate) - 30; // 上边
            r4.right = this.width - getPaddingRight() - circle_radius + circle_radius / 3 - 5; // 右边
            r4.bottom = (float) (getPaddingTop() + 5 + recH * rate); // 下边
            canvas.drawRoundRect(r4, 10, 10, mPaint);
        } else {
            if ((float) (getPaddingTop() + 5 + recH * rate) - 10 >= (getPaddingTop() + 5)) {
                canvas.drawRoundRect(r2, 0, 0, mPaint);
            } else
                canvas.drawRoundRect(r2, 20, 20, mPaint);
        }
    }

    private void drawYellowArc(Canvas canvas, float value) {
        mPaint.reset();
        mPaint.setColor(COLOR_YELLOW);
        mPaint.setAntiAlias(true);

        RectF r2 = new RectF(); // RectF对象
        r2.left = this.width - getPaddingRight() - (circle_radius - 5 + circle_radius); // 左边
        r2.top = this.height - getPaddingBottom() - (circle_radius - 5 + circle_radius); // 上边
        r2.right = this.width - getPaddingRight() - 5; // 右边
        r2.bottom = this.height - getPaddingBottom() - 5;

        if (value <= 34.5f) {
            if (value >= 0) {
                float angle = (value / 34.5f) * 360;
                float start_angle = 90 - angle / 2;
                canvas.drawArc(r2, start_angle, angle, false, mPaint);
            }
        } else {
            canvas.drawArc(r2, -90, 360, false, mPaint);
        }

    }

    private void drawBG(Canvas canvas) {
        drawWhiteCircle(canvas);
        drawWhiteRec(canvas);
        drawBrownCircle(canvas);
        drawBrownRec(canvas);
    }

    private void drawBrownRec(Canvas canvas) {
        mPaint.reset();
        mPaint.setColor(COLOR_BROWN);
        mPaint.setAntiAlias(true);

        RectF r2 = new RectF(); // RectF对象
        r2.left = this.width - getPaddingRight() - circle_radius - circle_radius / 3 + 5; // 左边
        r2.top = getPaddingTop() + 5; // 上边
        r2.right = this.width - getPaddingRight() - circle_radius + circle_radius / 3 - 5; // 右边
        r2.bottom = this.height - getPaddingBottom() - circle_radius - 5; // 下边
        canvas.drawRoundRect(r2, 20, 20, mPaint);
    }

    private void drawBrownCircle(Canvas canvas) {
        mPaint.reset();
        mPaint.setColor(COLOR_BROWN);
        mPaint.setAntiAlias(true);

        int brown_radius = circle_radius - 5;

        int circle_x = this.width - getPaddingRight() - circle_radius;
        int circle_y = this.height - getPaddingBottom() - circle_radius;

        canvas.drawCircle(circle_x, circle_y, brown_radius, mPaint);
    }

    private void drawWhiteRec(Canvas canvas) {
        mPaint.reset();
        mPaint.setColor(Color.WHITE);
        mPaint.setAntiAlias(true);

        RectF r2 = new RectF(); // RectF对象
        r2.left = this.width - getPaddingRight() - circle_radius - circle_radius / 3; // 左边
        r2.top = getPaddingTop(); // 上边
        r2.right = this.width - getPaddingRight() - circle_radius + circle_radius / 3; // 右边
        r2.bottom = this.height - circle_radius; // 下边
        canvas.drawRoundRect(r2, 20, 20, mPaint);
    }

    private void drawWhiteCircle(Canvas canvas) {
        mPaint.reset();
        mPaint.setColor(Color.WHITE);
        mPaint.setAntiAlias(true);

        int circle_x = this.width - getPaddingRight() - circle_radius;
        int circle_y = this.height - getPaddingBottom() - circle_radius;

        canvas.drawCircle(circle_x, circle_y, circle_radius, mPaint);
    }

}
Android 自定义View实现水平温度计
08-08
使用AndroidStudio 编写，注释详细，可供学习者参考。 自定义View实现水平方向的温度计，设定一个高温，超过这个高温则显示红色，正常时为绿色。文字跟随温度计颜色变化。
Android自定义组件view 温度计
zhtch_123的专栏
02-27 1571
package com.wlx.iblueyeclient.view; import android.content.Context; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; import android.util.AttributeSe
Android自定义View实践--圆盘温度计
07-30
原文地址：http://blog.youkuaiyun.com/android_cmos/article/details/52073778
android自定义view，温度计图表
qq_40387971的博客
08-16 1071
public class MyView1 extends View { private Path path1 = new Path(); //传进来的温度 private float temperature = (float) DeviceInfo.temperature; public MyView1(Context context) { su...
Android自定义View展示体温仪表盘~
kazarf的博客
06-23 723
体温是衡量人体健康标准的一大重要指标，由于新冠疫情的爆发，更加重了大家对于体温测量的重视。那什么体温是正常的呢？36~37.3℃。那有人说了：数字太枯燥了，看起来不是很直观，怎么办？？？因此今天就撸一个体温范围仪表盘的组件。希望能帮助到有这方面业务的朋友，同时也请记得出门佩戴口罩，时刻关注自己的体温哦。 先上效果图： 怎么样？这样是不是看起来就很清晰了，好现在来看看怎么实现它。 “你看又是点，又是弧线，又是文字，文字还旋转了，应该很麻烦吧...”其实也不是很麻烦，里面最重要的知识...
Android自定义View实战---圆盘温度计（1）
12-21
综上所述，创建Android自定义View——圆盘温度计，不仅涉及到图形绘制、事件处理，还涵盖了数据绑定、动画效果、性能优化等多个方面。通过这个实战项目，开发者可以深入理解Android视图系统的底层机制，提升自己的...
Android 自定义 温度计控件
m0_46582892的博客
11-07 971
自定义View
Android自定义View实战---圆盘温度计，2024年最新Android高级工程师进阶学习】
2401_84166147的博客
04-11 893
只有系统，有方向的学习，才能在短时间内迅速提高自己的技术，只有不断地学习，不懈的努力才能拥有更好的技术，才能在互联网行业中立于不败之地。只有系统，有方向的学习，才能在短时间内迅速提高自己的技术，只有不断地学习，不懈的努力才能拥有更好的技术，才能在互联网行业中立于不败之地。如果大家觉得自己在网上找的资料非常杂乱、不成体系的话，我也分享一套给大家，比较系统，我平常自己也会经常研读。如果大家觉得自己在网上找的资料非常杂乱、不成体系的话，我也分享一套给大家，比较系统，我平常自己也会经常研读。
Android利用温度传感器实现带动画效果的电子温度计
findhappy117的博客
02-15 952
Android利用温度传感器实现带动画效果的电子温度计。
android自定义圆形温度计,Android实现动态体温计
weixin_29213525的博客
05-26 929
本文实例为大家分享了Android实现动态体温计的具体代码，供大家参考，具体内容如下前段时间在做一个生理参数采集的项目，其中涉及到体温模块。这是我的部分总结。实现内容： 从文件中读取体温数据，动态绘制体温的效果。即体温数据随时间在不停的变化。体温计绘制效果为立体效果。实现原理：1、体温计的绘制绘制原理：体温计的大体框架由图1,2,4,5,6,7构成，绘制通过自定义View，DrawView的onD...
自定义控件仿天气折线图的绘制，有天气图片 温度显示等
11-07
自定义控件仿天气折线图的绘制，有天气图片 温度显示等。 基于Eclipse的android工程源码demo
jQuery绘制温度计
01-19
jQuery动态绘制温度计，体积小，很漂亮，喜欢的记得下载点赞哦
android:自定义温度计View
CuriousX的博客
08-24 3106
自定义一个View,实现温度计的功能 看完鸿洋大大的博客其中一篇关于自定义view的文章http://blog.youkuaiyun.com/lmj623565791/article/details/24252901，受益良多决定自己一试，并记录下自己的心得。关于编写自定义View的步骤，请大家阅读鸿洋大大的文章，在这里我就不再累述。 一、我们需要自定义温度计的属性，比如将温度计放入布局之后温度计
Android安卓自定义温度计/垂直进度条
weixin_44226356的博客
04-12 1082
安卓自定义温度计/垂直进度条 目标是在布局中添加一个可以显示数值的温度计。安卓提供的进度条样式有限，宽度不能调节。在网上搜到了几种方法都不理想，最后发现用两个重叠的图片就可以做到，不需要添加代码或自定义控件。 在布局文件中添加如下代码： <RelativeLayout android:layout_width="40dp" ...
Android自定义控件 温度旋转按钮
金戈鐡馬
03-01 769
以屏幕中心为画布原点，圆弧角度为270°，绘制未选中与选中状态的刻度盘。旋转方法中多减的2°是后期调整所得，不用在意。
android自定义圆形温度计,android使用svg制作自定义温度计控件
weixin_42420422的博客
05-26 352
效果图，可以设置液体百分比1,为什么要选择SVG？主要有这几方面的原因：1，SVG 是可伸缩的矢量图形，在浏览器中改变尺寸，其图形质量不会有所损失。2，相比其它位图，SVG图像文件更小，可压缩性更强。3，SVG 可以被记事本等阅读器、搜索引擎访问。4，SVG 图像中的文本是可选的，同时也是可复制的。5，SVG 可以制作成整体或局部动画。2.标签简单介绍一下标签M = moveto(M X,Y) ：...
推荐一款创新的Android应用：Thermometer — 您随身携带的温度计！
最新发布
gitblog_00002的博客
06-21 321
推荐一款创新的Android应用：Thermometer — 您随身携带的温度计！ 去发现同类优质开源项目:https://gitcode.com/ 项目介绍 Thermometer是一款专为Android设备设计的小巧而实用的温度计小部件。它不仅能够提供实时温度读数，还通过生动的动画效果带来更直观的温度感知体验。只需在您的手机或平板电脑上添加这个小部件，即可随时随地了解周围的环境温度。 项目技...
【高仿温度计】Android自定义控件 温度旋转按钮
Java和Android架构
01-02 4495
热文导读 | 点击标题阅读程序员的那些内心活动，你有没有过？吊炸天！74款APP完整源码！2018年快来了，BAT等一二线互联网公司Android面试题汇总来源：https://www.jianshu.com/p/2f7bfe1d73451.介绍首先看下效果图2.思路初始化一些参数绘制刻度盘绘制刻度盘下的圆弧绘制标题与温度标识绘制旋转按钮绘制温度处理滑动事件提供一些接口方法3.实现初始化一些参数绘
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值