Android利用温度传感器实现带动画效果的电子温度计

谁借莪１个温暖的怀抱￠ 2022-05-31 08:48 193阅读 0赞

# 概述 #

Android利用温度传感器实现带动画效果的电子温度计。

# 详细 #

#### 代码下载：[http://www.demodashi.com/demo/10631.html][http_www.demodashi.com_demo_10631.html] ####

#### 一、准备工作 ####

需要准备一部带有温度传感器的安卓手机，或者使用有温度传感器的模拟器。

#### 二、程序实现 ####

1、需要截图程序结构

![image.png][]

2、实现思路怎样

要想实现带动画效果的电子温度计，需要以下几个知识点：

*  温度传感器相关知识。
 *  ScaleAnimation动画相关知识，来进行水印刻度的缩放效果。
 *  Android:layout\_weight属性的合理运用，关于android:layout\_weight属性的讲解，可以参考：[《我的Android进阶之旅------>关于android:layout\_weight属性的一个面试题》][Android_------_android_layout_weight]

首先来看看本实例的具体效果，然后再来具体实现功能。

1、将温度强制设置为0度时，画面如下：

![image.png][image.png 1]

2、将温度强制设置为50度时，画面如下：

![image.png][image.png 2]

3、将温度强制设置为-20度时，画面如下：

![image.png][image.png 3]

4、从传感器动态得到温度值，并实时更新画面，如下所示：

![112.gif][]

![227.gif][]

首先来看布局文件的代码：layout\_thermometer.xml

