안 드 로 이 드 모방 위 챗 demo―위 챗 주소록 인터페이스 기능 실현(모 바 일 엔 드,서비스 엔 드)

앞에서 우 리 는 위 챗 메시지 인터페이스의 실현 을 실현 했다.이 편 은 위 챗 기능 을 계속 보완 하고 위 챗 주소록 인터페이스 를 실현 했다.
이동 단 위 챗 주소록 인터페이스 기능 실현
위 챗 주소록,머리 는 네 개의 태그(그룹 을 나 누 지 않 음)이 고 아래 는 친구 정보 이 며 이니셜 에 따라 정렬 하여 그룹 을 나 누 었 습 니 다.아래 는 친구 의 개 수 를 통 계 했 습 니 다.오른쪽 은 영문 알파벳 내 비게 이 션 입 니 다.미 끄 러 질 수 있 고 해당 하 는 그룹 으로 이동 하려 면 클릭 할 수 있 습 니 다.

위 챗 친구 와 상단 에 있 는 네 개의 탭 은 ListViw 로 하나의 item 레이아웃 을 실현 하고 지정 할 수 있 습 니 다.그룹 효 과 는 코드 세그먼트 에서 만 판단 하면 됩 니 다.
오른쪽 알파벳 작업 줄 은 AppCompat TextView 를 계승 하 는 구성 요 소 를 사용자 정의 할 수 있 습 니 다.왜 TextView 를 사용 하지 않 고 사용 합 니까?UI 디자인 은 한 텍스트 의 폭 을 한정 하 였 으 나 텍스트 의 길이 가 길 수 있 습 니 다.고정된 textSize 를 설정 하면 일부 텍스트 가 표시 되 지 않 고 AppCompatTextView 의 가장 현저 한 특징 은 글꼴 너비 변화 에 적응 할 수 있다 는 것 입 니 다.이 특징 은 매우 유용 합 니 다.텍스트 가 텍스트 너비 의 변화 에 따라 고정된 범위 내 에서 완전 하 게 표 시 될 수 있 습 니 다.
위 챗 주소록 인터페이스의 fragment 레이아웃 수정
contactlist_fragment.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.wxchatdemo.MainWeixin">
    <ListView
        android:id="@+id/listView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:divider="@drawable/main_list_divider_line"
        android:dividerHeight="1.5px"
        android:layout_marginBottom="50dp" />
    <com.example.wxchatdemo.tools.SideBar
        android:id="@+id/side_bar"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_alignParentRight="true"
        android:layout_marginBottom="100dp"
        android:layout_marginTop="100dp"
        android:paddingRight="10dp"
        android:textColor="@color/black"
        android:textSize="9sp" />
</RelativeLayout>
fragment 전체 레이아웃 은 상대 적 인 레이아웃 을 사용 합 니 다.android:layout 을 통 해alignParentRight="true"속성 은 오른쪽 에 있 는 사용자 정의 알파벳 내 비게 이 션(SideBar 계승 AppCompatTextView)을 부모 용기 오른쪽(즉 화면 가운데 오른쪽)에 지정 합 니 다.상대 적 으로 레이아웃 은 두 개의 구성 요소(ListView,SideBar)를 포함 합 니 다.
사용자 정의 구성 요소 만 들 기 SideBar.java 계승 AppCompatTextView
SideBar.java

