Android物联网应用程序开发-项目二 智慧城市界面的实现-任务1：环境状态值范围设置界面开发

Android物联网应用程序开发资源转化系统教材辽宁轻工职业学院辽宁轻工职业学院任务实现知识准备任务目标目录

辽宁轻工职业学院项目2智慧城市界面的实现任务1环境状态值范围设置界面开发辽宁轻工职业学院项目目标辽宁轻工职业学院环境状态值范围设置模块实现用户可以手动输入温度上限值、温度下限值、湿度临界值、光照强度临界值、一氧化碳临界值，可以保存到本地缓存或者重置。本任务是主要完成对话框的界面设计和布局。辽宁轻工职业学院【任务目标】1.掌握TextView的使用方法

2.掌握EditText的使用方法3.掌握Button控件的使用方法1.TextView的使用方法辽宁轻工职业学院【知识准备】在Android开发中,TextView是最常用的组件之一,主要用于静态显示。同时，需要强调的是它不仅可以用于显示单行文本，还可以用于显示多行文本以及带图片的文本。在Android中，我们可以通过向XML布局文件中拖动一个文本框控件的方式来添加一个文本框，其对应的语法格式如下所示：<TextView<TextView

属性列表或者属性列表>/></TextView>1.TextView的使用方法辽宁轻工职业学院【知识准备】TextView的XML属性列表XML属性说明android:id设置该TextView的id值android:autoLink是否将指定格式的文本转换为可单击的超链接形式，其属性值包括none、web、email、phone、map和allandroid:gravity设置文本框内文本的对齐方式android:singleLine设置单行显示。如果和layout_width一起使用，当文本不能全部显示时，后面用“…”来表示android:text设置显示文本android:textColor设置文本颜色android:textSize设置文字大小android:textStyle设置字形[bold(粗体)0,italic(斜体)1,bolditalic(又粗又斜)2]可以设置一个或多个，用“|”隔开android:height设置文本区域的高度android:wight设置文本区域的宽度android:drawableBottom在text的下方输出一个drawable，如图片。如果指定一个颜色的话会把text的背景设为该颜色，并且同时和background使用时覆盖后者android:drawableLeft在text的左边输出一个drawable，如图片android:ems设置TextView的宽度为N个字符的宽度2.EditText的使用方法辽宁轻工职业学院【知识准备】EditText是接受用户输入信息的最重要控件，用于在屏幕上显示文本输入框，这里需要强调的是:文本编辑框既支持单行文本的输入，也支持多行文本的输入，同时支持指定格式文本的输入(例如密码，电话及e-mail等)。在Android中，我们可以通过向XML布局文件中拖动一个文本编辑框控件的方式来添加一个EditText控件，其对应的语法格式如下所示：<EditText<EditText属性列表或者属性列表></EditText>2.EditText的使用方法辽宁轻工职业学院【知识准备】EditText常见的XML属性列表XML属性说明android:hint为空时显示的文字提示信息，可通过textColorHint设置提示信息的颜色android:inputType用于指定当前文本框显示内容的文本类型，其可选值有textPassword、textEmailAddress、phone和date等；并可以同时指定多个，使用“|”分隔android:password以“.”显示文本

3.Button控件的使用辽宁轻工职业学院【知识准备】在Android中，Button按钮组件用于在UI界面中生成一个可以单击的按钮。当用户单击该按钮时，即可触发一个onClick事件，通过添加它的单击事件监听器触发相应的动作。其在XML文件下，对应的语法结构如下：<Button<Button

属性列表或者属性列表>/></Button>3.Button控件的使用辽宁轻工职业学院【知识准备】在布局文件中添加了Button按钮后，其对应的单击事件监听器的添加方法如下代码所示：importandroid.view.View.OnClickListener;importandroid.widget.Button;Buttonlogin=(Button)findViewById(R.id.button1); login.setOnClickListener(newOnClickListener() { @Override publicvoidonClick(Viewv){ //编写要执行的动作代码

} });辽宁轻工职业学院【任务实现】在Eclipse下创建一个Android项目，命名为AndroidDemo2.1，实现环境状态值范围设置界面的开发。1.修改res/layout目录下的布局文件，首先添加一个垂直的线性布局管理器，宽度适应屏幕，高度自适应，其具体代码如下：<LinearLayoutxmlns:android="/apk/res/android"android:layout_width="fill_parent"android:layout_height="wrap_content"android:orientation="vertical">//定义所有组件垂直摆放</LinearLayout>辽宁轻工职业学院【任务实现】2.在已建好的垂直布局管理器中嵌套添加一个水平的线性布局管理器，设置其高度为48dip，背景颜色为titleColor，其具体代码如下：<LinearLayoutxmlns:android="/apk/res/android"android:layout_width="fill_parent"android:layout_height="wrap_content"android:orientation="vertical">//定义所有组件垂直摆放<LinearLayoutandroid:layout_width="match_parent"android:layout_height="48dip"//定义水平布局高度48dipandroid:background="@color/titleColor"//定义背景颜色为深灰色

android:gravity="center"//定义内部控件居中显示模式

