自定义温度显示控件(四) — 终结篇

概述

详细讲述自定义温度控件的实现

详细

前言

在之前的文章中，已经讲到了自定义温度显示控件一步步进化的历程，大家有兴趣的话可参考以下文章：
自定义温度显示控件(一)

自定义温度显示控件(二)

自定义温度显示控件(三)

今天讲温度实现效果的最终篇。
涉及到以下内容：

1. 实现涉及主体类
2. MultiRollNumber在MainActivity中使用
3. 效果图和项目结构图
   效果图

一. 实现涉及主体类

自定义温度控件的实现依然依靠两个类：RollNumber和MultiRollNumber。其中涉及到的资源类attrs.xml代码如下：

 

    
    
        
            
            
            
            
            
            
            
        
        
            
            
            
        
    

dimens.xml代码如下：

    
    
        30dp
        1.5dp
        2dp
        1.5dp
        1.5dp
        5dp
    

strings.xml代码如下：

    
        Hi
        Lo
        OFF
    

二. MultiRollNumber 在 MainActivity 中使用

下面先给出MainActivity对应布局activity_main.xml代码：

MultiRollNumber在MainActivity中使用示例如下：

    package com.pain.testdemo;
    import androidx.appcompat.app.AppCompatActivity;
    import android.os.Bundle;
    import android.view.View;
    import android.widget.Button;
    import android.widget.TextView;
    import com.pain.testdemo.function.MultiRollNumber;
    import com.pain.testdemo.util.MyUtil;
    public class MainActivity extends AppCompatActivity implements View.OnClickListener{
        private TextView mTv;
        private Button mBtn;
        private Button mBtn2;
        private MultiRollNumber multiRollNumber;
        private float mLastNumber;
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            MyUtil.i("=======onCreate======");
            initView();
            initData();
            setListener();
        }
        private void initView() {
            mTv = findViewById(R.id.tv_text);
            mBtn = findViewById(R.id.btn_test);
            mBtn2 = findViewById(R.id.btn_test2);
            multiRollNumber = findViewById(R.id.multi_scroll_number);
        }
        private void initData() {
            multiRollNumber.setRange(15.5f,28.5f);
            multiRollNumber.initNumber(17f);
        }
        private void setListener() {
            mBtn.setOnClickListener(this);
            mBtn2.setOnClickListener(this);
        }
        @Override
        public void onClick(View v) {
            switch (v.getId()) {
                case R.id.btn_test:
                    MyUtil.i("=======test======");
                    //获取滚动结束的值
                    mLastNumber=multiRollNumber.getTargetNumber();
                    //设置从lastNumber滚动到number
                    multiRollNumber.setTargetNumber(mLastNumber,16f);
                    mLastNumber=multiRollNumber.getTargetNumber();
                    MyUtil.toast("最后值为:"+mLastNumber,MainActivity.this);
                    break;
                case R.id.btn_test2:
                    MyUtil.i("=======test2=====");
                    //获取滚动结束的值
                    mLastNumber=multiRollNumber.getTargetNumber();
                    multiRollNumber.setTargetNumber(mLastNumber,20.5f);
                    mLastNumber=multiRollNumber.getTargetNumber();
                    MyUtil.toast("滚动后值为:"+mLastNumber,MainActivity.this);
                    break;
                default:
                    break;
            }
        }
    }

三. 效果图和项目结构图

ok，关于自定义温度控件的知识就介绍到这里了，谢谢大家。