package com.example.wxchatdemo;
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.view.MotionEvent;
public class SideBar extends android.support.v7.widget.AppCompatTextView {
    private String[] letters = new String[]{"A", "B", "C", "D", "E", "F",
            "G", "H", "I", "J", "K", "L",
            "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V",
            "W", "X", "Y", "Z", "#"};
    private Paint textPaint;
    private Paint bigTextPaint;
    private Paint scaleTextPaint;
    private Canvas canvas;
    private int itemH;
    private int w;
    private int h;
    /**
     *          
     */
    float singleTextH;
    /**
     *         
     */
    private float scaleWidth;
    /**
     *    Y
     */
    private float eventY = 0;
    /**
     *      
     */
    private int scaleSize = 1;
    /**
     *     item,     
     */
    private int scaleItemCount = 6;
    private ISideBarSelectCallBack callBack;
    public SideBar(Context context) {
        this(context, null);
    }
    public SideBar(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }
    public SideBar(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init(attrs);
    }
    private void init(AttributeSet attrs) {
        if (attrs != null) {
            TypedArray ta = getContext().obtainStyledAttributes(attrs, R.styleable.SideBar);
            scaleSize = ta.getInteger(R.styleable.SideBar_scaleSize, 1);
            scaleItemCount = ta.getInteger(R.styleable.SideBar_scaleItemCount, 6);
            scaleWidth = ta.getDimensionPixelSize(R.styleable.SideBar_scaleWidth, dp(100));
            ta.recycle();
        }
        textPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        textPaint.setColor(getCurrentTextColor());
        textPaint.setTextSize(getTextSize());
        textPaint.setTextAlign(Paint.Align.CENTER);
        bigTextPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        bigTextPaint.setColor(getCurrentTextColor());
        bigTextPaint.setTextSize(getTextSize() * (scaleSize + 3));
        bigTextPaint.setTextAlign(Paint.Align.CENTER);
        scaleTextPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        scaleTextPaint.setColor(getCurrentTextColor());
        scaleTextPaint.setTextSize(getTextSize() * (scaleSize + 1));
        scaleTextPaint.setTextAlign(Paint.Align.CENTER);
    }
    public void setDataResource(String[] data) {
        letters = data;
        invalidate();
    }
    public void setOnStrSelectCallBack(ISideBarSelectCallBack callBack) {
        this.callBack = callBack;
    }
    /**
     *              *     * @param scale
     */
    public void setScaleSize(int scale) {
        scaleSize = scale;
        invalidate();
    }
    /**
     *          ,          *     * @param scaleItemCount
     */
    public void setScaleItemCount(int scaleItemCount) {
        this.scaleItemCount = scaleItemCount;
        invalidate();
    }
    private int dp(int px) {
        final float scale = getContext().getResources().getDisplayMetrics().density;
        return (int) (px * scale + 0.5f);
    }
    @Override
    public boolean onTouchEvent(MotionEvent event) {
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
            case MotionEvent.ACTION_MOVE:
                if (event.getX() > (w - getPaddingRight() - singleTextH - 10)) {
                    eventY = event.getY();
                    invalidate();
                    return true;
                } else {
                    eventY = 0;
                    invalidate();
                    break;
                }
            case MotionEvent.ACTION_CANCEL:
                eventY = 0;
                invalidate();
                return true;
            case MotionEvent.ACTION_UP:
                if (event.getX() > (w - getPaddingRight() - singleTextH - 10)) {
                    eventY = 0;
                    invalidate();
                    return true;
                } else
                    break;
        }
        return super.onTouchEvent(event);
    }
    @Override
    protected void onDraw(Canvas canvas) {
        this.canvas = canvas;
        DrawView(eventY);
    }
    private void DrawView(float y) {
        int currentSelectIndex = -1;
        if (y != 0) {
            for (int i = 0; i < letters.length; i++) {
                float currentItemY = itemH * i;
                float nextItemY = itemH * (i + 1);
                if (y >= currentItemY && y < nextItemY) {
                    currentSelectIndex = i;
                    if (callBack != null) {
                        callBack.onSelectStr(currentSelectIndex, letters[i]);
                    }                    //     
                    Paint.FontMetrics fontMetrics = bigTextPaint.getFontMetrics();
                    float bigTextSize = fontMetrics.descent - fontMetrics.ascent;
                    canvas.drawText(letters[i], w - getPaddingRight() - scaleWidth - bigTextSize,
                            singleTextH + itemH * i, bigTextPaint);
                }
            }
        }
        drawLetters(y, currentSelectIndex);
    }
    private void drawLetters(float y, int index) {        //           ,     
        if (index == -1) {
            w = getMeasuredWidth();
            h = getMeasuredHeight();
            itemH = h / letters.length;
            Paint.FontMetrics fontMetrics = textPaint.getFontMetrics();
            singleTextH = fontMetrics.descent - fontMetrics.ascent;
            for (int i = 0; i < letters.length; i++) {
                canvas.drawText(letters[i], w - getPaddingRight(), singleTextH + itemH * i, textPaint);
            }            //         
        } else {            //      
            for (int i = 0; i < letters.length; i++) {                //        Y  
                float currentItemToDrawY = singleTextH + itemH * i;
                float centerItemToDrawY;
                if (index < i)
                    centerItemToDrawY = singleTextH + itemH * (index + scaleItemCount);
                else
                    centerItemToDrawY = singleTextH + itemH * (index - scaleItemCount);
                float delta = 1 - Math.abs((y - currentItemToDrawY) / (centerItemToDrawY - currentItemToDrawY));
                float maxRightX = w - getPaddingRight();                //    0,   y    
                scaleTextPaint.setTextSize(getTextSize() + getTextSize() * delta);
                float drawX = maxRightX - scaleWidth * delta;                //           
                if (drawX > maxRightX)
                    canvas.drawText(letters[i], maxRightX, singleTextH + itemH * i, textPaint);
                else
                    canvas.drawText(letters[i], drawX, singleTextH + itemH * i, scaleTextPaint);
            }
        }
    }
    public interface ISideBarSelectCallBack {
        void onSelectStr(int index, String selectStr);
    }
}
오른쪽 알파벳 네 비게 이 션 바 는 3 개의 사용자 정의 속성 을 포함 하여 아래 에 제 시 됩 니 다.
colors.xml 파일 에 다음 코드 를 추가 합 니 다.
colors.xml

    <declare-styleable name="SideBar">
        <attr name="scaleSize" format="integer"/>
        <attr name="scaleItemCount" format="integer"/>
        <attr name="scaleWidth" format="dimension"/>
    </declare-styleable>
