android 仿微信demo————微信启动界面实现

android 仿微信demo————注册功能实现（移动端）

android 仿微信demo————注册功能实现（服务端）

android 仿微信demo————登录功能实现（移动端）

android 仿微信demo————登录功能实现（服务端）

android 仿微信demo————微信主界面实现

android 仿微信demo————微信消息界面实现（移动端）

android 仿微信demo————微信消息界面实现（服务端）

android 仿微信demo————微信通讯录界面功能实现（移动端，服务端）

android 仿微信demo————微信发现界面实现

android 仿微信demo————微信顶部操作栏界面实现

android 仿微信demo————微信顶部操作栏搜索按钮实现（查询通讯录好友功能）

android 仿微信demo————微信顶部操作栏加号按钮实现（弹出子菜单）

源码获取(微信公众号:stormzhuo)

上一篇中实现微信顶部操作栏界面，并没有实现按钮点击事件跳转的activity，这一篇主要实现搜索按钮功能（查询通讯录好友）

微信顶部操作栏搜索按钮实现（查询通讯录好友功能）

下面我们来实现第一个按钮功能（搜索通讯录好友）

观察微信，当点击搜索按钮时页面会发送变化，页面的顶部是一个搜索框，右边还包括一个取消按钮，点击可返回到之前的页面，下面就是一些可以搜索的指定内容（不实现），在搜索框中可以搜索联系人，可通过字母搜索（这里只实现首字母检索），和名称检索。

上面这些功能，总的来说就是点击按钮跳转到另一个activity，然后在activity实现这些布局，搜索功能在activity中进行处理

下面给出点击搜索按钮跳转的activity的布局
search.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:background="@color/white">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:background="#E5E5E5">
        
        <android.support.v7.widget.SearchView
            android:id="@+id/searview"
            android:layout_width="300dp"
            android:layout_height="30dp"
            android:layout_marginLeft="10dp"
            android:layout_marginTop="30dp"
            android:background="@color/white"
            app:iconifiedByDefault="false"
            app:queryHint="搜索" />
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:background="@null"
            android:text="取消"
            android:textColor="@color/massageLogin"
            android:onClick="back"/>
        
    </LinearLayout>

    <LinearLayout
        android:id="@+id/label"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:background="#E5E5E5">
        
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="30dp"
        android:layout_gravity="center_horizontal"
        android:text="搜索指定内容"
        android:textColor="#BEBEBE"/>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:divider="@drawable/login_dvier"
        android:gravity="center_horizontal"
        android:layout_marginTop="30dp"
        android:showDividers="middle">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingHorizontal="30dp"
            android:text="朋友圈"
            android:textColor="@color/massageLogin"
            android:textSize="14dp" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingHorizontal="30dp"
            android:text="文章"
            android:textColor="@color/massageLogin"
            android:textSize="14dp" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingHorizontal="30dp"
            android:text="公众号"
            android:textColor="@color/massageLogin"
            android:textSize="14dp" />
        
    </LinearLayout>
        
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:divider="@drawable/login_dvier"
        android:gravity="center_horizontal"
        android:layout_marginTop="30dp"
        android:layout_marginLeft="-6dp"
        android:showDividers="middle">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingHorizontal="30dp"
            android:text="小程序"
            android:textColor="@color/massageLogin"
            android:textSize="14dp" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingHorizontal="30dp"
            android:text="音乐"
            android:textColor="@color/massageLogin"
            android:textSize="14dp" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingHorizontal="30dp"
            android:text=" 表情"
            android:textColor="@color/massageLogin"
            android:textSize="14dp" />
        
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:divider="@drawable/login_dvier"
        android:layout_marginLeft="40dp"
        android:layout_marginTop="30dp"
        android:showDividers="middle">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingHorizontal="30dp"
            android:text="服务"
            android:textColor="@color/massageLogin"
            android:textSize="14dp" />
        
    </LinearLayout>
        
    </LinearLayout>

    <LinearLayout
        android:id="@+id/top"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:text="联系人"
            android:textColor="#A8A8A8"/>
        <View
            android:layout_width="match_parent"
            android:layout_height="0.5dp"
            android:layout_marginLeft="10dp"
            android:background="#90909090" />
        
    </LinearLayout>

    <ListView
        android:id="@+id/listView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:divider="@drawable/main_list_divider_line"
        android:dividerHeight="1.5px"
        android:layout_marginBottom="50dp">
    </ListView>
    
