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

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,It's Huweiwei's 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"/> <