关闭

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

1336人阅读 评论(0) 收藏 举报
分类:

本文来自我的个人网站,如有兴趣,欢迎访问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标签代表其中的一个元素。 表格布局和帧布局在初期用的较少,所以以后接触到了再说。


0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:42221次
    • 积分:676
    • 等级:
    • 排名:千里之外
    • 原创:26篇
    • 转载:2篇
    • 译文:0篇
    • 评论:4条
    文章分类
    最新评论