</LinearLayout>

上面布局包括我们前面说过的搜索框(searchview),右边的取消按钮（button),以及下面的搜索指定内容，对应事件的处理代码在activity中进行处理，还有当在搜索框输入内容显示的联系人和listview(默认情况下不显示），下面给出对应的actiivty

创建上面布局对应的activity
Search.java

package com.zhang.test.wxchatdemo1;

import android.graphics.Color;
import android.os.Build;
import android.os.Bundle;
import android.support.v7.app.ActionBar;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.SearchView;
import android.text.TextUtils;
import android.view.View;
import android.widget.BaseAdapter;
import android.widget.LinearLayout;
import android.widget.ListView;

import com.zhang.test.wxchatdemo1.adapter.SearchSortAdapter;
import com.zhang.test.wxchatdemo1.tools.User;

import java.util.ArrayList;
import java.util.List;
import java.util.Map;

public class Search extends AppCompatActivity {
    //声明组件
    private SearchView mSearchView;
    private ListView mListView;
    private LinearLayout label;
    private LinearLayout top;
    //创建集合用户处理搜索功能
    private  List<User> list = MainWeixin.list;
    private List<User> list1 = null;
    public static List<Map<String, String>> data = MainWeixin.data;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.search);
        /* 隐藏自带标题*/
        ActionBar actionBar = getSupportActionBar();
        if (actionBar != null) {
            actionBar.hide();
        }
        if (Build.VERSION.SDK_INT >= 21) {
            View decorView = getWindow().getDecorView();
            int option = View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN //全屏显示
                    | View.SYSTEM_UI_FLAG_LAYOUT_STABLE
                    | View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR; //因为背景为浅色所以将状态栏字体设置为黑色
            decorView.setSystemUiVisibility(option);
            getWindow().setStatusBarColor(Color.TRANSPARENT);
        }
        //初始化组件
        mListView = (ListView) findViewById(R.id.listView);
        label = (LinearLayout) findViewById(R.id.label);
        top = (LinearLayout) findViewById(R.id.top);
        mSearchView = (SearchView) findViewById(R.id.searview);
        //设置searchview适配器
        mSearchView.setOnQueryTextListener(new SearchView.OnQueryTextListener() {
            @Override
            public boolean onQueryTextSubmit(String query) {
                return true;
            }
            //获取输入内容
            @Override
            public boolean onQueryTextChange(String newText) {
                //如果newText是长度为0的字符串，则显示下面的指定搜索内容，不显示listview和联系人
                if (TextUtils.isEmpty(newText)){
                    label.setVisibility(View.VISIBLE);
                    mListView.setVisibility(View.GONE);
                    top.setVisibility(View.GONE);
                }else { //否则显示listview显示结果，其他都隐藏掉
                    label.setVisibility(View.GONE);
                    mListView.setVisibility(View.VISIBLE);
                    System.out.println("+++++" + newText);
                    list1 = new ArrayList<>();//创建集合，存储检索到的数据
                    /*检索数据*/
                    for (int i = 0; i < list.size(); i ++) {
                        char[] inputText = newText.toCharArray();
                        char[] chars = list.get(i).getName().toCharArray();
                            for (int j = 0; j < inputText.length; j++) {
                                if (j < chars.length) {
                                    if (inputText[j] == chars[j] ||
                                            newText.equalsIgnoreCase(list.get(i).getFirstLetter())) {
                                        if (j == (inputText.length - 1)) {
                                            top.setVisibility(View.VISIBLE);
                                            list1.add(new User(list.get(i).getName()));
                                        }
                                    }else {
                                        break;
                                    }
                                }
                            }
                    }
                    if (list1.size() != 0) {
                        //创建自定义的适配器，用于把数据显示在组件上
                        BaseAdapter adapter = new SearchSortAdapter(getApplicationContext(), data,
                                list1, newText, mListView);
                        //设置适配器
                        mListView.setAdapter(adapter);
                    } else {
                        mListView.setVisibility(View.GONE);
                    }
                }
                return false;
            }
        });
    }

    //取消返回
    public void back(View v) {
        this.finish();
    }
}