<?xml version="1.0" encoding="utf-8"?>  
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
        android:id="@+id/Parent"  
        android:layout_width="fill_parent"  
        android:layout_height="fill_parent"  
        android:background="@drawable/background_thermometer"  
        android:clipChildren="false"  
        android:clipToPadding="false"  
        android:gravity="bottom|center"  
        android:keepScreenOn="true"  
        android:orientation="vertical" >  
      
        <FrameLayout  
            android:layout_width="fill_parent"  
            android:layout_height="fill_parent"  
            android:layout_gravity="bottom|center" >  
      
            <LinearLayout  
                android:layout_width="fill_parent"  
                android:layout_height="fill_parent"  
                android:orientation="vertical" >  
      
                  
                <ImageView  
                    android:layout_width="fill_parent"  
                    android:layout_height="wrap_content"  
                    android:layout_gravity="center"  
                    android:src="@drawable/background_top" />  
      
                <LinearLayout  
                    android:layout_width="fill_parent"  
                    android:layout_height="fill_parent"  
                    android:layout_weight="100.0"  
                    android:orientation="horizontal" >  
      
                      
                    <LinearLayout  
                        android:layout_width="0dp"  
                        android:layout_height="fill_parent"  
                        android:layout_weight="1"  
                        android:gravity="bottom|center" >  
                    </LinearLayout>  
                      
                      
                    <LinearLayout  
                        android:id="@+id/meter"  
                        android:layout_width="0dp"  
                        android:layout_height="wrap_content"  
                        android:layout_marginTop="10dp"  
                        android:layout_weight="4"  
                        android:animationCache="true"  
                        android:background="@drawable/thermometer_dial"  
                        android:clipChildren="false"  
                        android:clipToPadding="false"  
                        android:persistentDrawingCache="all" >  
      
                          
                        <LinearLayout  
                            android:layout_width="0dp"  
                            android:layout_height="fill_parent"  
                            android:layout_weight="189"  
                            android:visibility="invisible" />  
                          
                          
                        <LinearLayout  
                            android:layout_width="0dp"  
                            android:layout_height="fill_parent"  
                            android:layout_weight="69"  
                            android:orientation="vertical" >  
      
                              
                            <LinearLayout  
                                android:layout_width="fill_parent"  
                                android:layout_height="0dp"  
                                android:layout_weight="131.0" />  
                              
                              
                            <LinearLayout  
                                android:id="@+id/alcohol"  
                                android:layout_width="fill_parent"  
                                android:layout_height="0dp"  
                                android:layout_weight="774.0"  
                                android:background="@drawable/alcohol"  
                                android:orientation="horizontal"  
                                android:visibility="invisible" />  
                              
                              
                            <LinearLayout  
                                android:layout_width="fill_parent"  
                                android:layout_height="0dp"  
                                android:layout_weight="103.0" />  
                        </LinearLayout>  
                          
                          
                        <LinearLayout  
                            android:layout_width="0dp"  
                            android:layout_height="fill_parent"  
                            android:layout_weight="187"  
                            android:visibility="invisible" />  
                    </LinearLayout>  
                      
                      
                    <LinearLayout  
                        android:layout_width="0dp"  
                        android:layout_height="wrap_content"  
                        android:layout_marginTop="150dp"  
                        android:layout_weight="4"  
                        android:gravity="center"  
                        android:orientation="vertical"  
                        android:paddingLeft="30dp" >  
      
                        <LinearLayout  
                            android:layout_width="wrap_content"  
                            android:layout_height="wrap_content"  
                            android:gravity="center"  
                            android:orientation="horizontal" >  
      
                              
                            <TextView  
                                android:id="@+id/thermo_c"  
                                android:layout_width="wrap_content"  
                                android:layout_height="wrap_content"  
                                android:textColor="#e9bc57"  
                                android:textSize="38sp" />  
                              
                            <ImageView  
                                android:layout_width="wrap_content"  
                                android:layout_height="wrap_content"  
                                android:layout_gravity="center"  
                                android:paddingLeft="2dp"  
                                android:src="@drawable/thermo_c" />  
                        </LinearLayout>  
                          
                          
                        <ImageView  
                            android:layout_width="fill_parent"  
                            android:layout_height="wrap_content"  
                            android:layout_gravity="center"  
                            android:src="@drawable/divider" />  
      
                        <LinearLayout  
                            android:layout_width="wrap_content"  
                            android:layout_height="wrap_content"  
                            android:gravity="center"  
                            android:orientation="horizontal" >  
      
                              
                            <TextView  
                                android:id="@+id/thermo_f"  
                                android:layout_width="wrap_content"  
                                android:layout_height="wrap_content"  
                                android:textColor="#dadada"  
                                android:textSize="18sp" />  
                              
                            <ImageView  
                                android:layout_width="wrap_content"  
                                android:layout_height="wrap_content"  
                                android:layout_gravity="center"  
                                android:paddingLeft="2dp"  
                                android:src="@drawable/thermo_f" />  
                        </LinearLayout>  
                    </LinearLayout>  
      
                      
                    <LinearLayout  
                        android:layout_width="0dp"  
                        android:layout_height="fill_parent"  
                        android:layout_weight="1"  
                        android:gravity="bottom|center" >  
                    </LinearLayout>  
                </LinearLayout>  
                  
                <LinearLayout  
                    android:layout_width="wrap_content"  
                    android:layout_height="wrap_content"  
                    android:layout_gravity="center"  
                    android:gravity="center_vertical"  
                    android:orientation="vertical" >  
      
                      
                    <TextView  
                        android:layout_width="wrap_content"  
                        android:layout_height="wrap_content"  
                        android:textColor="#ffff00"  
                        android:textSize="18sp"  
                        android:text="@string/author"  
                        android:layout_gravity="center"/>  
                      
                     <TextView  
                         android:layout_width="wrap_content"  
                         android:layout_height="wrap_content"  
                         android:autoLink="web"  
                         android:text="@string/blog_address"  
                         android:textColor="#ffff00"  
                         android:textSize="18sp" />  
                </LinearLayout>  
                  
                  
                <ImageView  
                    android:layout_width="fill_parent"  
                    android:layout_height="wrap_content"  
                    android:layout_gravity="center"  
                    android:src="@drawable/background_bottom" />  
            </LinearLayout>  
        </FrameLayout>  
      
    </LinearLayout>

接着看Activity的代码：ThermometerActivity.java

