在Android开发中UI设计十分重要,当用户使用一个软件时,最先感受到的不是这款软件的功能是否强大,而是界面设计是否精致,用户体验是否良好。也可以这样说,有一个好的界面设计去吸引用户的使用,才能让更多的用户体验到软件功能的强大。 下面着重讲一下Android中几种常用布局的使用:
首先,需要说明的是,各个布局既可以单独使用,也可以嵌套使用,读者在实际应用中应灵活掌握。
1 LinearLayout 是一种Android中最常用的布局之一,它将自己包含的子元素按照一个方向排列。方向的设置通过Android:orientation=”vertical”(竖直)或者Android:orientation=”horizontal”(水平)来实现。
代码如下:
- <LinearLayout android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent">
- <Button android:id="@+id/bt_1" android:layout_width="fill_parent"
- android:layout_height="wrap_content" android:text="用来验证RelativeLayout"
- />
- <Button android:id="@+id/bt_2" android:layout_width="fill_parent"
- android:layout_height="wrap_content" android:text="用来验证TableLayout"
- />
- <Button android:id="@+id/bt_3" android:layout_width="fill_parent"
- android:layout_height="wrap_content" android:text="用来验证ListView"
- />
- <Button android:id="@+id/bt_4" android:layout_width="fill_parent"
- android:layout_height="wrap_content" android:text="用来验证FrameLayout"
-
/>
- </LinearLayout>
2 FrameLayout对象好比一块在屏幕上提前预定好的空白区域,可以将一些元素填充在里面,如图片。所有元素都被放置在FrameLayout区域的最左上区域,而且无法为这些元素制指定一个确切的位置,若有多个元素,那么后面的元素会重叠显示在前一个元素上。
代码如下:
- <FrameLayout
- xmlns:android="http://schemas.android.com/apk/res/android"
- android:layout_width="match_parent" android:layout_height="match_parent">
- <ImageView android:id="@+id/photo"
- android:src="@drawable/img" android:layout_width="wrap_content"
- android:layout_height="wrap_content"/>
- </FrameLayout>
3 RelativeLayout是一种相对布局,控件的位置是按照相对位置来计算的,后一个控件在什么位置依赖于前一个控件的基本位置。是布局最常用,也是最灵活的一种布局。
- <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
- android:layout_width="match_parent" android:layout_height="match_parent"
- android:padding="10dip">
- <TextView android:id="@+id/label" android:layout_width="fill_parent"
- android:layout_height="wrap_content" android:text="请输入用户名"/>
- <EditText android:id="@+id/entry" android:layout_width="fill_parent"
-
android:layout_height="wrap_content" android:layout_below="@id/label"/>
- <Button android:id="@+id/cancel" android:layout_width="wrap_content"
- android:layout_height="wrap_content" android:layout_below="@id/entry"
- android:text="取消"/>
- </RelativeLayout>
4 TableLayout
TableLayout是指将子元素的位置分配到行或列中。Android的一个TableLayout有许多TableRow组成,每一个TableRow都会定义一个Row。TableLayout容器不会显示Row,Column,及Cell的边框线,每个Row拥有0个或多个Cell,每个Cell拥有一个View对象。
在使用tablelayout时,应注意每一个cell的宽度。
- <TableLayout
- xmlns:android="http://schemas.android.com/apk/res/android"
- android:layout_width="match_parent" android:layout_height="match_parent">
- <TableRow>
- <TextView android:id="@+id/lable1" android:text="用户名" android:textStyle="bold"
- android:layout_width="55dip" android:gravity="center"/>
- <EditText android:id="@+id/entry1" android:layout_width="250dip"
- android:layout_height="wrap_content"
- />
- </TableRow>
- <TableRow>
- <TextView android:id="@+id/lable2" android:textStyle="bold" android:text="密码"
- android:layout_width="55dip" android:gravity="center"/>
- <EditText android:id="@+id/entry2"
- android:layout_width="250dip" android:layout_height="wrap_content"
- android:password="true" android:scrollHorizontally="true"/>
- </TableRow>
- </TableLayout>
本文出自 “HDDevTeam” 博客,请务必保留此出处http://hddev.blog.51cto.com/3365350/629635
分享到:
相关推荐
第1篇为基础篇,涵盖Android背景及开发环境和Android常用工程组件。第2篇为应用开发篇,通过实例介绍了Android UI布局、Android人机界面、手机硬件设备的使用、Android本地存储系统、Android中的数据库、多线程设计...
全书分为15章,内容包括Android模拟器应用、界面布局及菜单设计、Android常用组件应用、Android高级组件应用、Android程序调试、Activity窗口设计、Intent通信应用、数据存储技术、图形图像 资源太大,传百度网盘了...
全书分为15章,内容包括Android模拟器应用、界面布局及菜单设计、Android常用组件应用、Android高级组件应用、Android程序调试、Activity窗口设计、Intent通信应用、数据存储技术、图形图像处理技术、3D及多媒体开发...
全书分为15章,内容包括Android模拟器应用、界面布局及菜单设计、Android常用组件应用、Android高级组件应用、Android程序调试、Activity窗口设计、Intent通信应用、数据存储技术、图形图像处理技术、3D及多媒体开发...
全书分为15章,内容包括Android模拟器应用、界面布局及菜单设计、Android常用组件应用、Android高级组件应用、Android程序调试、Activity窗口设计、Intent通信应用、数据存储技术、图形图像处理技术、3D及多媒体开发...
最常用、最有用的工具是 adb 实用程序(Android Debug Bridge)。 usb_driver 该目录包含将开发环境连接到支持 Android 的设备(例如 G1 或 Android Dev 1 解锁开发手机)所需的驱动程序。只有 Windows 平台的开发...
它还以迭代的方式重现了各种常用的Android应用和经典Android游戏的开发全过程,既可以以它们为范例进行实战演练,又可以将它们直接应用到实际开发中去。 目录 -------------------------------------------------...
1.1掌握Android四层体系架构 5 1.2 Eclipse工程文件 5 1.3 Android项目的编译及运行过程 6 2.1 AndroidStudio中R文件的位置 7 2.2 View继承结构图 7 2.3 LinearLayout布局基本属性 7 2.4 用户名密码 登陆重置常用...
《Android应用开发》个人总结报告 刚开始接触Android感觉到它很有意思,在界面开发上和web也可以形成了相通的架构 ,更加方便,视觉上也是非常的酷,在前期我通过的大量的Android SDK开发范例大全中的例子以及...
媒体查询 CSS媒体查询允许开发者基于浏览网站的设备的特性来应用不同的样式申明,最常用的特性是视口宽度。 GCF 谷歌内嵌浏览器框架, 使用此插件,用户可以通过Internet Explorer的用户界面,以Chrome内核的渲染方式...
此时此景,笔者只专注Android、Iphone等移动平台开发,看着这些源码心中有万分感慨,写此文章纪念那时那景! Java 源码包 Applet钢琴模拟程序java源码 2个目标文件,提供基本的音乐编辑功能。编辑音乐软件的朋友,这...
此时此景,笔者只专注Android、Iphone等移动平台开发,看着这些源码心中有万分感慨,写此文章纪念那时那景! Java 源码包 Applet钢琴模拟程序java源码 2个目标文件,提供基本的音乐编辑功能。编辑音乐软件的朋友,这...