上面代码主要内容就是给searchview设置监听器，当用户输入内容时并通过这些内容在已有的通讯录数据中进行判断检索，当检索到数据后在添加到list集合中，之后就可以给listview设置自定义的适配器，并把检索到的数据一并传过去。

既然用到listview，自然需要给listview一个item布局
search_item.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/search_list"
    android:layout_width="match_parent"
    android:layout_height="80dp"
    android:layout_marginTop="300dp"
    android:padding="10dp"
    android:orientation="horizontal">
    <ImageView
        android:id="@+id/search_img"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
        <TextView
            android:id="@+id/search_text"
            android:textColor="#000000"
            android:textSize="18dp"
            android:gravity="center_vertical"
            android:layout_marginLeft="26dp"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />
</LinearLayout>

自定义适配器如下
SearchSortAdapter.java

package com.zhang.test.wxchatdemo1.adapter;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.Handler;
import android.os.Message;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;

import com.zhang.test.wxchatdemo1.R;
import com.zhang.test.wxchatdemo1.tools.User;

import org.json.JSONException;
import org.json.JSONObject;

import java.io.DataOutputStream;
import java.io.IOException;
import java.io.InputStream;
import java.net.HttpURLConnection;
import java.net.URL;
import java.util.List;
import java.util.Map;

public class SearchSortAdapter extends BaseAdapter{

    //自定义handler机制
    private ImageHandler imgHandler = new ImageHandler();
    private Bitmap img;
    private ViewHolder viewHolder;
    private String newText;
    private List<User> list = null;;
    private List<Map<String, String>> data = null;
    private Context mContext;

    public SearchSortAdapter(Context mContext, List<Map<String, String>> data, List<User> list,
                             String newText) {
        this.mContext = mContext;
        this.list = list;
        this.data = data;
        this.newText = newText;
    }

    public int getCount() {
        return this.list.size();
    }

    public Object getItem(int position) {
        return list.get(position);
    }

    public long getItemId(int position) {
        return position;
    }

    public View getView(final int position, View view, ViewGroup arg2) {

        final User user = list.get(position);
        if (view == null) {
            viewHolder = new ViewHolder();
            //获取listview对应的item布局
            view = LayoutInflater.from(mContext).inflate(R.layout.search_item, null);
            //初始化组件
            viewHolder.search_img = (ImageView) view.findViewById(R.id.search_img);
            viewHolder.search_text = (TextView) view.findViewById(R.id.search_text);
            viewHolder.search_list = (LinearLayout) view.findViewById(R.id.search_list);
            view.setTag(viewHolder);
        } else {
            viewHolder = (ViewHolder) view.getTag();
        }
        if (this.list.get(position).getName().equals("新的朋友") || this.list.get(position).getName().equals("标签")
    || this.list.get(position).getName().equals("群聊") || this.list.get(position).getName().equals("公众号")) {

        }else {
            Map<String, String> map = data.get(0);
            Thread thread1 = new Thread(new Runnable() {
                @Override
                public void run() {
                    img =  getImg(map.get(list.get(position).getName()));
                    Message msg = imgHandler.obtainMessage();
                    msg.what = 0;
                    msg.obj = img;
                    imgHandler.sendMessage(msg);
                }
            });
            thread1.start();
            try {
                thread1.join();
            } catch (InterruptedException e) {
                e.printStackTrace();
            }
            viewHolder.search_img.setImageBitmap(img);
            viewHolder.search_text.setText(this.list.get(position).getName());
        }
        return view;
    }

