Android物联网应用程序开发（智慧园区）—— 设置传感器阈值对话框界面

墨蓝 2022-12-30 15:56 231阅读 0赞

### 效果图： ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDg5MzkwMg_size_16_color_FFFFFF_t_70][]

### 自定义对话框布局： ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDg5MzkwMg_size_16_color_FFFFFF_t_70 1][]

<?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
                  android:layout_width="350dp"
                  android:layout_height="wrap_content"
                  android:background="@android:color/white"
                  android:orientation="vertical">
        
    
        
        <TextView
            android:id="@+id/tvTitle"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="#257CFF"
            android:gravity="center"
            android:paddingBottom="8dp"
            android:paddingTop="8dp"
            android:text="设置阈值"
            android:textColor="@android:color/white"
            android:textSize="18sp"/>
    
        
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="20dp"
            android:layout_marginTop="20dp"
            android:text="温度阈值设置:"
            android:textColor="#6C6C6C"/>
    
        
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="5dp"
            android:gravity="center"
            android:orientation="horizontal">
    
            <LinearLayout
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:gravity="right"
                android:layout_weight="1">
    
                <TextView
                    android:id="@+id/tv_tempValue"
                    android:layout_width="wrap_content"
                    android:layout_height="match_parent"
                    android:text="30"/>
    
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="match_parent"
                    android:text="℃"
                    />
            </LinearLayout>
    
            <SeekBar
                android:id="@+id/sb_temp"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="4"
                android:max="60"
                android:progress="30"/>
        </LinearLayout>
    
        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="20dp"
            android:layout_marginTop="5dp"
            android:text="数值范围 0-60℃"
            android:textColor="#6C6C6C"/>
    
        
        <View
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:layout_marginTop="10dp"
            android:background="#cccccc"></View>
        
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="20dp"
            android:layout_marginTop="20dp"
            android:text="湿度阈值设置:"
            android:textColor="#6C6C6C"/>
    
        
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="5dp"
            android:gravity="center"
            android:orientation="horizontal">
    
            <LinearLayout
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:gravity="right"
                android:layout_weight="1">
    
                <TextView
                    android:id="@+id/tv_humiValue"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:focusable="false"
                    android:text="30"/>
    
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="%RH"
                    />
            </LinearLayout>
    
            <SeekBar
                android:id="@+id/sb_humi"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="4"
                android:max="100"
                android:progress="30"/>
        </LinearLayout>
    
        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="20dp"
            android:layout_marginTop="5dp"
            android:text="数值范围 0-100%RH"
            android:textColor="#6C6C6C"/>
        
        <View
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:layout_marginTop="10dp"
            android:background="#cccccc"></View>
        
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="20dp"
            android:layout_marginTop="20dp"
            android:text="光照阈值设置:"
            android:textColor="#6C6C6C"/>
    
        
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="5dp"
            android:gravity="center"
            android:orientation="horizontal">
    
            <LinearLayout
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:gravity="right"
                android:layout_weight="1">
    
                <TextView
                    android:id="@+id/tv_lightValue"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:focusable="false"
                    android:text="3000"/>
    
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="Lx"/>
            </LinearLayout>
    
            <SeekBar
                android:id="@+id/sb_light"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="4"
                android:max="10000"
                android:progress="3000"/>
        </LinearLayout>
    
        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="20dp"
            android:layout_marginTop="5dp"
            android:text="数值范围 0-10000Lx"
            android:textColor="#6C6C6C"/>
        <View
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:layout_marginTop="10dp"
            android:background="#cccccc"></View>
        
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal">
    
    
            <Button
                android:id="@+id/btn_confirm"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:background="@android:color/white"
                android:paddingBottom="10dp"
                android:paddingTop="10dp"
                android:text="确定"
                android:textColor="#257CFF"/>
            
            <View
                android:layout_width="1dp"
                android:layout_height="match_parent"
                android:background="#cccccc"></View>
            <Button
                android:id="@+id/btn_cancel"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:background="@android:color/white"
                android:paddingBottom="10dp"
                android:paddingTop="10dp"
                android:text="取消"
                android:textColor="#257CFF"/>
        </LinearLayout>
    </LinearLayout>

自定义对话框实现类：

package com.newland.project3_3;
    
    import android.app.Dialog;
    import android.content.Context;
    import android.support.annotation.NonNull;
    import android.view.View;
    import android.widget.Button;
    import android.widget.SeekBar;
    import android.widget.TextView;
    
    
    /**
     * 设置阈值对话框
     */
    public class SettingThresholdDialog extends Dialog {
    
        private TextView tvTempValue,tvHumiValue,tvLightValue;
        private Button btnCancel;
        private Button btnConfirm;
        private SeekBar sbTemp,sbHumi,sbLight;
    
    
        public SettingThresholdDialog(@NonNull Context context) {
            super(context,R.style.Dialog);
            //关联布局文件
            this.setContentView(R.layout.dialog_setting_threshold);
            //初始化组件
            initView();
            addListener();
        }
    
        private void initView() {
            sbTemp =  findViewById(R.id.sb_temp);
            sbHumi =  findViewById(R.id.sb_humi);
            sbLight =  findViewById(R.id.sb_light);
            tvTempValue = findViewById(R.id.tv_tempValue);
            tvHumiValue = findViewById(R.id.tv_humiValue);
            tvLightValue = findViewById(R.id.tv_lightValue);
            btnCancel = findViewById(R.id.btn_cancel);
            btnConfirm =  findViewById(R.id.btn_confirm);
        }
    
        private void addListener() {
            //温度SeekBar状态改变监听
            sbTemp.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {
                @Override
                public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
                    //SeekBar进度显示到TextView上
                    tvTempValue.setText(String.valueOf(progress));
                }
                @Override
                public void onStartTrackingTouch(SeekBar seekBar) {
    
                }
                @Override
                public void onStopTrackingTouch(SeekBar seekBar) {
    
                }
            });
            //湿度SeekBar状态改变监听
            sbHumi.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {
                @Override
                public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
                    //SeekBar进度显示到TextView上
                    tvHumiValue.setText(String.valueOf(progress));
                }
                @Override
                public void onStartTrackingTouch(SeekBar seekBar) {
    
                }
                @Override
                public void onStopTrackingTouch(SeekBar seekBar) {
    
                }
            });
            //光照SeekBar状态改变监听
            sbLight.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {
                @Override
                public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
                    //SeekBar进度显示到TextView上
                    tvLightValue.setText(String.valueOf(progress));
                }
                @Override
                public void onStartTrackingTouch(SeekBar seekBar) {
    
                }
                @Override
                public void onStopTrackingTouch(SeekBar seekBar) {
    
                }
            });
            //设置确定点击事件
            btnConfirm.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    //对话框消失
                    SettingThresholdDialog.this.dismiss();
                }
            });
            //设置取消点击事件
            btnCancel.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    //对话框消失
                    SettingThresholdDialog.this.dismiss();
                }
            });
        }
    }

在主类中创建对话框并显示：

package com.newland.project3_3;
    
    import android.support.v7.app.AppCompatActivity;
    import android.os.Bundle;
    
    public class MainActivity extends AppCompatActivity {
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            //创建对话框并显示
            SettingThresholdDialog dialog = new SettingThresholdDialog(this);
            dialog.show();
        }
    }

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDg5MzkwMg_size_16_color_FFFFFF_t_70]: /images/20221120/b8b4136d1a8647a697698f087e984e73.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDg5MzkwMg_size_16_color_FFFFFF_t_70 1]: /images/20221120/02d5938693d44dd3b177692e7affdcb6.png