알파벳 내 비게 이 션 에서 모든 알파벳 을 클릭 하면 해당 그룹 으로 이동 할 수 있 습 니 다.한자 의 병 음 도구 류 와 사용자 정의 알파벳 정렬 류 를 이용 해 야 합 니 다.자바 에 서 는 인터페이스 와 방법 을 제공 하지 않 아 한 자 를 병 음 으로 직접 바 꿀 수 있다 는 것 을 알 고 있 습 니 다.여기 서 나 는 부피 가 크 지 않 고 더욱 정확 하기 때문에 제3자 jar 가방 을 사용 하 는 방식 을 선택 했다.
한자 병 음 도구 클래스 Cn2Spell.자바 만 들 기
Cn2Spell.java

package com.example.wxchatdemo.tools;
import net.sourceforge.pinyin4j.PinyinHelper;
import net.sourceforge.pinyin4j.format.HanyuPinyinCaseType;
import net.sourceforge.pinyin4j.format.HanyuPinyinOutputFormat;
import net.sourceforge.pinyin4j.format.HanyuPinyinToneType;
/** *          ,       */
public class Cn2Spell {
    public static StringBuffer sb = new StringBuffer();
    /**     *            ,           *   :  →af     */
    public static String getPinYinHeadChar(String chines) {
        sb.setLength(0);
        char[] chars = chines.toCharArray();
        HanyuPinyinOutputFormat defaultFormat = new HanyuPinyinOutputFormat();
        defaultFormat.setCaseType(HanyuPinyinCaseType.LOWERCASE);
        defaultFormat.setToneType(HanyuPinyinToneType.WITHOUT_TONE);
        for (int i = 0; i < chars.length; i++) {
            if (chars[i] > 128) {
                try {
                    sb.append(PinyinHelper.toHanyuPinyinStringArray(chars[i], defaultFormat)[0].charAt(0));                }
                catch (Exception e) {
                    e.printStackTrace();                }
            }
            else {
                sb.append(chars[i]);            }
        }
        return sb.toString();    }
        /**     *                   */
        public static String getPinYinFirstLetter(String str) {
            sb.setLength(0);
            char c = str.charAt(0);
            String[] pinyinArray = PinyinHelper.toHanyuPinyinStringArray(c);
            if (pinyinArray != null) {
                sb.append(pinyinArray[0].charAt(0));        }
            else {
                sb.append(c);
            }
            return sb.toString();
        }
        /**     *             ,           */
        public static String getPinYin(String chines) {
            sb.setLength(0);
            char[] nameChar = chines.toCharArray();
            HanyuPinyinOutputFormat defaultFormat = new HanyuPinyinOutputFormat();
            defaultFormat.setCaseType(HanyuPinyinCaseType.LOWERCASE);
            defaultFormat.setToneType(HanyuPinyinToneType.WITHOUT_TONE);
            for (int i = 0; i < nameChar.length; i++) {
                if (nameChar[i] > 128) {
                    try {
                        sb.append(PinyinHelper.toHanyuPinyinStringArray(nameChar[i], defaultFormat)[0]);}
                    catch (Exception e) {
                    e.printStackTrace();                }
                }
                else {
                    sb.append(nameChar[i]);            }
            }
            return sb.toString();
        }
}
jar 패 키 지 를 프로젝트 libs 라 이브 러 리 에 가 져 오 는 방법 은 다음 과 같 습 니 다.
안 드 로 이 드 스튜디오 에서 프로젝트 구 조 를 procject 로 바 꿉 니 다.

