从右往左的布局（ RTL layout ）

Elyar的Android笔记（八）：

转载前请注明出处，尊重版权：http://book.51cto.com/art/201311/418549.htm

从右到左布局（RTL Layout）

从Android 4.2开始，Android SDK支持一种从右到左（RTL，Right-to-Left）UI布局的方式，尽管这种布局方式经常被使用在诸如阿拉伯语、希伯来语等环境中，中国用户很少使用。不过在某些特殊用途中还是很方便的。

所谓RTL，就是指按平常习惯在左的视图都会在右侧，在右侧的视图都会在左侧。例如，在线性布局中第1个子视图默认都是在左上角的，如果采用RTL布局，默认就在右上角了。

RTL布局默认是关闭的，如果想使用RTL布局，首先要在AndroidManifest.xml文件中将标签的android:supportsRtl属性值设为"true"，然后需要将相应视图标签的android:layoutDirection属性值设为"rtl"。

如果要使用RTL布局，还应该注意一个重要的问题。假设一个水平线性布局中有两个标签：TextView1和TextView2。TextView1位于窗口的左上角，而TextVew2在TextView1的右侧，到TextView1的距离是100dp。实际上就是TextView2的左边缘到TextView1的右边缘的距离。如果当前是默认布局方式（LTR，从左到右，Left-to-Right），只需要将TextView2的android:layout_marginLeft属性值设为"100dp"即可。不过这在RTL布局中却恰好相反。在RTL布局中，TextView1在窗口的右上角，而TextView2却跑到了TextView1的左侧，所以TextView2到TextView1的距离实际上变成了TextView2的右边缘到TextView1的左边缘的距离。因此应该设置TextView2的android:layout_marginRight属性，这样就会造成RTL和LTR两种布局模式中UI排列的混乱。为了解决这个问题，在Android 4.2中新加了如下两个布局属性。

android:layout_marginStart：如果在LTR布局模式下，该属性等同于android:layout_marginLeft。如果在RTL布局模式下，该属性等同于android:layout_marginRight。

android:layout_marginEnd：如果在LTR布局模式下，该属性等同于android:layout_marginRight。如果在RTL布局模式下，该属性等同于android:layout_marginLeft。

首先来看下面的布局。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#000"
    android:orientation="horizontal" >
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#F00"
        android:text="TextView1"
        android:textSize="30sp" />
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="100dp"
        android:background="#F00"
        android:text="TextView2"
        android:textSize="30sp" />
LinearLayout>

该布局是默认的LTR布局，所以两个TextView控件都是从左到右排列的，如图8-16所示。

现在将标签的android:layoutDirection属性值设为"rtl"，其他布局代码不动。再运行程序，就会看到如图8-17所示的效果。TextView1和TextView2都是从右侧开始排列的，在不改动其他代码的情况下达到这个效果，全靠TextView2使用了android:layout_marginStart属性设置了两个TextView控件的间距。