仿微信发起群聊界面

最近项目需求里面有个页面和微信发起群聊一模一样

我们首先分析下这样一个页面，我只贴部分关键性的代码和解决思路

1，最上方是一个 横方向的列表，先看布局文件

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:orientation="horizontal"
    android:paddingBottom="5dp"
    android:paddingLeft="10dp"
    android:paddingRight="10dp"
    android:paddingTop="5dp">

    <pro.widget.recyclerview.LQRRecyclerView
        android:id="@+id/creategame_add_haed_recyclerview"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:scrollbars="none"
        app:rv_orientation="horizontal"></pro.widget.recyclerview.LQRRecyclerView>

    <TextView
        android:id="@+id/creategame_add_tv_scale"
        android:layout_width="16dp"
        android:layout_height="16dp"
        android:layout_gravity="center_vertical"
        android:layout_marginLeft="3dp"
        android:layout_marginRight="3dp"
        android:background="@drawable/icon_scale" />

    <EditText
        android:id="@+id/creategame_add_edit"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:background="@null"
        android:drawablePadding="5dp"
        android:gravity="left|center_vertical"
        android:hint="搜索"
        android:paddingLeft="5dp"
        android:textColor="@color/app_black"
        android:textColorHint="@color/app_gray_text"
        android:textSize="14sp" />
</LinearLayout>

当我们选择用户的时候，需要更新头像列表，为了保证 搜索两个字 不被挤掉，我们需要每次重新设置它的布局宽度 , 其中tb是引用的一个资源 它=1dp,

然后监听输入框，运行下面代码：

LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(headList.size() < 7 ? LinearLayout.LayoutParams.WRAP_CONTENT :(int) (tb * 39 * 7), LinearLayout.LayoutParams.WRAP_CONTENT);//最大宽度限制为七格
creategameAddHaedRecyclerview.setLayoutParams(params);
mHeadQuickAdapter.notifyDataSetChanged();
if (headList.size() > 7) {//滑动到底部
    creategameAddHaedRecyclerview.smoothMoveToPosition(headList.size() - 1);
}

2，用户选择列表的排序和首字母的显示，分析下实现过程

（1）很显然我们首先需要得到名字对应的 大写首字母，我们可以用java开源框架  pingyin4j 来获得名字的大写字母

（2）用 Comparator 接口 进行排序 

（3）for 循环 记住每个大写字母第一次出现的下标

代码如下：ClientListBean 

/**
 * 为数据填充首字母,
 * @param data
 */
public void filledData(List<ClientListBean.DataListBean> data) {
    for (ClientListBean.DataListBean bean : data) {
        String pinyin = GetPinyin.getPinYinHeadChar(bean.getMemberName() + "");
        String sortString = pinyin.substring(0, 1).toUpperCase();
        if (sortString.matches("[A-Z]")) {
            bean.setSortLetters(sortString.toUpperCase());
        } else {
            bean.setSortLetters("#");
        }
    }
}

public class PinyinComparator implements Comparator<ClientListBean.DataListBean> {
    public int compare(ClientListBean.DataListBean o1, ClientListBean.DataListBean o2) {
        if (o2.getSortLetters().equals("#")) {
            return -1;
        } else if (o1.getSortLetters().equals("#")) {
            return 1;
        } else {
            return o1.getSortLetters().compareTo(o2.getSortLetters());
        }
    }
}

/**
 * 记录首字母首次出现的下标
 * @param data
 */
public void getPositionForSection(List<ClientListBean.DataListBean> data) {
    String section = "";
    for (ClientListBean.DataListBean bean : data) {
        if (!bean.getSortLetters().equals(section)) {
            section = bean.getSortLetters();
            bean.setSortLettersBool(true);
        }
    }
}

经过这三步后，我们就可以交数据（对象）移交给列表进行显示了