Android物联网应用程序开发-项目二 智慧城市界面的实现-任务3：火焰监控界面开发

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

辽宁轻工职业学院任务3火焰监控界面开发项目2智慧城市界面的实现辽宁轻工职业学院火焰监控界面用于显示火焰和烟雾的当前状态是否正常，有无非法入侵，及显示当前状态下的提示内容。本任务使用ImageView控件实现火焰监控界面开发。辽宁轻工职业学院【任务目标】掌握ImageView控件的使用方法1.ImageView控件的使用辽宁轻工职业学院【知识准备】ImageView控件跟TextView控件功能类似，主要区别在于显示的资源不同。ImageView主要用于显示图片资源。我们可以通过向XML布局文件中添加<ImageView>标记添加。再向ImageView组件添加图片时，首先将要显示的图片放置在res/drawable目录中，然后添加相应的属性代码。ImageView控件（图像视图）的基本语法格式如下：<ImageView<ImageView

属性列表或者

属性列表>/></ImageView>1.ImageView控件的使用辽宁轻工职业学院【知识准备】ImageView常见的XML属性列表XML属性说明android:adjustViewBounds设置ImageView是否调整自己的边界来保持所显示图片的长宽比android:maxHeight设置ImageView的最大高度，需要设置android:adjustViewBounds属性值为true，否则不起作用android:scaleType用于设置所显示的图片填充方式。Android提供了包括矩阵、拉伸等7种填充方式android:src设置ImageView所显示的Drawable对象的IDandroid:tint用于为图片着色，其属性值可以是“#rgb”、“#argb”、“#rrggbb”或“#aarrggbb”表示的颜色值辽宁轻工职业学院【任务实现】在Eclipse下创建一个Android项目，命名为AndroidDemo3，实现火焰监控界面的开发。1.修改res/layout目录下的布局文件，首先添加一个相对布局管理器，在该布局管理器中嵌套添加ImageView控件，代码如下：<RelativeLayoutxmlns:android="/apk/res/android"android:layout_width="fill_parent"android:background="@drawable/bg_environment"android:layout_height="fill_parent">辽宁轻工职业学院【任务实现】<ImageViewandroid:id="@+id/imageView1"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_alignParentLeft="true"android:layout_alignParentTop="true"android:layout_marginLeft="30dp"android:layout_marginTop="30dp"android:src="@drawable/tab_yellow"/>//该ImageView组件下加载的图片来自drawable/tab_yellow图片辽宁轻工职业学院【任务实现】2.在该相对布局管理器中，嵌套添加一个线性布局管理器。其具体代码如下：

<LinearLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"android:background="@drawable/bg_frame_descend_setting"android:padding="30dip"android:layout_marginTop="30dp"android:layout_marginRight="30dp"android:layout_marginBottom="30dp"android:layout_toRightOf="@+id/imageView1"android:orientation="horizontal"></LinearLayout>辽宁轻工职业学院【任务实现】3.在该线性布局管理器中，嵌套添加两个线性布局管理器，在第一个线性布局管理器中添加了三个TextView控件，用于显示火焰、烟雾及非法入侵的初始化状态：分别为正常、正常和无。其具体代码如下：<LinearLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"android:background="@drawable/bg_frame_descend_setting"android:padding="30dip"android:layout_marginTop="30dp"android:layout_marginRight="30dp"android:layout_marginBottom="30dp"android:layout_toRightOf="@+id/imageView1"android:orientation="horizontal">//添加水平的线性布局管理器<LinearLayoutandroid:layout_width="0.0dp"android:layout_height="fill_parent"android:layout_weight="1"android:gravity="center"//设置LinearLayout中的控件

android:orientation="vertical">辽宁轻工职业学院【任务实现】<TextViewandroid:id="@+id/textView1"android:layout_width="wrap_content"android:layout_height="0.0dp"android:layout_weight="1"android:gravity="center"//设置TextView中的文字居中

android:textColor="@color/white"android:text="火焰：正常"/><TextViewandroid:id="@+id/textView2"android:layout_width="wrap_content"android:layout_height="0.0dp"android:layout_weight="1"android:gravity="center"android:textColor="@color/white"android:text="烟雾：正常"/><TextViewandroid:id="@+id/textView3"android:layout_width="wrap_content"android:layout_height="0.0dp"android:layout_weight="1"android:gravity="center"android:textColor="@color/white"android:text="非法入侵：无"/></LinearLayout>辽宁轻工职业学院【任务实现】4.在下一个线性布局管理器中，再次添加一个ImageView控件，引入一幅火苗的图片。具体代码如下：<LinearLayoutandroid:layout_width="0.0dp"android:layout_height="fill_parent"android:gravity="center"//该组件所在位置居中显示

android:layout_weight="1"><ImageViewandroid:id="@+id/imageView2"android:layout_width="wrap_co