android 仿微信demo——微信通訊錄界面功能實(shí)現(xiàn)(移動(dòng)端,服務(wù)端)
前面我們實(shí)現(xiàn)了微信消息界面的實(shí)現(xiàn),這篇繼續(xù)完善微信功能,實(shí)現(xiàn)微信通訊錄界面
移動(dòng)端微信通訊錄界面功能實(shí)現(xiàn)
微信通訊錄,頭部是四個(gè)標(biāo)簽(不進(jìn)行分組),下面是好友信息且根據(jù)呢稱首字母進(jìn)行排序分組,底部還統(tǒng)計(jì)了好友個(gè)數(shù),右邊是一組英文字母導(dǎo)航,可滑動(dòng)并且還可以點(diǎn)擊跳轉(zhuǎn)到相應(yīng)的分組

微信好友和頂部的四個(gè)標(biāo)簽,可以用ListViw實(shí)現(xiàn)并指定一個(gè)item布局,分組效果只需要在代碼段進(jìn)行判斷即可
右邊的字母操作行可以自定義一個(gè)組件繼承AppCompatTextView,為什么要用它呢,而不用TextView呢?因?yàn)閁I設(shè)計(jì)限定了一個(gè)文本的寬度,但是文本的長度可能比較長,如果設(shè)定一個(gè)固定的textSize,就導(dǎo)致一部分文本無法顯示,而AppCompatTextView最顯著的特點(diǎn)是可以自適應(yīng)字體寬度大小變化。這個(gè)特點(diǎn)很有用,可以讓文本隨著文本寬度的變化,限定在一個(gè)固定范圍內(nèi)完整顯示出來:
修改微信通信錄界面的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整體布局使用相對(duì)布局,這樣可以通過 android:layout_alignParentRight="true"屬性指定右邊的自定義字母導(dǎo)航(SideBar繼承AppCompatTextView)在父容器右邊(即在屏幕中間的右邊),相對(duì)布局包括兩個(gè)組件(ListView,SideBar)
創(chuàng)建自定義組件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;
/**
* 滑動(dòng)的Y
*/
private float eventY = 0;
/**
* 縮放的倍數(shù)
*/
private int scaleSize = 1;
/**
* 縮放個(gè)數(shù)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;
}
/**
* 設(shè)置字體縮放比例 * * @param scale
*/
public void setScaleSize(int scale) {
scaleSize = scale;
invalidate();
}
/**
* 設(shè)置縮放字體的個(gè)數(shù),即開口大小 * * @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) { //第一次進(jìn)來沒有縮放情況,默認(rèn)畫原圖
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);
} //觸摸的時(shí)候畫縮放圖
} else { //遍歷所有字母
for (int i = 0; i < letters.length; i++) { //要畫的字母的起始Y坐標(biāo)
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坐標(biāo)上方
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);
}
}
右側(cè)字母導(dǎo)航條,包括3個(gè)自定義的屬性,下面將給出
在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>
要在字母導(dǎo)航中點(diǎn)擊每一個(gè)字母可跳轉(zhuǎn)相應(yīng)分組,需要借助漢字轉(zhuǎn)拼音工具類和自定義字母排序類,我們知道,java中是沒有提供接口和方法讓我們直接將漢字轉(zhuǎn)成拼音的。在此我選擇了使用第三方j(luò)ar包的方式,因?yàn)樗w積不大而且更加準(zhǔn)確。
創(chuàng)建漢字轉(zhuǎn)拼音工具類Cn2Spell.java
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;
/** * 漢字轉(zhuǎn)換位漢語拼音,英文字符不變 */
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(); }
/** * 獲取漢字字符串的第一個(gè)字母 */
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包導(dǎo)入項(xiàng)目libs庫中,方法如下
在android studio中把項(xiàng)目結(jié)構(gòu)改成project

此時(shí)目錄就可以看到lib目錄,把jar復(fù)制進(jìn)去,然后添加到庫中,方法和idea的是一樣的,在以往文章中已經(jīng)演示了

