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>