android的界面都是 View
和 ViewGroup
对象组成的. View
包括按钮、文本框等。 ViewGroup
是一个装别的view的容器.
Android 允许你在xml中使用view和viewgroup的子类来定义界面
可选布局
使用xml来定义界面比程序代码定义好一些,原因在于你可以为不同分辨率的设备作不同的布局文件 .
在本教程,你要新建一个包含按钮和输入框的xml. 然后会分别加上一些事件比如把文本框的内容传给另一个activity.
创建一个 Linear Layout
打开 activity_main.xml
在 res/layout/
目录下.
小贴士: Eclipse里, 当你打开了一个布局文件,会先显示图形编辑器,它的特点是所见即所得。这节我们会使用xml。
例子中的 activity_main.xml
文件根view是 RelativeLayout
,里面包含了一个 TextView
子 view.
首先是删除 <TextView>
元素然后修改 <RelativeLayout>
为 <LinearLayout>
. 然后添加 android:orientation
属性,值为 "horizontal"
. 如下:
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="horizontal" > </LinearLayout>
LinearLayout
是一个View Group,通过 android:orientation
元素,他可以让子元素横着放或者竖着放。 这个布局的特点就是子元素一个接一个的显示。
android:layout_width
和 android:layout_height是指定view宽高的两个必须的属性。
因为 LinearLayout
是根view,所以你最好设置宽高为 "match_parent"
. 来让它自动充满整个窗口 .
添加一个 Text Field
<EditText>
是一个可接受用户输入的view .
像每个 View
对象一样你必须设置几个必须的属性。比如 :
<EditText android:id="@+id/edit_message" android:layout_width="wrap_content" android:layout_height="wrap_content" android:hint="@string/edit_message" />
关于资源对象
每个资源对象都有其对应的id,比如 bitmap, layout 文件, 或者string.
每个资源都有对应的资源对象,定义在 gen/R.java
文件里 . 比如你要为android:hint
设置一个文本属性. 你可以在string xml文件里定义并使用资源名来引用他。
R文件在每次编译的时候都会自动生成,千万别手动修改啊。
关于这些属性:
-
view的唯一标识。代码里引用view时用的。
使用 (
@
) 来引用所有在xml定义的资源。后面加一个资源类型比如id,和资源名 .当你第一次定义一个资源id时,类型前面必须使用+号,编译程序时,系统会自动将资源加到
gen/R.java
文件里,但只有第一次时需要加。 -
"wrap_content"
这个值意思是按需显示,需要显示多大就显示多大。"match_parent"
, 意思是把父view都占满了 . -
这个属性意思是输入框的默认显示值。 可以不使用用编码, 而使用
"@string/edit_message"
这样的方式来引用xml里定义的文本这样做的好处是统一修改并且支持多语言 .Note: 虽然文本id和view id相同,但是他们的资源类型不同,所以不用担心,大胆使用 .
android:id
android:layout_width
and
android:layout_height
android:hint
添加一个文本资源
要把每一个文本当成一个资源,所有的文本资源都统一在一个文件里管理,这样更新方便,而且便于做成多语言程序。
默认情况下,项目有个文本资源 res/values/strings.xml
. 添加一个名叫 "edit_message"
值为 "Enter a message." 的字段。
<?xml version="1.0" encoding="utf-8"?> <resources> <string name="app_name">My First App</string> <string name="edit_message">Enter a message</string> <string name="button_send">Send</string> <string name="menu_settings">Settings</string> <string name="title_activity_main">MainActivity</string> </resources>
添加一个按钮
像这样添加一个按钮
<Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/button_send" />
宽高值设置为 "wrap_content"
,这样按钮大小就会根据文本来自适应。它不需要id属性,因为暂时在java类里用不到。
让输入框宽度自适应
如下图,输入框和按钮都是自适应的
weight 值用来指定同级下的控件占用情况,比如 "2 parts 伏特加, 1 part 咖啡利口酒" 意思就是三分之二份的附加特,三分之一分的咖啡利口酒 . 例如, 如果你给一个view设置weight为2,另一个view设置为1 ,总和是3,所以第一个view会占据 2/3 的空间,第二个view会占据1/3 .如果你又加了一个view,并且设置weight为1,这样的话,第一个view会占据剩下一半的空间,第二个第三个view每个会占据四分之一的空间,(其实很简单谁都懂).
所有的view默认的weight值为0,如果给一个view设置了一个大于0的值,那么这个view就会占据剩下的空间。所以给输入框加一个weight值1,其他view不设置即可达到我们想要的效果.
<EditText android:layout_weight="1" ... />
为了提高效率,当我们设置weight值的话,最好把width设置为0dp。
<EditText android:layout_weight="1" android:layout_width="0dp" ... />
整个布局文件如下
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="horizontal"> <EditText android:id="@+id/edit_message" android:layout_weight="1" android:layout_width="0dp" android:layout_height="wrap_content" android:hint="@string/edit_message" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/button_send" /> </LinearLayout>
当你新建工程时便会有这个布局,直接运行吧:
- 点击工具栏上的 按钮.
- 命令行的话这样敲:
ant debug adb install bin/MyFirstApp-debug.apk