UI优化


按钮背景扁平化处理

定义一个黑色边框，白色背景的图片作为背景

black_border.xml 
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >

    <corners android:radius="5dp" />

    <solid android:color="@android:color/white" />

    <stroke
        android:width="0.5dp"
        android:color="@android:color/black" />

</shape>

black_border_pressed.xml 
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >

    <corners android:radius="5dp" />
    
    <solid android:color="@android:color/holo_blue_light" />

    <stroke
        android:width="0.5dp"
        android:color="@android:color/black" />

</shape>

使用Selector 
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:drawable="@drawable/black_border_pressed" android:state_pressed="true"/>
    <item android:drawable="@drawable/black_border"/>

</selector>

效果如下图：

ListView背景优化：

  • android:divider="@null"，配置ListView内Item的间隔为@null，即——没有间隔。
  • android:background="@null"，配置无背景
  • android:dividerHeight="@dimen/list_dirver_height"，配置分割的高度即——item之间的间隔“距离”。