android 挤压动画,Android带有挤压效果的地区选择列表

本demo实现了带有挤压效果的地区选择列表，可以通过字母顺序排序，分类。通过拼音或者首字母以及汉字进行搜索。

详细参考demo请下载：

1、准备一个json文件放在assets文件夹中，文件中存储的是全国各个城市的信息。主要包括名称和ID。

2、读取assets文件中的信息。存储为一个list。

3、定义一个CharacterParser类，将汉字转为拼音。

4、定义一个PinyinComparator类，根据拼音来排列ListView里面的数据类。

5、自定义一个SideBar，作为右侧滑动的字母控件。进行选取和滑动。

6、对list进行排序，并将首字母提取出来，去重后，传入自定义的SideBar中，初始化SideBar的初始字母列表。

7、自定义ClearEditText控件，对删除输入框中的内容作出处理。

8、布局如下

xmlns:app="http://schemas.android.com/apk/res-auto"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:background="#f0f0f0" >

android:id="@+id/addressSearchRl"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:background="#f0f0f0"

android:padding="10dp" >

android:id="@+id/addressSearch"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:background="@drawable/btn_white_corners_address"

android:drawableLeft="@drawable/address_search"

android:drawablePadding="4dp"

android:hint="输入您所在的城市"

android:padding="10dp"

android:singleLine="true"

android:textColor="#969696"

android:textSize="12sp" />

android:id="@+id/addressListRl"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:layout_below="@+id/addressSearchRl"

android:layout_marginTop="1dp" >

android:id="@+id/cityList"

android:listSelector="#e4e4e4"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:layout_gravity="center"

android:divider="@null" />

android:id="@+id/noCityNotice"

android:layout_width="match_parent"

android:layout_height="30dp"

android:layout_gravity="right|top"

android:background="#e4e4e4"

android:gravity="center_vertical"

android:text="没有匹配的城市"

android:textColor="#454545"

android:visibility="gone" />

android:id="@+id/title_layout"

android:layout_width="fill_parent"

android:layout_height="30dp"

android:layout_gravity="right|top"

android:background="#e4e4e4"

android:orientation="vertical" >

android:id="@+id/title_layout_catalog"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:background="#e4e4e4"

android:paddingBottom="5dp"

android:paddingLeft="5dp"

android:paddingTop="5dp"

android:textColor="@android:color/black" />

android:id="@+id/txt"

android:layout_width="80dp"

android:layout_height="80dp"

android:layout_gravity="center"

android:background="#F3981C"

android:gravity="center"

android:textColor="@android:color/white"

android:textSize="30dp"

android:visibility="invisible" />

android:id="@+id/sidebar"

android:layout_width="30dp"

android:layout_height="match_parent"

android:layout_gravity="right|center"

android:layout_marginBottom="30dp"

android:layout_marginTop="30dp" />

在该布局中，使用TextView定义一个弹出层(@+id/txt)，当滑动右侧列表时，弹出当前选中的字母。因为要实现挤压的效果，所以定义一个TextView(@+id/title_layout_catalog)，当滑动时，置于上层显示当前字母。