要有light

——by小邪@清水

Android学习.1(线性布局和相对布局)

本文来自我的个人网站,如有兴趣,欢迎访问www.qingshuimonk.com


1.      线性布局(LinearLayout):在该标签下的所有子元素会根据orientation属性的值来决定是按行或者是按列来逐个显示。代码示例如下:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" 
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >
 
    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/app_name" />

    <Button
        android:id="@+id/button2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/hello_world" />

    <Button
        android:id="@+id/button3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/test" />

</LinearLayout>
就会产生这样的效果:


2.      另外还有相对布局(RelativeLayout),比较简单,这里不再赘述。

3.      在实际中RelativeLayout和LinearLayout一般搭配使用,例如将刚才的代码改变一下:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" 
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >

    <Button
        android:id="@+id/button3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/test" />
	
	<RelativeLayout 
	    android:layout_width="fill_parent"
	    android:layout_height="fill_parent">
		<Button
        	android:id="@+id/button2"
        	android:layout_width="wrap_content"
        	android:layout_height="wrap_content"
        	android:layout_toRightOf="@id/button1"
        	android:layout_alignTop="@id/button1"
        	android:text="@string/hello_world" />

		<Button
		    android:id="@+id/button1"
		    android:layout_width="wrap_content"
		    android:layout_height="wrap_content"
		    android:layout_alignParentLeft="true"
		    android:layout_alignParentTop="true"
		    android:text="@string/app_name" />

    </RelativeLayout>

</LinearLayout>

就有了这样的效果:


4.      表格布局(TableLayout)与html中的表格布局类似,其中TableRow标签代表一个行,而TextView标签代表其中的一个元素。 表格布局和帧布局在初期用的较少,所以以后接触到了再说。


阅读更多
个人分类: Android
上一篇Android学习.0(Android项目目录结构)
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