Android实验二-UI界面开发.docVIP

Android 实验设计 实验二：界面设计：控件与布局 08计应胡巍巍 【目的】 Android编程基础，UI设计。 【要求】 了解Android编程原理 掌握界面控件设计 掌握控件的事件处理编程 【原理】 1.熟悉各种控件的基本功能 常用控件包括：TextView，EditText，Button，ImageView: ImageButton，ProgressBar，Radio button: 2.了解各种布局Layout的应用 多种Layout： AbsoluteLayout FrameLayout GridView LinearLayout ListLayout RadioGroup TableLayout ……… 【实验过程】 新建一个Project，并对其布局文件进行简单修改。 New 一个 Android project： Project Name: Practice ,Application name:Project ,Build Target勾选Android 2.2,Package name:com.eoeAndroid.Practice ,Create Activity:Practice ,Min SDK Version:8. 然后点击Next→Finish。 Finish后，Eclipse Platform左边Package Explorer栏中出现了我们刚才新建的project。根据实验要求在layout?main.xml中修改布局文件（我选的是相对布局relative layout），增加所需控件。分析实验要求后，对要求添加的控件按照从上到下，从左到右的顺序添加。布局xml实现如下： ?xml version=1.0 encoding=utf-8? RelativeLayout xmlns:android=/apk/res/android android:orientation=horizontal //默认控件水平排列 android:layout_width=fill_parent //相对布局的有效范围 android:layout_height=fill_parent android:background=#ffffff //背景颜色 TextView android:id=@+id/text1 //第一个文本控件 android:layout_width=wrap_content //控件宽度和高度有文本决定 android:layout_height=wrap_content android:text=@string/hello///文本内容：hello所定义的字符串 TextView android:id=@+id/text2 //第二个文本控件 android:layout_width=wrap_content //同上 android:layout_height=wrap_content android:layout_below=@id/text1//这里实现text2布局在text1的下方 android:text=Hello,Its Huweiweis Android Project !//内容 android:textStyle=bold///文本字体样式，这里是粗体 EditText android:id=@+id/ET1 android:layout_width=fill_parent android:layout_height=wrap_content android:layout_below=@id/text2 android:hint=Input what you want to say to TA android:shadowColor=#ff0000///边框阴影眼测 TextView android:id=@+id/text3 android:layout_width=wrap_content android:layout_height=wrap_content android:layout_below=@id/ET1 android:text=Do you miss Miss TA^0^? android:textStyle=bold/ RadioGroup android:layout_width=wrap_content//这里定义了一对单项 android:layout_