    final static class ViewHolder {
        TextView search_text;
        ImageView search_img;
        LinearLayout search_list;
    }
    /**
     * 从服务器读取图片流数据，并转换为Bitmap格式
     * @return Bitmap
     */
    private Bitmap getImg(String url){
        Bitmap img = null;
        try {
            URL imgUrl = new URL(url);
            HttpURLConnection conn = (HttpURLConnection) imgUrl.openConnection();
            conn.setRequestMethod("POST");
            conn.setConnectTimeout(1000 * 6);
            conn.setDoInput(true);
            conn.setDoOutput(true);
            conn.setUseCaches(false);
            conn.setRequestProperty("Content-Type", "application/x-www-form-urlencoded");
            conn.setRequestProperty("Connection", "Keep-Alive");
            conn.setRequestProperty("Charset", "UTF-8");
            conn.connect();
            //输出流写参数
            DataOutputStream dos = new DataOutputStream(conn.getOutputStream());
            String param = getParam();
            dos.writeBytes(param);
            dos.flush();
            dos.close();
            int resultCode = conn.getResponseCode();
            if(HttpURLConnection.HTTP_OK == resultCode){
                InputStream is = conn.getInputStream();
                img = BitmapFactory.decodeStream(is);
                is.close();
            }
        } catch (IOException e) {
            e.printStackTrace();
        }
        return img;
    }

    /**
     * 测试参数
     * @return
     */
    private String getParam(){
        JSONObject jsObj = new JSONObject();
        try {
            jsObj.put("picFormat", "jpg");
            jsObj.put("testParam", "9527");
        } catch (JSONException e) {
            e.printStackTrace();
        }

        return jsObj.toString();
    }

    /**
     * 异步线程请求到的图片数据，利用Handler，在主线程中显示
     */
    class ImageHandler extends Handler {
        @Override
        public void handleMessage(Message msg) {

            switch (msg.what) {
                case 0:
                    img = (Bitmap)msg.obj;
                    break;
                default:
                    break;
            }
        }
    }
}

好了，所有的搜索按钮代码已给出，可以进行测试，测试前要移植我们之前的代码，为什么要移植呢，因为搜索功能需要数据，而数据在哪呢，就在通讯录界面哪里获取的，但是数据只有当点击通讯录界面时才有数据，如果没点击通讯录界面去点击搜索按钮并输入内容便会报错，因为此时没有数据，所有我需要把通信录界面获取好友信息的代码移植到包含fragment的activity中

修改MainWeixin activity
MainWeixin.java

package com.example.wxchatdemo;

import android.annotation.SuppressLint;
import android.app.AlertDialog;
import android.app.Dialog;
import android.app.FragmentManager;
import android.app.FragmentTransaction;
import android.content.DialogInterface;
import android.content.Intent;
import android.graphics.Color;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.support.v4.app.FragmentActivity;
import android.util.Log;
import android.view.KeyEvent;
import android.view.View;
import android.view.Window;
import android.widget.ImageView;
import android.widget.TextView;

import com.example.wxchatdemo.tools.User;

import org.json.JSONObject;

import java.io.BufferedReader;
import java.io.BufferedWriter;
import java.io.InputStream;
import java.io.InputStreamReader;
import java.io.OutputStream;
import java.io.OutputStreamWriter;
import java.net.HttpURLConnection;
import java.net.URL;
import java.net.URLEncoder;
import java.util.ArrayList;
import java.util.Collections;
import java.util.HashMap;
import java.util.List;
import java.util.Map;


public class MainWeixin extends FragmentActivity implements View.OnClickListener {
    private WeixinFragment firstFragment = null;// 用于显示微信界面
    private ContactListFragment secondFragment = null;// 用于显示通讯录界面
    private FindFragment thirdFragment = null;// 用于显示发现界面
    private SelfFragment fourthFragment = null;// 用于显示我界面

    private View firstLayout = null;// 微信显示布局
    private View secondLayout = null;// 通讯录显示布局
    private View thirdLayout = null;// 发现显示布局
    private View fourthLayout = null;// 我显示布局

