仿微信通讯录滑动定位ListView功能

最新推荐文章于 2020-07-07 21:13:06 发布

李元静

最新推荐文章于 2020-07-07 21:13:06 发布

阅读量8.8k

点赞数 3

分类专栏： android 文章标签： Android listview 微信通讯录

本文链接：https://blog.csdn.net/liyuanjinglyj/article/details/48709387

版权

既然是仿，那么我们来看看源微信通讯录是个什么样子什么功能以及我们实现后的效果，如下图所示：

下面我们就来一步一步剖析这个功能实现及其思路。

1.分析界面的构成

界面由上左右中四部分构成，控件分别为：

Ⅰ上为EditText输入文本框。

Ⅱ左为ListView。

Ⅲ右为自定义控件。

Ⅳ中为一个隐藏的TextView，当点击右侧自定义控件的字母时，将隐藏的TextView显示出来。

左右中三控件使用什么布局才能达到如此效果？使用LinearLayout显然不可能完成，TextView无法设置在某个控件之上，设置为RelativeLayout需要设置许多参数才能达到上面的效果，那么FrameLayout呢？

FrameLayout是最简单的布局了。所有放在布局里的控件，都按照层次堆叠在屏幕的左上角。后加进来的控件覆盖前面的控件。在FrameLayout布局里，定义任何空间的位置相关的属性都毫无意义。控件自动的堆放在左上角，根本不听你的控制。

当设置为FrameLayout层叠的控件问题解决了，当设置android:layout_gravity="right"时，自定义控件自动就水平居右了，当设置android:gravity="center"中间的TextView就居中了，不像RelativeLayout还要设置什么控件在什么控件的左过或者右边等复杂的属性。

当了解这些后，我们的布局文件也可形成了，代码如下：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:focusable="true"
    android:focusableInTouchMode="true"
    android:orientation="vertical">

    <EditText
        android:id="@+id/searchEdit"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/search_frame" />


    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <ListView
            android:id="@+id/myList"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />

        <TextView
            android:id="@+id/dialogString"
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:layout_gravity="center"
            android:textSize="50sp"
            android:visibility="invisible"
            android:background="#54FF9F"
            android:textColor="#8B1A1A"
            android:gravity="center"/>

        <com.example.liyuanjing.addressbook.RightView
            android:id="@+id/rightView"
            android:layout_width="20dp"
            android:layout_height="match_parent"
            android:layout_gravity="right" />
    </FrameLayout>
</LinearLayout>