package com.oyp.thermometer;  
      
    import android.app.Activity;  
    import android.content.Context;  
    import android.hardware.Sensor;  
    import android.hardware.SensorEvent;  
    import android.hardware.SensorEventListener;  
    import android.hardware.SensorManager;  
    import android.os.Bundle;  
    import android.view.animation.ScaleAnimation;  
    import android.widget.LinearLayout;  
    import android.widget.TextView;  
      
    /** 
     * @author 欧阳鹏 
     * @date 2015年9月14日 <br> 
     *       <a href="http://blog.csdn.net/ouyang_peng">欧阳鹏CSDN博客地址</a></n> 
     */  
    public class ThermometerActivity extends Activity implements SensorEventListener {  
        private LinearLayout alcohol;  
        private LinearLayout meter;  
        private SensorManager mSensorManager;  
        private Sensor temperatureSensor;  
        private TextView thermo_c;  
        private TextView thermo_f;  
      
        public float staratemp;  
        public float temp;  
        private float temperatureC;  
      
        /** 
         * 获取华氏温度 
         *  
         * @author ouyang 
         * @date 2015年9月14日 
         * @return 
         */  
        public float getTemperatureF() {  
            float temperatureF = (temperatureC * 9 / 5) + 32;  
            return getFloatOne(temperatureF);  
        }  
      
        /** 
         * 保留一位小数点 
         *  
         * @author ouyang 
         * @date 2015年9月14日 
         * @param tempFloat 
         * @return 
         */  
        public float getFloatOne(float tempFloat) {  
            return (float) (Math.round(tempFloat * 10)) / 10;  
        }  
      
        /** 
         * 获取摄氏温度 
         *  
         * @author ouyang 
         * @date 2015年9月14日 
         * @return 
         */  
        public float getTemperatureC() {  
            return getFloatOne(temperatureC);  
        }  
      
        public void setTemperatureC(float temperatureC) {  
            this.temperatureC = temperatureC;  
        }  
      
        @Override  
        protected void onCreate(Bundle savedInstanceState) {  
            super.onCreate(savedInstanceState);  
            setContentView(R.layout.layout_thermometer);  
            meter = ((LinearLayout) findViewById(R.id.meter));  
            alcohol = ((LinearLayout) findViewById(R.id.alcohol));  
            thermo_c = (TextView) findViewById(R.id.thermo_c);  
            thermo_f = (TextView) findViewById(R.id.thermo_f);  
        }  
      
        @Override  
        protected void onResume() {  
            super.onResume();  
            mSensorManager = (SensorManager) getSystemService(Context.SENSOR_SERVICE);  
            temperatureSensor = mSensorManager.getDefaultSensor(Sensor.TYPE_AMBIENT_TEMPERATURE);  
            mSensorManager.registerListener(this, temperatureSensor, SensorManager.SENSOR_DELAY_NORMAL);  
        }  
      
        @Override  
        public final void onSensorChanged(SensorEvent event) {  
            float temperatureValue = event.values[0]; // 得到温度  
            setTemperatureC(temperatureValue);// 设置温度  
            mUpdateUi();// 更新UI  
        }  
      
        @Override  
        public void onAccuracyChanged(Sensor sensor, int accuracy) {  
      
        }  
      
        /** 
         * 更新刻度上水银柱的长度 
         *  
         * @author ouyang 
         * @date 2015年9月14日 
         */  
        private void mUpdateUi() {  
            ScaleAnimation localScaleAnimation1 = new ScaleAnimation(1.0F, 1.0F, this.staratemp, this.temp, 1, 0.5F, 1,  
                    1.0F);  
            localScaleAnimation1.setDuration(2000L);  
            localScaleAnimation1.setFillEnabled(true);  
            localScaleAnimation1.setFillAfter(true);  
            this.alcohol.startAnimation(localScaleAnimation1);  
            this.staratemp = this.temp;  
      
            ScaleAnimation localScaleAnimation2 = new ScaleAnimation(1.0F, 1.0F, 1.0F, 1.0F, 1, 0.5F, 1, 0.5F);  
            localScaleAnimation2.setDuration(10L);  
            localScaleAnimation2.setFillEnabled(true);  
            localScaleAnimation2.setFillAfter(true);  
            this.meter.startAnimation(localScaleAnimation2);  
      
            // 把刻度表看出总共700份，如何计算缩放比例。从-20°到50°。  
            // 例如，现在温度是30°的话，应该占（30+20）*10=500份 其中20是0到-20°所占有的份  
            this.temp = (float) ((20.0F + getTemperatureC()) * 10) / (70.0F * 10);  
      
            thermo_c.setText(getTemperatureC() + "");  
            thermo_f.setText(getTemperatureF() + "");  
        }  
    }

#### 三、运行效果 ####

1、运行，右键项目：Run as －》Android Application

2、如上图所示，也就是这样子：

![112.gif][]

![227.gif][]

#### 四、其他补充 ####

暂时没

#### 注：本文著作权归作者，由demo大师（[http://www.demodashi.com][http_www.demodashi.com]）宣传，拒绝转载，转载需要作者授权 ####

[http_www.demodashi.com_demo_10631.html]: http://www.demodashi.com/demo/10631.html
[image.png]: /images/20220531/e89c6210911a44658aff44ace6249f2e.png
[Android_------_android_layout_weight]: http://blog.csdn.net/ouyang_peng/article/details/13236519
[image.png 1]: /images/20220531/7996cee33b3a4778950295750bed2ff8.png
[image.png 2]: /images/20220531/81c9ec1cf857401c9db9c8aca31b9f6d.png
[image.png 3]: /images/20220531/b69efa2fc1c64d55a227a3e12f8b199e.png
[112.gif]: /images/20220531/11d4c24237fc43c1856fc4612cea483a.png
[227.gif]: /images/20220531/e3fe4942c60c4cebaf45350687500e10.png
[http_www.demodashi.com]: http://www.demodashi.com/