Android 開發之布局細節對比：RTL模式

版權聲明：轉載請聯系本人，感謝配合！本站位址：http://blog.csdn.net/nomasp https://blog.csdn.net/NoMasp/article/details/52074538

前言

講真，好久沒寫部落格了，2016都過了一半了，趕緊重新撿起來。（個人感慨，和内容無關……
           

所謂RTL，顧名思義也就是Right To Left，是一種阿拉伯語、波斯語等情況下從右往左的閱讀方式。當所開發的App等面向海外使用者時需要做這個适配。

從Android 4.2開始支援原生的RTL模式，對此之前的版本我也不想多做說明，這些老版本要是還支援那Android碎片化就沒完沒了了。

正文

如何檢視效果

首先要說的是，想要看RTL模式，不必去把手機中的語言/國家設定到阿拉伯等，隻需要在“開發者選項”中勾選“強制使用從右到左的布局方向“，這樣真的是友善太多了。

此處以MIUI為例，大家也不妨自己動手試試。

如圖，原本左右兩側的控件發生了對調，值得注意的是圖中紅色方框标注的圖示發生了翻轉（更标準的說法是”鏡像“）。

如何支援RTL

是不是很有意思呢，那麼如果在你的App中适配RTL呢？

1，需要在清單檔案總隊RTL的支援做一個聲明，放到< application >節點下。

android:supportsRtl="true"           

2，将布局中的”left、right“相關的屬性換成對應的”start、end“屬性。

這一步可能用說的不夠清晰，看代碼看圖！

<Button
        android:id="@+id/button"
        android:text="A"
        android:layout_width="60dp"
        android:layout_height="40dp" />

    <Button
        android:id="@+id/button2"
        android:text="B"
        android:layout_toRightOf="@id/button"
        android:layout_width="60dp"
        android:layout_height="40dp" />

    <Button
        android:id="@+id/button3"
        android:text="C"
        android:layout_toRightOf="@id/button2"
        android:layout_width="60dp"
        android:layout_height="40dp" />           

應該可以看出來這是在一個相對布局中，預設情況下是這樣的：

開啟RTL後，卻是這樣的：

為什麼B、C按鈕不見了？因為根據屬性，它們都在A的右邊，這已經超出的螢幕邊界。

如果我們對布局做一點修改：

android:layout_toRightOf
改成 
android:layout_toEndOf

如果有left，也照搬改成start就好。           

頁面不想支援RTL怎麼辦

有一些界面你不想它支援RTL，或者它本身不需要支援，那又該如何呢？比如說撥号界面，難道要把數字鍵也鏡像過去嗎：

隻需要加上這麼一句就好了呀。

layoutDirect可以使用4種屬性：
ltr：從左往右
rtl：從右往左
inherit：從上層視圖中繼承
locale：由Locale決定

分别對應的int值為0，1，2，3。           

圖檔怎麼辦

隻需要建立一個檔案夾，把鏡像後的圖檔放進去即可，代碼中不用做任何修改。

drawable-ldrtl-xhdpi
drawable-xhdpi

分辨率是一一對應的           

當然了，除了對圖像做預處理外，要是想用代碼直接控制也是可以的。

private ImageView image2;

// 省略

image2 =  (ImageView) findViewById(R.id.image2);

Drawable arrow = getResources().getDrawable(R.drawable.arrow);
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
    if (arrow != null) {
       arrow.setAutoMirrored(true);
    }
}
image2.setImageDrawable(arrow);           

結尾

還沒寫完，以後再增改。

有一個小Demo，托管到GitHub上了，希望以後可以将布局相關的部落格代碼都放到這一個工程下面，歡迎大家Star啊。

GitHub AndroidLayout