美文网首页
Android空调温度调节开关

Android空调温度调节开关

作者: zhongya666 | 来源:发表于2021-12-14 16:11 被阅读0次

大家好,最近项目中遇到了一个空调调节开关,感觉对于新手还是有点难度的,话不多说,先来看看具体的样式。


1639468973051.gif
class AirConditionerView : View {
    private var mSize = 0f
    private lateinit var mRectF: RectF
    private val widthBgCircle = 50f
    private val widthCircle = 20f
    private val startTemp = 16
    private val endTemp = 30
    private var currentTemp = 20
    private var oldTemp = 0
    private var oldLength = 0f
    private var totalLength = 0f
    private var unitLength = 0f
    private var isAdd = true

    private var mAnimator : ValueAnimator? = null

    private val SWEEP_GRADIENT_COLORS =
        intArrayOf(Color.parseColor("#FF00B6BB"), Color.parseColor("#FFFFAD40"),Color.RED)

    private lateinit var mRingPath: Path
    private lateinit var mRingPathBg: Path
    private lateinit var mDstPath: Path
    private lateinit var mPaintBg: Paint
    private lateinit var mPaint: Paint
    private lateinit var mPathMeasure: PathMeasure
    private var mCurAnimValue by Delegates.notNull<Float>()

    private var linearGradient: SweepGradient? = null

    constructor(context: Context) : super(context) {

    }

    constructor(context: Context, attrs: AttributeSet?) : super(context, attrs) {
        setLayerType(LAYER_TYPE_SOFTWARE, null)
        //画笔
        mPaintBg = Paint(Paint.ANTI_ALIAS_FLAG)
        mPaintBg.style = Paint.Style.STROKE
        mPaintBg.strokeWidth = widthBgCircle
        mPaintBg.color = Color.WHITE

        mPaint = Paint(Paint.ANTI_ALIAS_FLAG)
        mPaint.style = Paint.Style.STROKE
        mPaint.strokeCap = Paint.Cap.ROUND
        mPaint.strokeWidth = widthCircle
        //路径
        mRingPathBg = Path()
        mRingPath = Path()
        mDstPath = Path()

        startAnimator()
    }

    override fun onSizeChanged(w: Int, h: Int, oldw: Int, oldh: Int) {
        super.onSizeChanged(w, h, oldw, oldh)

        mSize = min(w, h).toFloat()
        mRectF = RectF(
            widthBgCircle / 2,
            widthBgCircle / 2,
            mSize - widthBgCircle / 2,
            mSize - widthBgCircle / 2
        )

        mPaint.shader = getSweepGradient()

        //背景白色圆环添加尺寸
        mRingPathBg.reset()
        mRingPathBg.addArc(mRectF, 0f, 360f)
        //温度圆环路径
        mRingPath.reset()
        mRingPath.addArc(mRectF, 60f, 240f)

        mPathMeasure = PathMeasure(mRingPath, false)

        //计算每度的单位长度
        totalLength = mPathMeasure.length
        unitLength = totalLength / (endTemp - startTemp)

        oldLength = (currentTemp - startTemp) * unitLength
        oldTemp = currentTemp

    }

    override fun onDraw(canvas: Canvas?) {
        super.onDraw(canvas)

        mPaintBg.style = Paint.Style.FILL
        mPaintBg.textSize=50f
        mPaintBg.textAlign = Paint.Align.CENTER

        //绘制中间的温度
        val fontMetrics: Paint.FontMetrics = mPaintBg.fontMetrics
        val fontHeight: Float = fontMetrics.bottom - fontMetrics.top
        val textBaseY: Float = height - (height - fontHeight) / 2 - fontMetrics.bottom
        canvas?.drawText("$currentTemp°C",mSize/2,textBaseY,mPaintBg)

        //绘制两边的温度
        mPaintBg.textSize = 20f
        canvas?.drawText("${startTemp}°C",20f,mSize-20,mPaintBg)
        canvas?.drawText("${endTemp}°C",mSize-20,mSize-20,mPaintBg)
        canvas?.rotate(90f, mSize / 2, mSize / 2)
        //画背景白色圆环
        mPaintBg.strokeWidth = widthBgCircle
        mPaintBg.style = Paint.Style.STROKE
        canvas?.drawPath(mRingPathBg, mPaintBg)
        mDstPath.reset()
        var currentLength = 0f
        if (isAdd){
            currentLength = oldLength + unitLength * (currentTemp - oldTemp) * mCurAnimValue
            mPathMeasure.getSegment(0f, currentLength, mDstPath, true)
            canvas?.drawPath(mDstPath, mPaint)
        }else{
            currentLength = oldLength - unitLength *(oldTemp - currentTemp) * mCurAnimValue
            mPathMeasure.getSegment(0f, currentLength, mDstPath, true)
            canvas?.drawPath(mDstPath, mPaint)
        }

        if (mCurAnimValue == 1f){
            oldLength = currentLength
            oldTemp = currentTemp
        }
    }

