Android開發中的一些UI使用技巧

1、tools 命名空間

作用：佈局設計時使用，實際在運行時，不作爲有效元素顯示。（打包時忽略該屬性？）tools可以告訴Android Studio，哪些屬性在運行的時候是被忽略的，只在設計佈局的時候有效。tools屬性可以覆蓋android所有的屬性。即替換“android”爲“tools”，屬性就可以使用了

用法：

在跟佈局中添加

xmlns:tools="http://schemas.android.com/tools"

界面元素中，使用

tools:visibility="gone"

2、DataBinding 中，@BindingAdapter用法

A、首先添加命名空間  xmlns:app="http://schemas.android.com/apk/res-auto"

B、組件中，使用 app:loadPersonalImg="@{homeMineModel.personalInfoImgUrl}"

loadPersonalImg對應於Model中的方法，homeMineModel.personalInfoImgUrl對應於傳遞到Model中方法的參數。

C、Model 使用（方法的第一個參數對應於 xml中發起調用的組件對象，第二個參數開始對應於組件中傳遞的參數）

@BindingAdapter("loadPersonalImg")
    public static void setLoadImage(SimpleDraweeView img, String url) {
        if (img != null && url != null && !TextUtils.isEmpty(url)) {
            img.setImageURI(Uri.parse(url + ScreenUtil.getImageScale(img.getWidth())));
        }
    }

這樣，就將組件需要完成的邏輯方法，交由Model中完成。

3、android中設置組件的字體、顏色、背景等，都可以交由drawable完成。通過drawable中設置不同的selector，來隊組件不同的狀態，

設置不同的顏色、背景樣式等。

<RadioButton
 2             android:id="@+id/mHomeHomeRb"
 3             android:layout_width="0dp"
 4             android:layout_height="wrap_content"
 5             android:layout_weight="1"
 6             android:button="@null"
 7             android:gravity="center"
 8             android:text="@string/home_home"
 9             android:textColor="@drawable/selector_tab_text_color"
10             android:background="@color/tab_bg"
11             android:drawableTop="@drawable/selector_tab_home"
12            />

 A、selector_tab_home.xml ：tab被選中時對應icon的狀態

1 <?xml version="1.0" encoding="utf-8"?>
2 <selector xmlns:android="http://schemas.android.com/apk/res/android">
3 
4     <item android:drawable="@mipmap/tab_home_selected" android:state_pressed="false" android:state_selected="true" />
5     <item android:drawable="@mipmap/tab_home_selected" android:state_checked="true" android:state_pressed="false" />
6     <item android:drawable="@mipmap/tab_home_nomal" />
7 
8 
9 </selector>

B、 selector_tab_text_color.xml ：tab中的文字被選中時的狀態

1 <?xml version="1.0" encoding="utf-8"?>
2 <selector xmlns:android="http://schemas.android.com/apk/res/android">
3 
4 <item android:color="@color/white" android:state_pressed="false" android:state_selected="true" />
5 <item android:color="@color/white" android:state_checked="true" android:state_pressed="false" />
6 <item android:color="@color/black" />
7 
8 
9 </selector>