이 디 렉 터 리 는 lib 디 렉 터 리 를 볼 수 있 습 니 다.jar 를 복사 한 다음 라 이브 러 리 에 추가 합 니 다.방법 은 아이디어 와 같 습 니 다.이전 글 에서 이미 보 여 주 었 습 니 다.

사용자 정의 알파벳 정렬 클래스 만 들 기 User.java
User.java

package com.example.wxchatdemo.tools;
 public class User implements Comparable<User> {
     private String name; //   
     private String pinyin; //        
     private String firstLetter; //       
     public User() {    }
     public User(String name) {
         this.name = name;
         pinyin = Cn2Spell.getPinYin(name); //         
         firstLetter = pinyin.substring(0, 1).toUpperCase(); //             
         if (!firstLetter.matches("[A-Z]")) { //     A-Z     “#”
        firstLetter = "#";        }
     }
     public String getName() {
         return name;
     }
     public String getPinyin() {
         return pinyin;
     }
     public String getFirstLetter() {
         return firstLetter;
     }
     @Override
     public int compareTo(com.example.wxchatdemo.tools.User another) {
         if (firstLetter.equals("#") && !another.getFirstLetter().equals("#")) {
             return 1;
         }
         else if (!firstLetter.equals("#") && another.getFirstLetter().equals("#")){
             return -1;
         } else {
             return pinyin.compareToIgnoreCase(another.getPinyin());
         }
     }
 }
comparable 인 터 페 이 스 를 실현 하고 comparaTo 를 다시 쓰 는 방법 을 선택 하 는 것 은 원리 가 간단 합 니 다.먼저 이니셜 에 따라 판단 하 는 것 입 니 다.이니셜 이'\#'이 고 모두'\#'이거 나 모두 자모 일 때 만 병 음 에 따라 순 위 를 비교 하여 친구 들 이 병 음 에 따라 순 위 를 매 길 수 있 도록 합 니 다.
주소록 fragment.java 코드 수정
ContactListFragment.java
위 코드 의 주요 내용 은 먼저 서버 에 위 챗 친구 정 보 를 요청 하고 UI 와 데 이 터 를 초기 화하 고 데 이 터 를 패 키 징 한 다음 에 집합 하여 미 끄 러 지 거나 알파벳 색인 을 선택 할 때의 리 셋 인 터 페 이 스 를 실현 한 다음 에 ListView 에 사용자 정의 어댑터 를 설정 하고 데 이 터 를 집합 하여 전송 하 는 것 이다.
ListView 를 사 용 했 으 니 어댑터 가 필요 합 니 다.
사용자 정의 어댑터 만 들 기 SortAdapter.java
SortAdapter.java

package com.example.wxchatdemo;
import android.annotation.SuppressLint;
import android.app.Fragment;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.util.Log;
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 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;

