Android物联网应用程序开发-项目二 智慧城市界面的实现-任务7：智慧城市主界面开发

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

辽宁轻工职业学院任务7智慧城市主界面开发项目2智慧城市界面的实现辽宁轻工职业学院使用GridView控件实现智慧城市主界面开发。智慧城市的主界面包含环境监测、智能商超、社区安防、公共广播、智能路灯等功能模块。辽宁轻工职业学院【任务目标】掌握GridView控件的使用方法。1.GridView控件的使用辽宁轻工职业学院【知识准备】在Android中，GridView(网格视图)是按照行列分布的方式来显示多个组件，通常用于显示图片或图标等。GridView控件与ListView控件类似，都需要Adapter来加载。在XML文件中，使用<GridView>标记进行添加，其基本语法格式如下：<GridView<GridView

属性列表或者

属性列表>/></GridView>1.GridView控件的使用辽宁轻工职业学院【知识准备】XML属性说明android:columnWidth用于设置列的宽度android:gravity用于设置对齐方式android:horizontalSpacing用于设置各元素之间的水平间距android:numColumns用于设置列数，其属性值通常为大于的值，如果只有一列，那么最好使用ListView实现android:stretchMode用于设置拉伸模式，其中属性值可以是none（不拉伸）、spacingWidth（仅拉伸元素之间的间距）、columnWidth（仅拉伸表格元素本身）或spacingWidthUniform（表格元素本身、元素之间的间距一起拉伸）android:verticalSpacing用于设置各元素之间的垂直间距GridView的XML属性列表辽宁轻工职业学院【任务实现】在Eclipse下创建一个Android项目，命名为AndroidDemo7，实现实现智慧城市主界面开发。1.修改res/layout目录下的布局文件，首先添加一个相对布局管理器，在该布局管理器下添加一个ImageView控件和一个GridView控件，分别用于显示图片和网格视图中的图片。代码如下：<RelativeLayoutxmlns:android="/apk/res/android"android:layout_width="fill_parent"android:layout_height="fill_parent"android:background="@drawable/bg_menu">//添加智能城市图标

<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="20dp"android:layout_marginTop="15dp"android:src="@drawable/smartcity_logo"/>辽宁轻工职业学院【任务实现】<GridViewandroid:id="@+id/gridView1"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_marginTop="20dp"android:layout_marginRight="20dp"android:layout_marginBottom="20dp"android:listSelector="@android:color/transparent"android:layout_alignLeft="@+id/imageView1"android:layout_below="@+id/imageView1"android:numColumns="2">//列属性为2</GridView></RelativeLayout>辽宁轻工职业学院【任务实现】2.在res/layout下新建一个XML文件，命名为items.xml。在该文件下，添加一个垂直的线性布局管理器，在该布局管理器下添加一个ImageView控件和一个TextView控件，分别用于显示图片和网格视图中的文字。代码如下：<?xmlversion="1.0"encoding="utf-8"?><LinearLayoutxmlns:android="/apk/res/android"android:id="@+id/llTitle"android:layout_width="match_parent"android:layout_height="match_parent"android:padding="25dp"android:gravity="center"android:orientation="vertical">辽宁轻工职业学院【任务实现】<ImageViewandroid:id="@+id/imgTitle"android:layout_width="wrap_content"android:layout_height="wrap_content"/><TextViewandroid:id="@+id/tvTitle"android:textColor="@color/white"android:layout_width="wrap_content"android:layout_height="wrap_content"/></LinearLayout>辽宁轻工职业学院【任务实现】3.在src下，新建一个java类，命名为MyAdapter并继承自BaseAdapter。首先对MyAdapter进行初始化。代码如下：publicclassMyAdapterextendsBaseAdapter{ privateContextcontext; publicMyAdapter(Contextcontext){ super(); this.context=context; }辽宁轻工职业学院【任务实现】4.定义三个数组，分别保存图片，颜色值及文字信息，代码如下：privateint[]imageId={ R.drawable.icon_weather, R.drawable.icon_shopping, R.drawable.icon_security, R.drawable.icon_agriculture};privateint[]colorId={ R.color.main_blue0, R.color.main_orange, R.color.main_orangered, R.color.main_blue};privateString[]stringId={"环境气象","智能商超","预警信息","智能农场"};辽宁轻工职业学院【任务实现】5.在getCount()方法中返回imageId的长度。代码如下：publicintgetCount(){ //TODOAuto-generatedmethodstub returnimageId.length; }辽宁轻工职业学院【任务实现】6.在View类的getView方法中，进行列表项内容的添加。具体要求请看书籍，代码如下：publicViewgetView(intposition,ViewconvertView,ViewGroupparent){ viewHollerv=null; if(convertView==null){ convertView= LayoutInflater.from(context).inflate(R.layout.item,null); v=newviewHoller(); v.llTitle= (LinearLayout)convertView.findViewById(R.id.llTitle);辽宁轻工职业学院【任务实现】v.imgTitle=(ImageView)convertView.findViewById(R.id.imgTitle);v.tvTitle=(TextView)convertView.findViewById(R.id.tvTitle);convertView.setTag(v);}else{ v=(viewHoller)convertView.getTag();}v.llTitle.setBackgroundResource(colorId[position]);v.imgTitle.setImageResource(imageId[position]);v.tvTitle.setText(stringId[position]);returnconvertView;}辽宁轻工职业学院【任务实现】7.在MainActivity.java中，定义GridView类的对象mGridView和MyAdaptermAdapter，代码如下：privateGridViewmGridView;privateMyAdaptermAdapter;辽宁轻工职业学院【任务实现】8、在重写的onCreate方法中，获取GridView控件及初始化mAdapt