android:orientation="horizontal"></LinearLayout></LinearLayout>辽宁轻工职业学院【任务实现】3.由于在android中使用某些特殊资源时，必须新建对应的资源文件，我们在使用了颜色资源titleColor时，就需要新建颜色资源。在res/values下新建colors.xml文件，写入代码如下：<?xmlversion=”1.0”encoding=”utf-8”?><resources><colorname=”titleColor”>#6b6b6b</color></resources>辽宁轻工职业学院【任务实现】4.在上水平布局管理器中添加文本组件，并设置字体颜色、大小、内容，其具体代码如下：<LinearLayoutxmlns:android="/apk/res/android"android:layout_width="fill_parent"android:layout_height="wrap_content"android:orientation="vertical">//定义所有组件垂直摆放<LinearLayoutandroid:layout_width="match_parent"android:layout_height="48dip"//定义水平布局高度48dipandroid:background="@color/titleColor"//定义背景颜色为深灰色辽宁轻工职业学院【任务实现】android:gravity="center"//定义内部控件居中显示模式

android:orientation="horizontal"><TextViewandroid:id="@+id/textView1"android:layout_width="wrap_content"android:layout_height="wrap_content"android:textColor="@color/white"//定义文本组件字体颜色为白色

android:textSize="20sp"//定义文本组件字体大小20spandroid:text="@string/strSet"/>//定义文本组件字体内容为“设置”</LinearLayout></LinearLayout>辽宁轻工职业学院【任务实现】5.在colors.xml文件中添加颜色值白色，写入代码如下：<?xmlversion=”1.0”encoding=”utf-8”?><resources><colorname=”titleColor”>#6b6b6b</color><colorname=”white”>#FFFFFF</color></resources>6.在res/values下新建string.xml文件，写入代码如下：<?xmlversion=”1.0”encoding=”utf-8”?><resources><stringname=”strSet”>设置</string></resources>辽宁轻工职业学院【任务实现】7．同步骤2，继续添加一个线性布局管理器，并在其内部添加两个TextView控件和两个EditText控件。设置相应属性，实现温度范围设置部分界面，其具体代码如下：<LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content">android:layout_margin="5dip"//定义组件边框留空5个dip<TextViewandroid:id="@+id/textView2"android:layout_width="0.0dp"//定义文本组件宽度为0dpandroid:layout_weight="4"//定义文本组件宽度权重值为4android:gravity="center"android:layout_height="wrap_content"android:text="@string/strTemp"/><EditTextandroid:id="@+id/editText1"android:layout_width="0.0dp"android:layout_weight="6"android:layout_height="wrap_content"android:ems="10">//定义编辑框最大字符数为10辽宁轻工职业学院【任务实现】<TextViewandroid:id="@+id/textView3"android:layout_width="0.0dp"android:layout_weight="4"android:gravity="center"android:layout_height="wrap_content"android:text="@string/strOr"/><EditTextandroid:id="@+id/editText2"android:layout_width="0.0dp"android:layout_weight="6"android:layout_marginRight="50dip"android:layout_height="wrap_content"android:ems="10"/></LinearLayout>辽宁轻工职业学院【任务实现】提示：文本组件设置属性中的定义宽度值有两种选项width和weight。在适应不同版本的Android中，需设置android:layout_width="0dp"，如果为竖直方向的设置android:layout_height="0dp"。这样子控件占用LinearLayout的比例为：本控件weight值/LinearLayout内所有控件的weight值的和。android:layout_width="0.0dp"//定义文本组件宽度为0dpandroid:layout_weight="4"//定义文本组件宽度权重值为4辽宁轻工职业学院【任务实现】8.同步骤2，在已建好的垂直布局管理器中嵌套添加一个水平的线性布局管理器，制作湿度范围设置部分界面，参见如下代码。<LinearLayoutandroid:layout_width="match_parent"android:layout_margin="5dip"android:layout_height="wrap_content"><TextViewandroid:id="@+id/textView4"android:layout_width="0.0dp"android:layout_weight="4"android:gravity="center"android:layout_height="wrap_content"android:text="@string/strHumi"/>辽宁轻工职业学院【任务实现】<EditTextandroid:id="@+id/editText3"android:layout_width="0.0dp"android:layout_height="wrap_content"android:layout_weight="6"android:ems="10"/><LinearLayoutandroid:layout_weight="10"//定义空布局权重为10android:layout_width="0.0dp"android:layout_marginRight="50dip"android:layout_height="wrap_content"></LinearLayout></LinearLayout>提示： android:layout_weight="10"通过设置空布局权重为10，已定义的湿度范围文本框和编辑框占用父布局的50%。辽宁轻工职业学院【任务实现】9.同步骤2，依次制作光照强度、一氧化碳部分界面，参见如下代码。<LinearLayout//光照强度界面布局

android:layout_width="match_parent"android:layout_margin="5dip"android:layout_height="wrap_content"><TextViewandroid:id="@+id/textView5"android:layout_width="0.0dp"android:layout_weight="4"android:gravity="center"android:layout_height="wrap_content"android:text="@string/strLight"/><EditTextandroid:id="@+id/editText4"android:layout_width="0.0dp"android:layout_height="wrap_content"android:layout_weight="6"android:ems="10"/><LinearLayoutandroid:layout_weight="10"android:layout_width="0.0dp"android:layout_marginRight="50dip"android:layout_height="wrap_content"></LinearLayout></LinearLayout>辽宁轻工职业学院【任务实现】<LinearLayout//一氧化碳界面布局

android:layout_width="match_parent"android:layout_margin="5dip"android:layout_height="wrap_content"><TextViewandroid:id="@+id/textView6"android:layout_width="0.0dp"android:layout_weight="4"android:gravity="center"android:layout_height="wrap_content"android:text="@string/strCo"/><EditTextandroid:id="@+id/editText5"android:layout_width="0.0dp"android:layout_height="wrap_content"android:layout_weight="6"android:ems="10