創(chuàng)建自定義字母排序類User.java
User.java
package com.example.wxchatdemo.tools;
public class User implements Comparable<User> {
private String name; // 姓名
private String pinyin; // 姓名對(duì)應(yīng)的拼音
private String firstLetter; // 拼音的首字母
public User() { }
public User(String name) {
this.name = name;
pinyin = Cn2Spell.getPinYin(name); // 根據(jù)姓名獲取拼音
firstLetter = pinyin.substring(0, 1).toUpperCase(); // 獲取拼音首字母并轉(zhuǎn)成大寫
if (!firstLetter.matches("[A-Z]")) { // 如果不在A-Z中則默認(rèn)為“#”
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());
}
}
}
選擇實(shí)現(xiàn)comparable接口,并重寫comparaTo方法,原理很簡單,就是先根據(jù)首字母判斷,首字母為“#”都放在最后,都為“#”或者都是字母時(shí)才根據(jù)拼音來比較排序,讓你的好友可以根據(jù)拼音來排序
修改通訊錄fragment.java代碼
ContactListFragment.java
上面代碼主要內(nèi)容就是先向服務(wù)器發(fā)送請(qǐng)求獲取微信好友信息,初始化UI和數(shù)據(jù),把數(shù)據(jù)封裝再集合里并且實(shí)現(xiàn)滑動(dòng)或選擇字母索引時(shí)的回調(diào)接口,然后通過給ListView設(shè)置自定義的適配器(后面會(huì)給出),并把數(shù)據(jù)集合一并傳過去
既然用到了ListView,我們就還需要一個(gè)適配器。
創(chuàng)建自定義適配器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; //微信號(hào),通過微信號(hào)去查找通訊錄
/* 聲明組件*/
private ListView listView;
private SideBar sideBar;
/*聲明或創(chuàng)建集合,用于處理數(shù)據(jù)*/
private ArrayList<User> list;
private ArrayList<Integer> list2;
private List<Map<String, String>> data = new ArrayList<Map<String, String>>();
//自定義的一個(gè)Hander消息機(jī)制
private MyHander myhander = new MyHander();
/*有參構(gòu)造方法,參數(shù)為微信號(hào)*/
@SuppressLint("ValidFragment")
ContactListFragment(String number) {
this.number = number;
}
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
/*開啟一個(gè)線程,用微信號(hào)向服務(wù)器請(qǐng)求通訊錄數(shù)據(jù)*/
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);
//初始化數(shù)據(jù)
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() == "標(biāo)簽" || list.get(i).getName() == "公眾號(hào)" )
continue;
if (selectStr.equalsIgnoreCase(list.get(i).getFirstLetter())) {
listView.setSelection(i); // 選擇到首字母出現(xiàn)的位置
return;
}
}
}
});
return view;
}
private void initData() {
//把從服務(wù)器獲取解析的數(shù)據(jù)添加到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中,因?yàn)橐M(jìn)行字母排序
list = new ArrayList<>();
for (int i = 0; i < imgUrl.length; i++) {
list.add(new User(name[i]));
}
Collections.sort(list); // 對(duì)list進(jìn)行排序,需要讓User實(shí)現(xiàn)Comparable接口重寫compareTo方法
//四個(gè)標(biāo)簽排序后再進(jìn)行添加,好進(jìn)行條件判斷分離出來
list.add(0,new User("新的朋友"));
list.add(1,new User("群聊"));
list.add(2,new User("標(biāo)簽"));
list.add(3,new User("公眾號(hào)"));
//四個(gè)標(biāo)簽圖片不需要再服務(wù)器獲取,直接移動(dòng)端實(shí)現(xiàn)即可
list2 = new ArrayList<>();
list2.add(R.drawable.newfriend);
list2.add(R.drawable.groupchat);
list2.add(R.drawable.sign);
list2.add(R.drawable.publicnum);
/*創(chuàng)建自定義適配器,并設(shè)置給listview*/
SortAdapter adapter = new SortAdapter(getActivity().getApplicationContext(), list, list2, data);
listView.setAdapter(adapter);
}
// 1.編寫一個(gè)發(fā)送請(qǐng)求的方法
// 發(fā)送請(qǐng)求的主要方法
public void httpUrlConnPost(String number) {
HttpURLConnection urlConnection = null;
URL url;
try {
// 請(qǐng)求的URL地地址
url = new URL(
"http://100.2.178.10:8080/AndroidServer_war_exploded/Contact");
urlConnection = (HttpURLConnection) url.openConnection();// 打開http連接
urlConnection.setConnectTimeout(3000);// 連接的超時(shí)時(shí)間
urlConnection.setUseCaches(false);// 不使用緩存
// urlConnection.setFollowRedirects(false);是static函數(shù),作用于所有的URLConnection對(duì)象。
urlConnection.setInstanceFollowRedirects(true);// 是成員函數(shù),僅作用于當(dāng)前函數(shù),設(shè)置這個(gè)連接是否可以被重定向
urlConnection.setReadTimeout(3000);// 響應(yīng)的超時(shí)時(shí)間
urlConnection.setDoInput(true);// 設(shè)置這個(gè)連接是否可以寫入數(shù)據(jù)
urlConnection.setDoOutput(true);// 設(shè)置這個(gè)連接是否可以輸出數(shù)據(jù)
urlConnection.setRequestMethod("POST");// 設(shè)置請(qǐng)求的方式
urlConnection.setRequestProperty("Content-Type",
"application/json;charset=UTF-8");// 設(shè)置消息的類型
urlConnection.connect();// 連接,從上述至此的配置必須要在connect之前完成,實(shí)際上它只是建立了一個(gè)與服務(wù)器的TCP連接
JSONObject json = new JSONObject();// 創(chuàng)建json對(duì)象
//json.put("title", URLEncoder.encode(title, "UTF-8"));// 使用URLEncoder.encode對(duì)特殊和不可見字符進(jìn)行編碼
json.put("number", URLEncoder.encode(number, "UTF-8"));// 把數(shù)據(jù)put進(jìn)json對(duì)象中
String jsonstr = json.toString();// 把JSON對(duì)象按JSON的編碼格式轉(zhuǎn)換為字符串
// ------------字符流寫入數(shù)據(jù)------------
OutputStream out = urlConnection.getOutputStream();// 輸出流,用來發(fā)送請(qǐng)求,http請(qǐng)求實(shí)際上直到這個(gè)函數(shù)里面才正式發(fā)送出去
BufferedWriter bw = new BufferedWriter(new OutputStreamWriter(out));// 創(chuàng)建字符流對(duì)象并用高效緩沖流包裝它,便獲得最高的效率,發(fā)送的是字符串推薦用字符流,其它數(shù)據(jù)就用字節(jié)流
bw.write(jsonstr);// 把json字符串寫入緩沖區(qū)中
bw.flush();// 刷新緩沖區(qū),把數(shù)據(jù)發(fā)送出去,這步很重要
out.close();
bw.close();// 使用完關(guān)閉
Log.i("aa", urlConnection.getResponseCode()+"");
//以下判斷是否訪問成功,如果返回的狀態(tài)碼是200則說明訪問成功
if (urlConnection.getResponseCode() == HttpURLConnection.HTTP_OK) {// 得到服務(wù)端的返回碼是否連接成功
// ------------字符流讀取服務(wù)端返回的數(shù)據(jù)------------
InputStream in = urlConnection.getInputStream();
BufferedReader br = new BufferedReader(
new InputStreamReader(in));
String str = null;
StringBuffer buffer = new StringBuffer();
while ((str = br.readLine()) != null) {// BufferedReader特有功能,一次讀取一行數(shù)據(jù)
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對(duì)象中得到key值為"json"的數(shù)據(jù),這里服務(wù)端返回的是一個(gè)boolean類型的數(shù)據(jù)
System.out.println("json:===" + result);
//如果服務(wù)器端返回的是true,則說明注冊(cè)成功,否則注冊(cè)失敗
if (result) {// 判斷結(jié)果是否正確
//在Android中http請(qǐng)求,必須放到線程中去作請(qǐng)求,但是在線程中不可以直接修改UI,只能通過hander機(jī)制來完成對(duì)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();// 使用完關(guān)閉TCP連接,釋放資源
}
}
// 在Android中不可以在線程中直接修改UI,只能借助Handler機(jī)制來完成對(duì)UI的操作
class MyHander extends Handler {
@Override
public void handleMessage(Message msg) {
super.handleMessage(msg);
//判斷hander的內(nèi)容是什么,如果是1則說明注冊(cè)成功,如果是2說明注冊(cè)失敗
switch (msg.what) {
case 1:
Log.i("aa", msg.what + "");
break;
case 2:
Log.i("aa", msg.what + "");
}
}
}
}
上面代碼主要功能就是把數(shù)據(jù)呈現(xiàn)再相應(yīng)組件上
適配器還用到了一個(gè)布局,即listview對(duì)應(yīng)布局,創(chuàng)建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>
布局有四部分,第一個(gè)是目錄,即A,B,C,D這樣的索引,僅當(dāng)該目錄下的第一項(xiàng)出現(xiàn)時(shí)才顯示;第二個(gè)是線性布局,里面包括微信頭像和姓名,第三個(gè)是自定義的分割線性(通過View實(shí)現(xiàn)),因?yàn)槲⑿抛詈笠粋€(gè)聯(lián)系人的分割線是寬度充滿屏幕的,要單獨(dú)定義,最后一個(gè)是統(tǒng)計(jì)聯(lián)系人的TextView組件
服務(wù)端微信通訊錄界面功能實(shí)現(xiàn)
服務(wù)端的功能和以往文章是類似,就不詳細(xì)demo了,直接上代碼
創(chuàng)建Servlet Contact.java,實(shí)現(xiàn)服務(wù)端和客戶端的數(shù)據(jù)交互
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 {
//設(shè)置字符編碼,防止中文亂碼
request.setCharacterEncoding("utf-8");
response.setCharacterEncoding("UTF-8");
//以json數(shù)據(jù)完成操作
response.setContentType("application/json;charset=UTF-8");
System.out.println(request.getContentType());// 得到客戶端發(fā)送過來內(nèi)容的類型,application/json;charset=UTF-8
System.out.println(request.getRemoteAddr());// 得到客戶端的ip地址,
BufferedReader br = new BufferedReader(new InputStreamReader(// 使用字符流讀取客戶端發(fā)過來的數(shù)據(jù)
request.getInputStream()));
String line = null;
StringBuffer s = new StringBuffer();//StringBuffer String的區(qū)別,如果要對(duì)數(shù)據(jù)作頻繁的修改,則用StringBuffer
// 以一行的形式讀取數(shù)據(jù)
while ((line = br.readLine()) != null) {
s.append(line);
}
// 關(guān)閉io流
br.close();
System.out.println(s.toString());// {"password":"123456","name":"admin"}
//JSON:這是json解析包,IDEA是沒有,要我們自己導(dǎo)入
ContactList contactList = JSON.parseObject(s.toString(), ContactList.class);//是用了反射機(jī)制來完成對(duì)象的封閉
//以u(píng)tf-8解碼操作
String number = URLDecoder.decode(contactList.getNumber(), "utf-8");
System.out.println(contactList);
// 去數(shù)據(jù)庫完成用戶登錄功能
UserServiceImpl us = new UserServiceImpl();
//調(diào)用登錄的方法
ContactList contactList1 = us.contact(number);
if(contactList1 != null) {
//將結(jié)果返回給客戶端 ,將結(jié)果構(gòu)建成json數(shù)據(jù)返回給客戶端
JSONObject rjson = new JSONObject();
rjson.put("json", contactList1 );
response.getOutputStream().write(
rjson.toString().getBytes("UTF-8"));// 向客戶端發(fā)送一個(gè)帶有json對(duì)象內(nèi)容的響應(yīng)
}
}
}
上面代碼用到微信通訊錄界面的實(shí)體類,下面將給出
實(shí)體類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.java添加處理微信通訊錄界面數(shù)據(jù)業(yè)務(wù)邏輯處理的抽象方法
//微信通訊錄
ContactList contact(String number);
在service層中的類UserServiceImpl.java重寫上面接口剛添加的方法
public ContactList contact(String number) {
//調(diào)用dao層完成數(shù)據(jù)查詢操作
ContactList contactList = ud.findContact(number);
return contactList;
}
在dao層中的接口UserDao .java添加處理微信通信錄界面數(shù)據(jù)并操作數(shù)據(jù)庫的的抽象方法
//查詢微信通信錄列表
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對(duì)象中
int id = rs.getInt("id");
String img = rs.getString("img");
String name = rs.getString("name");
String number1 = rs.getString("number");
//將查詢到的用戶封裝到一個(gè)User對(duì)象中
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目錄下創(chuàng)建存放通訊錄微信頭像的目錄,之后再往里添加圖片即可

