原文地址:http://blog.sina.com.cn/s/blog_694448320100l3dg.html
andoid的UI组件学习,首先需要需要学习组件的布局,各种组件均必须放到布局里面,才可以显示,下面就记录下几种常用的布局:
1、LinearLayout(线形布局)
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="fill_parent"
android:layout_height="fill_parent">
</LinearLayout>
属性介绍:
android:orientation="vertical" 表示这个布局里面的组件子元素都是上下垂直的摆放
android:orientation="horizontal" 表示这个布局里面的组件子元素都是左右水平的摆放
android:layout_width="fill_parent" 表示布局的面板的宽度占满屏幕
android:layout_height="fill_parent" 表示布局的面板的高度占满屏幕
2、RelativeLayout(相对布局)
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent" android:layout_height="wrap_content"
android:background="@drawable/blue" android:padding="10dip">
<TextView android:id="@+id/label" android:layout_width="fill_parent"
android:layout_height="wrap_content" android:text="请输入用户名:" />
<!--
这个EditText放置在上边id为label的TextView的下边
-->
<EditText android:id="@+id/entry" android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="@android:drawable/editbox_background"
android:layout_below="@id/label" />
<!--
取消按钮和容器的右边齐平,并且设置左边的边距为10dip
-->
<Button android:id="@+id/cancel" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:layout_below="@id/entry"
android:layout_alignParentRight="true"
android:layout_marginLeft="10dip" android:text="取消" />
<!--
确定按钮在取消按钮的左侧,并且和取消按钮的高度齐平
-->
<Button android:id="@+id/ok" android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toLeftOf="@id/cancel"
android:layout_alignTop="@id/cancel" android:text="确定" />
</RelativeLayout>
属性介绍:
android:layout_below="@id/label" 表示将该元素至于id为label的的组件的下面
android:layout_marginLeft="10dip" 表示改元素里左边的边距为10PX;
android:layout_alignTop="@id/cancel" 表示将顶部与id为cancel的组件的顶部对齐
android:layout_alignParentRight="true" 表示该组件永远都放置于右边
android:layout_toLeftOf="@id/cancel" 表示该组件位于id为cancel的左边
TableLayout(表格布局)
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent" android:layout_height="fill_parent"
android:stretchColumns="1" android:strechColumns="0,1,2,3">
<TableRow>
<TextView android:text="用户名:" android:textStyle="bold"
android:gravity="right" android:padding="3dip" />
<EditText android:id="@+id/username" android:padding="3dip"
android:scrollHorizontally="true" />
</TableRow>
<TableRow>
<TextView android:text="登录密码:" android:textStyle="bold"
android:gravity="right" android:padding="3dip" />
<EditText android:id="@+id/password" android:password="true"
android:padding="3dip" android:scrollHorizontally="true" />
</TableRow>
<TableRow android:gravity="right">
<Button android:id="@+id/cancel"
android:text="取消" />
<Button android:id="@+id/login"
android:text="登录" />
</TableRow>
</TableLayout>
属性说明:
<TableLayou>是顶级元素,说明采用的是表格布局
<TableRow>定义一个行
<TextView>定义一个单元格的内容
android:gravity="right" 表示文字对齐方式
android:padding="3dip" 表示视图与视图内容之间的间隙距离
android:strechColumns="0,1,2,3" 表示每行都由"0123"列占满空白空间
暂时先写这么多,接下来我会接着增加的
分享到:
相关推荐
Android程序布局入门,熟练掌握,Android布局,有利于以后Android的学习!Android23中布局,最详细,最精炼,敲打几遍代码,就可以熟练地掌握Android。
android 中常用的几种布局方式:LinearLayout ( 线性布局 )、LinearLayout ( 线性布局 )、TableLayout ( 表格布局 ),及控件的各种属性
布局优秀,值得学习。Android优秀布局demo_珍贵学习资料
Android门票布局效果.rar,太多无法一一验证是否可用,程序如果跑不起来需要自调,部分代码功能进行参考学习。
android 课程表布局,可以用于学习布局,按钮的点击反应
Android中使用RelativeLayout完成梅花布局的代码清单.pdf 学习资料 复习资料 教学资源
对初次学习Android布局的人有很大的帮助更好的了解属性
Android开发学习23】界面布局之线性布局LinearLayout代码
Android学习笔记(二)android studio基本控件及布局(实现图片查看器) Android学习笔记(三)android studio中CheckBox自定义样式(更换复选框左侧的勾选图像) Android学习笔记(四)Android 中Activity页面的...
android布局属性详解.全面讲解各种技术。值得学习。
Android开发学习笔记五大布局方式详解,线性布局,相对布局,帧布局,绝对布局,表格布局。。。。 。。。。。
android布局中的网格布局, 适合新手学习
android 流式布局 子项的添加和移除 等功能.rar,太多无法一一验证是否可用,程序如果跑不起来需要自调,部分代码功能进行参考学习。
设计android界面布局学习教案.pptx
Android_布局属性大 新人学习文档
Android SlidingMenu仿网易新闻布局 Android SlidingMenu 仿网易新闻客户端布局 今天来模仿一下网易新闻客户端左右两边都有SlidingMenu的效果,源码打包分享给大家,共同学习
Android百分比布局.rar,太多无法一一验证是否可用,程序如果跑不起来需要自调,部分代码功能进行参考学习。
设计android界面布局PPT学习教案.pptx
主要讲解Android发展史、Android五大布局、Android基础常用控件、Android开发工具等讲解
Android布局优化和zipalign!!学习Android布局必备书籍!!