    /*声明组件变量*/
    private ImageView weixinImg = null;
    private ImageView contactImg = null;
    private ImageView findImg = null;
    private ImageView selfImg = null;

    private TextView weixinText = null;
    private TextView contactText = null;
    private TextView  findText = null;
    private TextView selfText = null;

    String[] imgUrl;
    String[] name;
    /*声明或创建集合，用于处理数据*/
    public static ArrayList<User> list;
    public static ArrayList<Integer> list2;
    public static List<Map<String, String>> data = new ArrayList<Map<String, String>>();

    //自定义的一个Hander消息机制
    private MyHander myhander = new MyHander();
    //微信号，用于查找微信消息列表
    private String number;

    private FragmentManager fragmentManager = null;// 用于对Fragment进行管理
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        /*获取登录activity传过来的微信号*/
        Intent intent = getIntent();
        number = intent.getStringExtra("weixin_number");
        /*开启一个线程，用微信号向服务器请求通讯录数据*/
        Thread thread1 = new Thread(new Runnable() {
            @Override
            public void run() {
                httpUrlConnPost(String.valueOf(number));
            }
        });
        thread1.start();
        /*等待线性处理完成*/
        try {
            thread1.join();
        } catch (InterruptedException e) {
            e.printStackTrace();
        }
        initData(); //初始化数据
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);//要求窗口没有title
        super.setContentView(R.layout.main_weixin);
        // 初始化布局元素
        initViews();
        fragmentManager = getFragmentManager();//用于对Fragment进行管理
        // 设置默认的显示界面
        setTabSelection(0);
    }

    /**
     * 在这里面获取到每个需要用到的控件的实例，并给它们设置好必要的点击事件
     */
    @SuppressLint("NewApi")
    public void initViews() {
        fragmentManager = getFragmentManager();
        firstLayout = findViewById(R.id.weixin_layout);
        secondLayout = findViewById(R.id.contacts_layout);
        thirdLayout = findViewById(R.id.find_layout);
        fourthLayout = findViewById(R.id.self_layout);

        weixinImg = (ImageView) findViewById(R.id.weixin_img);
        contactImg = (ImageView) findViewById(R.id.contact_img);
        findImg = (ImageView) findViewById(R.id.find_img);
        selfImg = (ImageView) findViewById(R.id.self_img);

        weixinText = (TextView) findViewById(R.id.weixin_text);
        contactText = (TextView) findViewById(R.id.contact_text);
        findText = (TextView) findViewById(R.id.find_text);
        selfText = (TextView) findViewById(R.id.self_text);

        //处理点击事件
        firstLayout.setOnClickListener(this);
        secondLayout.setOnClickListener(this);
        thirdLayout.setOnClickListener(this);
        fourthLayout.setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()) {
            case R.id.weixin_layout:
                setTabSelection(0);// 当点击了微信时，选中第1个tab
                break;
            case R.id.contacts_layout:
                setTabSelection(1);// 当点击了通讯录时，选中第2个tab
                break;
            case R.id.find_layout:
                setTabSelection(2);// 当点击了发现时，选中第3个tab
                break;
            case R.id.self_layout:
                setTabSelection(3);// 当点击了我时，选中第4个tab
                break;
            default:
                break;
        }

    }

    /**
     * 根据传入的index参数来设置选中的tab页 每个tab页对应的下标。0表示微信，1表示通讯录，2表示发现，3表示我
     */
    @SuppressLint("NewApi")
    private void setTabSelection(int index) {
        clearSelection();// 每次选中之前先清除掉上次的选中状态
        FragmentTransaction transaction = fragmentManager.beginTransaction();// 开启一个Fragment事务
        hideFragments(transaction);// 先隐藏掉所有的Fragment，以防止有多个Fragment显示在界面上的情况
        switch (index) {
            case 0:
                // 当点击了我的微信tab时改变控件的图片和文字颜色
                weixinImg.setImageResource(R.drawable.tab_weixin_pressed);//修改布局中的图片
                weixinText.setTextColor(Color.parseColor("#0090ff"));//修改字体颜色

                if (firstFragment == null) {

                    // 如果FirstFragment为空，则创建一个并添加到界面上
                    firstFragment = new WeixinFragment(number);
                    transaction.add(R.id.fragment, firstFragment);

                } else {
                    // 如果FirstFragment不为空，则直接将它显示出来
                    transaction.show(firstFragment);//显示的动作
                }
                break;
            // 以下和firstFragment类同
            case 1:
                contactImg.setImageResource(R.drawable.tab_address_pressed);
                contactText.setTextColor(Color.parseColor("#0090ff"));
                if (secondFragment == null) {
                    secondFragment = new ContactListFragment();
                    transaction.add(R.id.fragment, secondFragment);
                } else {
                    transaction.show(secondFragment);
                }
                break;
            case 2:
                findImg.setImageResource(R.drawable.tab_find_frd_pressed);
                findText.setTextColor(Color.parseColor("#0090ff"));
                if (thirdFragment == null) {
                    thirdFragment = new FindFragment();
                    transaction.add(R.id.fragment, thirdFragment);
                } else {
                    transaction.show(thirdFragment);
                }
                break;
            case 3:
                selfImg.setImageResource(R.drawable.tab_settings_pressed);
                selfText.setTextColor(Color.parseColor("#0090ff"));
                if (fourthFragment == null) {
                    fourthFragment = new SelfFragment();
                    transaction.add(R.id.fragment, fourthFragment);
                } else {
                    transaction.show(fourthFragment);
                }
                break;
        }
        transaction.commit();

    }

    /**
     * 清除掉所有的选中状态
     */
    private void clearSelection() {
        weixinImg.setImageResource(R.drawable.tab_weixin_normal);
        weixinText.setTextColor(Color.parseColor("#82858b"));

        contactImg.setImageResource(R.drawable.tab_address_normal);
        contactText.setTextColor(Color.parseColor("#82858b"));

        findImg.setImageResource(R.drawable.tab_find_frd_normal);
        findText.setTextColor(Color.parseColor("#82858b"));

        selfImg.setImageResource(R.drawable.tab_settings_normal);
        selfText.setTextColor(Color.parseColor("#82858b"));
    }

    /**
     * 将所有的Fragment都设置为隐藏状态 用于对Fragment执行操作的事务
     */
    @SuppressLint("NewApi")
    private void hideFragments(FragmentTransaction transaction) {
        if (firstFragment != null) {
            transaction.hide(firstFragment);
        }
        if (secondFragment != null) {
            transaction.hide(secondFragment);
        }
        if (thirdFragment != null) {
            transaction.hide(thirdFragment);
        }
        if (fourthFragment != null) {
            transaction.hide(fourthFragment);
        }
    }

    //封装一个AlertDialog
    private void exitDialog() {
        Dialog dialog = new AlertDialog.Builder(this)
                .setTitle("温馨提示")
                .setMessage("您确定要退出程序吗?")
                .setPositiveButton("关闭微信", new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface arg0, int arg1) {
                        finish();
                    }
                })
                .setNegativeButton("取消", new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface arg0, int arg1) {
                    }
                }).create();
        dialog.show();//显示对话框
    }

    /**
     * 返回菜单键监听事件
     */
    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        if (keyCode == KeyEvent.KEYCODE_BACK) {//如果是返回按钮
            exitDialog();
        }
        return super.onKeyDown(keyCode, event);
    }

    //搜索按钮处理事件
    public void search(View v) {
        /*跳转到微信启动页*/
        Intent intent = new Intent();
        intent.setClass(com.example.wxchatdemo.MainWeixin.this,
                com.example.wxchatdemo.Search.class);
        startActivity(intent);
    }

    //加号点击事件处理方法
    public void buttonTopRight(View v) {
        Intent intent = new Intent(com.example.wxchatdemo.MainWeixin.this,
                com.example.wxchatdemo.MainTopRightDialog.class);
        startActivity(intent);
    }

    private void initData() {
        //把从服务器获取解析的数据添加到map中，方便处理
        Map<String, String> map = new HashMap<String, String>();
        for (int i = 0; i < imgUrl.length; i ++) {
            map.put(name[i], imgUrl[i]);
        }
        data.add(map);
        //名字要提取出来在添加到list中，因为要进行字母排序
        list = new ArrayList<>();
        if (imgUrl.length != 0) {
            for (int i = 0; i < imgUrl.length; i++) {
                list.add(new User(name[i]));
            }
            Collections.sort(list); // 对list进行排序，需要让User实现Comparable接口重写compareTo方法
            //四个标签排序后再进行添加，好进行条件判断分离出来
            list.add(0,new User("新的朋友"));
            list.add(1,new User("群聊"));
            list.add(2,new User("标签"));
            list.add(3,new User("公众号"));
            //四个标签图片不需要再服务器获取，直接移动端实现即可
            list2 = new ArrayList<>();
            list2.add(R.drawable.newfriend);
            list2.add(R.drawable.groupchat);
            list2.add(R.drawable.sign);
            list2.add(R.drawable.publicnum);
        }
    }

    // 1.编写一个发送请求的方法
    // 发送请求的主要方法
    public void httpUrlConnPost(String number) {
        HttpURLConnection urlConnection = null;
        URL url;
        try {
            // 请求的URL地地址
            url = new URL(
                    "http://100.2.178.10:8080/AndroidServer1_war_exploded/Contact");
            urlConnection = (HttpURLConnection) url.openConnection();// 打开http连接
            urlConnection.setConnectTimeout(3000);// 连接的超时时间
            urlConnection.setUseCaches(false);// 不使用缓存
            // urlConnection.setFollowRedirects(false);是static函数，作用于所有的URLConnection对象。
            urlConnection.setInstanceFollowRedirects(true);// 是成员函数，仅作用于当前函数,设置这个连接是否可以被重定向
            urlConnection.setReadTimeout(3000);// 响应的超时时间
            urlConnection.setDoInput(true);// 设置这个连接是否可以写入数据
            urlConnection.setDoOutput(true);// 设置这个连接是否可以输出数据
            urlConnection.setRequestMethod("POST");// 设置请求的方式
            urlConnection.setRequestProperty("Content-Type",
                    "application/json;charset=UTF-8");// 设置消息的类型
            urlConnection.connect();// 连接，从上述至此的配置必须要在connect之前完成，实际上它只是建立了一个与服务器的TCP连接
            JSONObject json = new JSONObject();// 创建json对象
            //json.put("title", URLEncoder.encode(title, "UTF-8"));// 使用URLEncoder.encode对特殊和不可见字符进行编码
            json.put("number", URLEncoder.encode(number, "UTF-8"));// 把数据put进json对象中
            String jsonstr = json.toString();// 把JSON对象按JSON的编码格式转换为字符串
            // ------------字符流写入数据------------
            OutputStream out = urlConnection.getOutputStream();// 输出流，用来发送请求，http请求实际上直到这个函数里面才正式发送出去
            BufferedWriter bw = new BufferedWriter(new OutputStreamWriter(out));// 创建字符流对象并用高效缓冲流包装它，便获得最高的效率,发送的是字符串推荐用字符流，其它数据就用字节流
            bw.write(jsonstr);// 把json字符串写入缓冲区中
            bw.flush();// 刷新缓冲区，把数据发送出去，这步很重要
            out.close();
            bw.close();// 使用完关闭
            Log.i("aa", urlConnection.getResponseCode()+"");
            //以下判斷是否訪問成功，如果返回的状态码是200则说明访问成功
            if (urlConnection.getResponseCode() == HttpURLConnection.HTTP_OK) {// 得到服务端的返回码是否连接成功
                // ------------字符流读取服务端返回的数据------------
                InputStream in = urlConnection.getInputStream();
                BufferedReader br = new BufferedReader(
                        new InputStreamReader(in));
                String str = null;
                StringBuffer buffer = new StringBuffer();
                while ((str = br.readLine()) != null) {// BufferedReader特有功能，一次读取一行数据
                    System.out.println("测试：" + str);
                    buffer.append(str);
                }
                in.close();
                br.close();
                JSONObject rjson = new JSONObject(buffer.toString());
                String str1 = rjson.getJSONObject("json").get("img").toString();
                imgUrl = str1.split("\r\n");
                String str2 = rjson.getJSONObject("json").get("name").toString();
                name = str2.split("\r\n");
                boolean result = rjson.getBoolean("json");// 从rjson对象中得到key值为"json"的数据，这里服务端返回的是一个boolean类型的数据
                System.out.println("json:===" + result);
                //如果服务器端返回的是true，则说明注册成功，否则注册失败
                if (result) {// 判断结果是否正确
                    //在Android中http请求，必须放到线程中去作请求，但是在线程中不可以直接修改UI，只能通过hander机制来完成对UI的操作
                    myhander.sendEmptyMessage(1);
                    Log.i("用户：", "登录成功");
                } else {
                    myhander.sendEmptyMessage(2);
                    System.out.println("222222222222222");
                    Log.i("用户：", "登录失败");
                }
            } else {
                myhander.sendEmptyMessage(2);
            }
        } catch (Exception e) {
            e.printStackTrace();
            Log.i("aa", e.toString());
            System.out.println("11111111111111111");
            myhander.sendEmptyMessage(2);
        } finally {
            urlConnection.disconnect();// 使用完关闭TCP连接，释放资源
        }
    }

    // 在Android中不可以在线程中直接修改UI，只能借助Handler机制来完成对UI的操作
    class MyHander extends Handler {
        @Override
        public void handleMessage(Message msg) {
            super.handleMessage(msg);
            //判断hander的内容是什么，如果是1则说明注册成功，如果是2说明注册失败
            switch (msg.what) {
                case 1:
                    Log.i("aa", msg.what + "");
                    break;
                case 2:
                    Log.i("aa", msg.what + "");
            }
        }
    }
}