下面給出我的表結(jié)構(gòu)以及表內(nèi)容


每一條記錄對(duì)應(yīng)一個(gè)用戶,客戶端通過微信號(hào)向服務(wù)器發(fā)送請(qǐng)求,服務(wù)器接受請(qǐng)求后向數(shù)據(jù)庫進(jìn)行查找,如果查找成功將返回一條記錄給服務(wù)端,客戶端進(jìn)行解析分離
測試
測試前要事先在數(shù)據(jù)庫里添加數(shù)據(jù)

總結(jié)
這篇關(guān)于微信demo的文章就到這里了,希望大家可以多多關(guān)注腳本之家的更多精彩內(nèi)容!
相關(guān)文章
Android消息通知欄的實(shí)現(xiàn)方法介紹
本篇文章是對(duì)Android消息通知欄的實(shí)現(xiàn)方法進(jìn)行了詳細(xì)的分析介紹,需要的朋友參考下2013-06-06
Android使用模板生成支持手機(jī)直接查看的Word文檔
這篇文章主要為大家詳細(xì)介紹了Android 使用模板生成Word文檔,支持手機(jī)直接查看word,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-12-12
通過實(shí)例解析android Activity啟動(dòng)過程
這篇文章主要介紹了通過實(shí)例解析android Activity啟動(dòng)過程,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-09-09
Android組件之BroadcastReceiver廣播接收者
這篇文章主要為大家介紹了Android組件之BroadcastReceiver廣播接收者實(shí)現(xiàn)示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-04-04
Android Notification的多種用法總結(jié)
這篇文章主要介紹了Android Notification的多種用法總結(jié)的相關(guān)資料,需要的朋友可以參考下2017-06-06
android dialog邊框去除白色邊框?qū)崿F(xiàn)思路及代碼
android dialog邊框含有白色真是美中不足啊,本文將介紹如何去除白色邊框,有思路及代碼,感興趣的朋友可以了解下2013-01-01
Android實(shí)現(xiàn)動(dòng)態(tài)自動(dòng)匹配輸入的內(nèi)容
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)動(dòng)態(tài)自動(dòng)匹配輸入的內(nèi)容,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-08-08