@SuppressLint("ValidFragment")
public class ContactListFragment extends Fragment {
    String[] imgUrl;
    String[] name;
    private String number; //   ,           
    /*     */
    private ListView listView;
    private SideBar sideBar;
    /*       ,      */
    private ArrayList<User> list;
    private ArrayList<Integer> list2;
    private List<Map<String, String>> data = new ArrayList<Map<String, String>>();
    //      Hander    
    private MyHander myhander = new MyHander();
    /*      ,      */
    @SuppressLint("ValidFragment")
    ContactListFragment(String number) {
        this.number = number;
    }
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        /*      ,               */
        Thread thread1 = new Thread(new Runnable() {
            @Override
            public void run() {
                httpUrlConnPost(String.valueOf(number));
            }
        });
        thread1.start();
        /*        */
        try {
            thread1.join();
        } catch (InterruptedException e) {
            e.printStackTrace();
        }
        //  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);
        //     
        initData();
        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;
    }
    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<>();
        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);
        /*        ,    listview*/
        SortAdapter adapter = new SortAdapter(getActivity().getApplicationContext(), list, list2, data);
        listView.setAdapter(adapter);
    }
    // 1.           
    //          
    public void httpUrlConnPost(String number) {
        HttpURLConnection urlConnection = null;
        URL url;
        try {
            //    URL   
            url = new URL(
                    "http://100.2.178.10:8080/AndroidServer_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()+"");
            //      L  ,         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
"); String str2 = rjson.getJSONObject("json").get("name").toString(); name = str2.split("\r
"); 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 + ""); } } } }
위의 코드 의 주요 기능 은 데 이 터 를 해당 구성 요소 에 나타 내 는 것 이다.
어댑터 는 listview 에 대응 하 는 레이아웃 을 사용 하여 contactlist 를 만 듭 니 다.item.xml
contactlist_item.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center_vertical"
    android:orientation="vertical">
    <TextView
        android:id="@+id/catalog"
        android:layout_width="match_parent"
        android:layout_height="32dp"
        android:background="#E0E0E0"
        android:paddingLeft="10dp"
        android:paddingTop="5dp"
        android:textColor="#454545"
        android:textSize="13sp" />
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <ImageView
            android:id="@+id/img"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:padding="10dp" />
        <TextView
            android:id="@+id/name"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:gravity="center_vertical"
            android:padding="10dp"
            android:textColor="#336598"
            android:textSize="16sp" />
    </LinearLayout>
    <View
        android:id="@+id/divider"
        android:layout_width="match_parent"
        android:layout_height="0.5dp"
        android:background="#90909090" />
    <TextView
        android:id="@+id/contact_count"
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:background="#FFFFFF"
        android:paddingLeft="150dp"
        android:paddingTop="5dp"
        android:textColor="#454545"
        android:textSize="13sp" />
</LinearLayout>
레이아웃 은 네 부분 이 있 습 니 다.첫 번 째 는 디 렉 터 리,즉 A,B,C,D 와 같은 색인 입 니 다.이 디 렉 터 리 의 첫 번 째 항목 이 나타 날 때 만 표 시 됩 니 다.두 번 째 는 선형 레이아웃 입 니 다.그 안에 위 챗 이미지 와 이름 이 포함 되 어 있 고 세 번 째 는 사용자 정의 분할 선형(View 를 통 해 이 루어 짐)입 니 다.위 챗 의 마지막 연락처 의 분할 선 은 너비 가 화면 에 가득 하기 때문에 단독으로 정의 해 야 합 니 다.마지막 으로 연락 처 를 통계 하 는 TextView 구성 요소 입 니 다.
서버 웨 이 신 주소록 인터페이스 기능 실현
서버 의 기능 은 이전 글 과 유사 하 므 로 자세 한 데모 없 이 코드 를 직접 올 립 니 다.
Servlet Contact.java 를 만 들 고 서버 와 클 라 이언 트 의 데이터 상호작용 을 실현 합 니 다.
Contact.java

package com.example.controller;
import com.alibaba.fastjson.JSON;
import com.alibaba.fastjson.JSONObject;
import com.example.pojo.ContactList;
import com.example.service.UserServiceImpl;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.BufferedReader;
import java.io.IOException;
import java.io.InputStreamReader;
import java.net.URLDecoder;
@WebServlet(name = "Contact", value = "/Contact")
public class Contact extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        doPost(request,response);
    }
    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //      ,      
        request.setCharacterEncoding("utf-8");
        response.setCharacterEncoding("UTF-8");
        // json      
        response.setContentType("application/json;charset=UTF-8");
        System.out.println(request.getContentType());//               ,application/json;charset=UTF-8
        System.out.println(request.getRemoteAddr());//       ip  ,
        BufferedReader br = new BufferedReader(new InputStreamReader(//                 
                request.getInputStream()));
        String line = null;
        StringBuffer s = new StringBuffer();//StringBuffer String   ,       l    ,t StringBuffer
        //           
        while ((line = br.readLine()) != null) {
            s.append(line);
        }
        //   io 
        br.close();
        System.out.println(s.toString());// {"password":"123456","name":"admin"}
        //JSON:  json   ,IDEA   ,       
        ContactList contactList = JSON.parseObject(s.toString(), ContactList.class);//              
        // utf-8    
        String number = URLDecoder.decode(contactList.getNumber(), "utf-8");
        System.out.println(contactList);
        //             
        UserServiceImpl us = new UserServiceImpl();
        //       
        ContactList contactList1 = us.contact(number);
        if(contactList1  != null) {
            //         	,⒔Y   json  o  
            JSONObject rjson = new JSONObject();
            rjson.put("json", contactList1 );
            response.getOutputStream().write(
                    rjson.toString().getBytes("UTF-8"));//           json       
        }
    }
}
위의 코드 는 위 챗 주소록 인터페이스의 실체 류 를 사용 하고 아래 에 제 시 됩 니 다.
실체 클래스 ContactList.java
ContactList.java