修改ContactListFragment
ContactListFragment.java

package com.example.wxchatdemo;

import android.app.Fragment;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ListView;

import com.example.wxchatdemo.adapter.SortAdapter;
import com.example.wxchatdemo.tools.User;

import java.util.ArrayList;
import java.util.List;
import java.util.Map;


public class ContactListFragment extends Fragment {
    /* 声明组件*/
    private ListView listView;
    private SideBar sideBar;
    /*声明或创建集合，用于处理数据*/
    public static ArrayList<User> list;
    private ArrayList<Integer> list2;
    public static List<Map<String, String>> data = new ArrayList<Map<String, String>>();

    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        //获取fragment布局
        View view = inflater.inflate(R.layout.contactlist_fragment, container, false);
        /*初始化组件*/
        listView = (ListView) view.findViewById(R.id.listView);
        sideBar = (SideBar) view.findViewById(R.id.side_bar);
        /*获取activity中的通讯录信息*/
        list = MainWeixin.list;
        list2 = MainWeixin.list2;
        data = MainWeixin.data;
        /*创建自定义适配器，并设置给listview*/
        SortAdapter adapter = new SortAdapter(getActivity().getApplicationContext(), list, list2, data);
        listView.setAdapter(adapter);
        sideBar.setOnStrSelectCallBack(new SideBar.ISideBarSelectCallBack() {
            @Override
            public void onSelectStr(int index, String selectStr) {
                for (int i = 0; i < list.size(); i++) {
                    if (list.get(i).getName() == "新的朋友" || list.get(i).getName() == "群聊" ||
                            list.get(i).getName() == "标签" || list.get(i).getName() == "公众号"  )
                        continue;
                    if (selectStr.equalsIgnoreCase(list.get(i).getFirstLetter())) {
                        listView.setSelection(i); // 选择到首字母出现的位置
                        return;
                    }
                }
            }
        });
        return view;
    }
}

上面代码其实就是把之前从通讯录界面获取的好友信息移植到MainWeixin activity中

在ActivityMainfest.xml中声明activity

测试

测试前把之前点击搜索按钮跳转的activity注释取消掉