    private fun startAnimator() {
        mAnimator?.cancel()
        mAnimator = ValueAnimator.ofFloat(0f, 1f)
        mAnimator?.addUpdateListener {
            mCurAnimValue = mAnimator?.animatedValue as Float
            invalidate()
        }
        mAnimator?.duration = 150
        mAnimator?.start()

        mAnimator?.addListener(object : Animator.AnimatorListener {
            override fun onAnimationStart(animation: Animator?) {
            }

            override fun onAnimationEnd(animation: Animator?) {
            }

            override fun onAnimationCancel(animation: Animator?) {
            }

            override fun onAnimationRepeat(animation: Animator?) {
            }
        })
    }

    /**
     * 获取线性渐变
     *
     * @return
     */
    private fun getSweepGradient(): SweepGradient? {
        if (linearGradient == null) {
            linearGradient = SweepGradient(
                mSize / 2,
                mSize / 2,
                SWEEP_GRADIENT_COLORS,
                null
            )
        }
        return linearGradient
    }


    fun addTemp() {
        if (mAnimator?.isRunning == true){
            return
        }
        Log.e("wzy","$currentTemp")
        if (currentTemp>=endTemp){
            ToastUtil.show("温度已经最高")
            return
        }
        currentTemp++
        isAdd = true
        startAnimator()
    }

    fun reduceTemp() {
        if (mAnimator?.isRunning == true){
            return
        }
        Log.e("wzy","$currentTemp")
        if (currentTemp<=startTemp){
            ToastUtil.show("温度已经最低")
            return
        }
        isAdd = false
        currentTemp--
        startAnimator()
    }
}

然后直接放入布局文件

<....AirConditionerView
            android:id="@+id/airConditionerView"
            android:layout_width="200dp"
            android:layout_height="200dp"/>

然后在activity中调用即可

airConditionerView.reduceTemp()
airConditionerView.addTemp()

搞定了。。。easy

相关文章

  • Android空调温度调节开关

    大家好,最近项目中遇到了一个空调调节开关,感觉对于新手还是有点难度的,话不多说,先来看看具体的样式。 然后直接放入...

  • 超萌机器人即将成为未来家庭新成员

    家庭生活中,除了繁琐的家务以外,还有许多零碎的事情需要打理,比如开关各种电器、调节空调温度、给孩子听写讲故事等等,...

  • 2018年8月13日  深圳 覃倩蓉 日清

    今天从盛练娜老师的授课中我收获了对空调的新知识,知道了能调节温度、洁净度、温度的空调才是好空调。学习了空调型...

  • 马自达昂克赛拉空调使用方法

    昂克赛拉汽车空调在车内的中控中间位置,可以调节压缩机开关、温度高低、出风口风向、出风风量大小等多方面的参数。 下面...

  • 2018年7月2日   日精进

    今天维修桑塔纳两千 空调不凉 冷媒够 压力开关和温度开关都短接试了试 还是不行 最后到1店去维修...

  • 冬天到了,开了空调依然很冷,可能是你家窗户出问题了

    我们在冬天的时候,除了暖气大开,还会把空调开到合适的热度上。等我们感觉到温度上来了想关一会儿空调节能时,屋里的温度...

  • 中央空调制热费不费电

    在炎热的夏天中,人们都在使用空调,空调能够完美的调节我们的室内温度,时刻享受四季如春般的感受。中央空调是非常好的空...

  • 别克林荫大道空调不凉

    故障: 空调打开,受不了太凉风,调节温度一点,出门口温度就到了26℃,成为自然风,没有一点凉气 诊断: 应此车车主...

  • 厌倦的感冒(修改稿)

    这两天,温度很高,这么热的天气,我想到的第一个办法就是——“吹空调”。 我立刻拿出空调遥控器,摁下开关,只听“砰”...

  • 眼睛也会得“空调病”?夏季护眼4要领!

    之所以说干眼症也算是一种“空调病” 起因是因为空调除了调节温度之外 还把室内空气中的水分渐渐蒸发 每年夏季是干眼症...

网友评论

      本文标题:Android空调温度调节开关

      本文链接:https://www.haomeiwen.com/subject/lqtyfrtx.html