下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

关于Android应用程序界面五大布局的图文分析教程

作者:课课家教育     来源: http://www.kokojia.com点击数:1948发布时间: 2016-04-26 11:00:43

标签: Android界面android应用程序android应用

    对于安卓系统应用开发中界面的布局有五大类,分别是LinearLayout(线性布局)、FrameLayout(单帧布局)、AbsoluteLayout(绝对布局)、TablelLayout(表格布局)、RelativeLayout(相对布局)。其中最常用的的是LinearLayout、TablelLayout和RelativeLayout。这些布局都可以嵌套使用。呢么本文就来说说界面布局的基本内容。

关于Android应用程序界面五大布局的图文分析教程_Android界面_android应用程序_android应用_课课家

  1.线性布局(LinearLayout)

  线性布局可以分为两种形式,首先第一种横向线性布局,第二种纵向线性布局,总而言之都是以线性的形式,一个个排列出来的,纯线性布局的缺点是很不方便修改控件的显示位置,所以开发中经常会以线性布局与相对布局嵌套的形式设置布局。

线性布局

  如图所示 使用了线性布局的水平方向与垂直方向,从图中可以清晰的看出来所有控件都是按照线性的排列方式显示出来的,这就是线性布局的特点。设置线性布局为水平方向

  Android:orientation=”horizontal”

  设置线性布局为垂直方向

  android:orientation=”vertical”

  设置正比例分配控件范围

  android:layout_weight=”1″

  设置控件显示位置,这里为水平居中

  android:gravity=”center_horizontal”在xml中我使用了LinearLayout 嵌套的方式,配置了2个线性布局,分别是水平显示和垂直显示。

线性布局代码线性布局代码分析

  2.相对布局(RelativeLayout)

  相对布局是android布局中最为强大的,首先它可以设置的属性是最多了,其次它可以做的事情也是最多的。android手机屏幕的分辨率五花八门所以为了考虑屏幕自适应的情况所以在开发中建议大家都去使用相对布局,它的坐标取值范围都是相对的所以使用它来做自适应屏幕是正确的。

相对布局

  设置距父元素右对齐

  android:layout_alignParentRight=”true”

  设置该控件在id为re_edit_0控件的下方

  android:layout_below=”@id/re_edit_0″

  设置该控件在id为re_image_0控件的左边

  android:layout_toLeftOf=”@id/re_iamge_0″

  设置当前控件与id为name控件的上方对齐

  android:layout_alignTop=”@id/name”

  设置偏移的像素值

  android:layout_marginRight=”30dip”

相对布局代码相对布局代码分析

  3.帧布局(FrameLayout)

  原理是在控件中绘制任何一个控件都可以被后绘制的控件覆盖,最后绘制的控件会盖住之前的控件。如图所示界面中先绘制的ImageView 然后在绘制的TextView和EditView 所以后者就覆盖在了前者上面。

单帧布局

单帧布局代码

  4.绝对布局(AbsoluteLayout)

  使用绝对布局可以设置任意控件的在屏幕中 X Y 坐标点,和帧布局一样后绘制的控件会覆盖住之前绘制的控件,笔者不建议大家使用绝对布局还是那句话因为android的手机分辨率五花八门所以使用绝对布局的话在其它分辨率的手机上就无法正常的显示了。

绝对布局

  设置控件的坐标

控件坐标

绝对布局代码

  5.表格布局(TableLayout)

  在表格布局中可以设置TableRow,可以设置表格中每一行显示的内容以及位置 ,可以设置显示的缩进,对齐的方式。

表格布局

表格布局代码表格布局代码分析表格布局分析代码

  到这里,基本介绍完Android五大布局的基本使用方法,最后在这里强调一下在开发与学习中建议大家使用相对布局,首先它的方法属性是最强大的其次它基本可以实现其它4大布局的效果,当然这里说的不是全部 有时候还是须要使用其他布局, 所以笔者建议大家开发中以实际情况定夺,以上五种布局可以使用布局嵌套的方式可以做出更好看的更美观的布局。

  总结一下上文内容,上文主要介绍了android系统应用程序界面的5大布局,分别是线性布局、相对布局、绝对布局、单帧布局和表格布局,线性布局有横向线性布局和纵向线性布局,相对布局需要设置其属性,帧布局是在控件中绘制任何一个控件,绝对布局是使用设置任意控件的在屏幕中 X Y 坐标点和表格TableRow的设置。

赞(0)
踩(1)
分享到:
华为认证网络工程师 HCIE直播课视频教程