189 8069 5689

【入门篇】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://cdxtjz.cn/article/gshee.html

其他资讯