package com.example.pojo;
public class ContactList {
    private int id;
    private String img;
    private String name;
    private String number;
    public int getId() {
        return id;
    }
    public void setId(int id) {
        this.id = id;
    }
    public String getImg() {
        return img;
    }
    public void setImg(String img) {
        this.img = img;
    }
    public String getName() {
        return name;
    }
    public void setName(String name) {
        this.name = name;
    }
    public String getNumber() {
        return number;
    }
    public void setNumber(String number) {
        this.number = number;
    }
    @Override
    public String toString() {
        return "ContactList{" +
                "id=" + id +
                ", img='" + img + '\'' +
                ", name='" + name + '\'' +
                ", number='" + number + '\'' +
                '}';
    }
}
service 계층 의 인터페이스 UserService.자바 에 위 챗 주소록 인터페이스 데이터 업무 논리 처 리 를 처리 하 는 추상 적 인 방법 을 추가 합 니 다.

  //     
    ContactList contact(String number);
서비스 층 에 있 는 클래스 UserServiceImpl.java 인터페이스 에 추 가 된 방법 을 다시 쓰 십시오

  public ContactList contact(String number) {
        //  dao         
        ContactList contactList = ud.findContact(number);
        return contactList;
    }
dao 층 의 인터페이스 UserDao.자바 에 위 챗 통신 록 인터페이스 데 이 터 를 처리 하고 데이터 베 이 스 를 조작 하 는 추상 적 인 방법 을 추가 합 니 다.

  //         
    ContactList findContact(String number);
dao 층 의 클래스 UserDaoImpl.java 인터페이스 에 추 가 된 방법 을 다시 쓰 십시오.

    @Override
    public ContactList findContact(String number) {
        String sql = "select * from contact where number=?;";
        ResultSet rs = JDBCUtil.executeQuery(sql, number);
        //         
        try {
            if (rs.next()) {
                //       ,      User   
                int id = rs.getInt("id");
                String img = rs.getString("img");
                String name = rs.getString("name");
                String number1 = rs.getString("number");
                //            User   
                ContactList contactList = new ContactList();
                contactList .setId(id);
                contactList .setImg(img);
                contactList .setName(name);
                contactList .setNumber(number1);
                System.out.println("      " + contactList);
                return contactList;
            }
        }catch (SQLException throwables) {
            throwables.printStackTrace();
        }
        return null;
    }
imgs 디 렉 터 리 에 주소록 위 챗 프로필 을 저장 하 는 디 렉 터 리 를 만 든 후 그림 을 추가 하면 됩 니 다.

다음은 제 표 구조 와 표 내용 을 드 리 겠 습 니 다.


모든 기록 은 한 사용자 에 대응 합 니 다.클 라 이언 트 는 마이크로 신 호 를 통 해 서버 에 요청 을 보 냅 니 다.서버 가 요청 을 받 은 후에 데이터 베 이 스 를 찾 습 니 다.만약 에 검색 에 성공 하면 서버 에 기록 을 되 돌려 주 고 클 라 이언 트 는 분석 분 리 를 합 니 다.
테스트
테스트 전에 데이터베이스 에 데 이 터 를 미리 추가 해 야 한다.

총결산
위 챗 데모 에 관 한 이 글 은 여기까지 입 니 다.저희 의 더 많은 멋 진 내용 에 관심 을 가 져 주 셨 으 면 좋 겠 습 니 다!

좋은 웹페이지 즐겨찾기