【入门篇】Android学习笔记——常用布局-创新互联

很多开发者一听说Android终端的屏幕尺寸五花八门,屏幕分辨率千奇百怪,就觉得Android开发在屏幕适配方面是必定是一件头疼的事情。因为在Android问世之前,广大开发者知道的UI解决方案大致分为两类:

从事成都机柜租用,服务器租用,云主机,雅安服务器托管,域名与空间,CDN,网络代维等服务。
  1. 在Web开发中的CSS,一层一层的去层叠样式。

  2. 在iOS开发中去计算每一个UIView的尺寸。

上面两种方案,无论哪种方案面对碎片化严重的Android终端,那都是一场噩梦。好在Android提供了另一套解决方案来应对严重的终端碎片化,这就是布局和9-patch。

这里想来说说布局,在Android SDK刚刚问世的时候,Android提供了AbsoluteLayout,FrameLayout,LinearLayout,RelativeLayout和Tablelayout五大布局来应对终端碎片化问题。

但很快Android发现AbsoluteLayout是一个愚蠢的方案,在Android 1.5系统中就不再支持此布局,剩下的四个布局中,Tablelayout虽然依然被支持,但是由于Fragment以及新的TabLayout的出现,博主在此断言,Tablelayout也命不久矣,被移除支持只是迟早的事儿。

所以,Android的五大基本布局现在只剩下三个(这里说的是基本布局,在Android support包里引入的新的布局不计入内),下面分别介绍一下这三个基本布局。

FrameLayout

FrameLayout应该是Android系统中最简单的布局了,在FrameLayout中的元素,默认都是以FrameLayout控件的坐上顶点作为基准点,一层一层的重叠起来,后加进来的元素覆盖前面的元素。

下面先来一个演示,代码如下:

            

运行结果如下:
【入门篇】Android学习笔记——常用布局

在代码里,有三个View,而在运行结果上只能看到两个View,一个黑色和一个绿色。这是因为红色的View被黑色的View盖住了。

在FrameLayout中,通过android:layout_gravity属性去指定子元素的位置,下面调整一下上诉例子中的黑色View的位置,让红色的View显示出来,调整后的代码如下:

可以看到上面代码里添加了android:layout_gravity属性,并且指定了两个值,一个为bottom,一个为right,表示这个View将被放到FrameLayout的右下角。运行结果如下图所示:

【入门篇】Android学习笔记——常用布局

LinearLayout

LinearLayout是线性布局,它可以让它内部的元素按照指定方向依次排开。LinearLayout的方向是通过android:orientation属性指定,并且可以通过android:gravity属性指定对其方式。

还是直接上段代码看看效果,代码如下:

            

在代码中,设置了LinearLayout的方向为纵向,并且对其方式居中对齐,于是运行结果如下图所示:

【入门篇】Android学习笔记——常用布局

除了android:orientation将设为vertical外,也可以设为horizontal。让LinearLayout内部的元素横向排列,将上面例子中的android:orientation属性值改为horizontal后的运行结果,如下图所示:

【入门篇】Android学习笔记——常用布局

RelativeLayout

RelativeLayout是基本布局里面最灵活,也是最复杂的布局,它内部的元素可以通过设定彼此之间的相对关系来决定布局,使用RelativeLayout时,推荐为其内部每个元素都设定id,下面依然通过一个列子来演示此布局的使用方法。代码如下:

                    

先分析代码,可以看到每一个View都被设置了一个id值,分别为red,black,green,gray和orange。然后通过代码,可以看出black位于red的右边和下面,green位于black的下面并且右对齐其父元素(即RelativeLayout),gray居中对齐父元素(即RelativeLayout), orange位于green的右边同时位于gray的下面,运行结果如图所示:

【入门篇】Android学习笔记——常用布局

在此在归纳一下RelativeLayout中,与布局相关的属性:

  • android:layout_below:位于指定元素的下方

  • android:layout_above:位于指定元素的上方

  • android:layout_toLeftOf:位于指定元素的左侧

  • android:layout_toRightOf:位于指定元素的右侧

  • android:layout_centerVertical:垂直居中对齐父元素

  • android:layout_centerHorizontal:水平居中对齐父元素

  • android:layout_centerInParent:居中对齐父元素

  • android:layout_alignParentRight:与父元素右对齐

  • android:layout_alignParentLeft:与父元素左对齐

  • android:layout_alignParentTop:与父元素上对齐

  • android:layout_alignParentBottom:与父元素下对齐

  • android:layout_alignRight:与指定元素右对齐

  • android:layout_alignLeft:与指定元素左对齐

  • android:layout_alignTop:与指定元素上对齐

  • android:layout_alignBottom:与指定元素下对齐

从Android 4.2开始,也就是从API Level 17开始,Android增强了RelativeLayout,使其能够更好的应对并本地化这一需求,比如在有的国家,文字是从右往左阅读,这也就是所说的RTL。为了应对RTL,RelativeLayout又增加了以下属性:

  • android:layout_alignStart:与指定元素的开始位置对齐

  • android:layout_toStartOf:位于指定元素的开始侧

  • android:layout_alignParentStart:与父元素与开始侧对齐

  • android:layout_alignEnd:与指定元素的结束始位置对齐

  • android:layout_toEndOf:位于指定元素的结束侧

  • android:layout_alignParentEnd:与指定元素的结束位置对齐

这里的开始和结束我们可以做如下理解:

  • 开始:在从左到右阅读习惯的国家,开始侧等于左侧,toStartOf的显示效果就等于toLeftOf。但是在从右往左阅读习惯的国家,那么开始侧就变成了右侧,toStartOf的显示效果就等于了toRightOf。

  • 结束:同上面对开始的理解一样,结束侧在从左到右阅读习惯的国家就是右侧,反之则在左侧。

欢迎转载,转载同时请尊重版权,附上本文原文链接:点击这里

==============================================

 更多内容,欢迎查看本人博客:林彦君的博客

================================================

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


当前题目:【入门篇】Android学习笔记——常用布局-创新互联
本文地址:http://myzitong.com/article/gshee.html