Android 中几个常用布局 - 快车库

边距

margin 外边距
padding 内边距

layout布局区分

layout_ 称之为布局参数，用于告诉父组件如何安排自身的子元素（margin，告诉处理组件间距）
不带layout 作用于自身（padding，组件大于文字多少）

论像素

dp 与密度无关的像素 density independent pixel
sp 与缩放无关的像素 scale (比例尺） independent pixel

再论布局

layout_weight 当layout_width 于layout_height 分配好空间后，剩余空间，layout_weight用作分配组件所占空间份额的加权值(如要完全按照weight分配，只需置其他参数为0）

挑战练习内容

使用DateFormat类格式化date

  String formatDate=(String)DateFormat.format("E,MMMM,yy",mCrime.getDate());

"MM/dd/yy h:mmaa" -> "11/03/87 11:23am"
"MMM dd, yyyy h:mmaa" -> "Nov 3, 1987 11:23am"
"MMMM dd, yyyy h:mmaa" -> "November 3, 1987 11:23am"
"E, MMMM dd, yyyy h:mmaa" -> "Tues , November 3, 1987 11:23am"
"EEEE, MMMM dd, yyyy h:mmaa" -> "Tues day, Nov 3, 1987 11:23am"
"YYYY年MM月dd日,kk:mm" -> 2014年09月30日,11:23

用24小时制：

"EEEE, MMMM dd, yyyy kk:mm" -> "Tues day, Nov 3, 1987 23:23"
其中：12小时制：hh; 24小时制: kk，如果用 SimpleDateFormat ，则为： hh; HH
Android.text.format.DateFormat类的static boolean is24HourFormat(Context context)方法可以用来判断当前系统时间是否为24小时制式

单例模式复习

用一个私有的空的构造函数，使其他函数无法创造新的对象，只能使用get
···

public class CrimeLab {
    private static CrimeLab sCrimeLab;

    public static CrimeLab get(Context context){
        if(sCrimeLab == null){
            sCrimeLab = new CrimeLab(context)
        }
        return sCrimeLab;
    }
    private CrimeLab(Context context){

    }
}

···FrameLayout

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

下面先来一个演示，代码如下：

<FrameLayout

    xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="match_parent"

    android:layout_height="match_parent">


    <View

        android:layout_width="200dp"

        android:layout_height="200dp"

        android:background="#ff0000"/>


    <View

        android:layout_width="200dp"

        android:layout_height="200dp"

        android:background="#000000"/>


    <View

        android:layout_width="200dp"

        android:layout_height="200dp"

        android:layout_margin="100dp"

        android:background="#00ff00"/>


</FrameLayout>

运行结果如下：

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

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

<View

    android:layout_width="200dp"

    android:layout_height="200dp"

    android:layout_gravity="bottom|right"

    android:background="#000000"/>

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

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

还是直接上段代码看看效果，代码如下：

<LinearLayout

    xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:orientation="vertical"

    android:gravity="center">


    <View

        android:layout_width="100dp"

        android:layout_height="100dp"

        android:background="#ff0000"/>


    <View

        android:layout_width="100dp"

        android:layout_height="100dp"

        android:background="#000000"/>


    <View

        android:layout_width="100dp"

        android:layout_height="100dp"

        android:background="#00ff00"/>

</LinearLayout>

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

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

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

<RelativeLayout

    xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="match_parent"

    android:layout_height="match_parent">


    <View android:id="@+id/red"

        android:layout_width="100dp"

        android:layout_height="100dp"

        android:background="#ff0000"/>


    <View android:id="@+id/black"

        android:layout_width="100dp"

        android:layout_height="100dp"

        android:layout_toRightOf="@id/red"

        android:layout_below="@id/red"

        android:background="#000000"/>


    <View android:id="@+id/green"

        android:layout_width="100dp"

        android:layout_height="100dp"

        android:layout_below="@id/black"

        android:layout_alignParentRight="true"

        android:background="#00ff00"/>


    <View android:id="@+id/gray"

        android:layout_width="100dp"

        android:layout_height="100dp"

        android:layout_centerInParent="true"

        android:background="#888888"/>


    <View android:id="@+id/orange"

        android:layout_width="100dp"

        android:layout_height="100dp"

        android:layout_toRightOf="@id/green"

        android:layout_below="@id/gray"

        android:background="#ff8800"/>

</RelativeLayout>

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

在此在归纳一下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。
结束：同上面对开始的理解一样，结束侧在从左到右阅读习惯的国家就是右侧，反之则在左侧。