Android小项目——社交类app（低仿微信）
Android小项目——社交类app（低仿微信）
- 一、项目简介
- · 前言
- · 项目框架
- · 网络传输
- 二、主要功能及代码分析
- · 注册和登录
- · 整体布局
- · 搜索和关注好友
- · 浏览动态（点赞评论收藏）
- · 发布动态
- · 个人信息
- 三、总结
- 四、源码下载
一、项目简介
· 前言
暑假参与了一个移动端Android应用开发的项目，原本打算做新闻类的，但是做着做着就跑偏了最后做成了社交类哈哈哈，所以包名一直没改，还是News。记录一下这个安卓项目，第一次上手，有问题请多多指教哦。
· 项目框架
· 网络传输
我们采用okhttp3的网络方式与服务器进行数据交互，okhttp3是一个高性能的http库，支持http2，对一台机器的所有请求共享同一个socket，通过缓存避免重复的请求。将数据打包成Jason格式进行传输。构造函数是OkhttpClient()。
二、主要功能及代码分析
· 注册和登录
初始界面：用户选择登录or注册
注册界面&登录界面
登录和注册功能的实现主要使用okhttp3方式与服务器进行交互，两者的技术实现完全一样。这里登录失败或者注册成功/失败都需要跳转到一个通知界面，所以要用到Handler机制，Handler是线程间的消息机制，Android中只有主线程才能修改UI界面，为了避免ANR（程序无响应），有时需要把一些耗时操作（网络请求、复杂计算）交给子线程完成，若子线程的执行需要修改UI界面时，就需要通知主线程，在Android中利用Handler机制可以实现这个通知。
登录——get用户信息，向服务器发送登录请求
String jsonstr = new Gson().toJson(hostInfo); //数据打包为Jason格式
RequestBody body = RequestBody.create(MediaType.parse("application/json"),jsonstr);
OkHttpClient client = new OkHttpClient();
//向服务器发送请求
Request request = new Request.Builder().url("http://192.168.43.121:8080/login").post(body).build();
//这里的http://192.168.43.121:8080就是我们服务器的url，login是为登录创建的存储文件夹
client.newCall(request).enqueue(new Callback() { //收到服务器回复
@Override
public void onFailure(Call call, IOException e) {
e.printStackTrace();
}
@Override
public void onResponse(Call call, Response response) throws IOException {
String back = response.body().string();
if(back.equals("success")){ //若收到服务器的回复为success，则成功。（这个success是你与服务器约定好的一个字符串）
Intent intent = new Intent(LoginActivity.this,MainActivity.class);
startActivity(intent);
}else if(back.equals("fail")){
Handler handler=new Handler(Looper.getMainLooper());
handler.post(new Runnable(){
public void run(){
Toast.makeText(LoginActivity.this,"手机号码或密码错误，请重新输入！",Toast.LENGTH_SHORT).show();
}
});
}
}
});
注册——get用户信息，向服务器发送注册请求
String jsonstr = new Gson().toJson(hostInfo); //数据打包成Jason格式
RequestBody body = RequestBody.create(MediaType.parse("application/json"),jsonstr);
OkHttpClient client = new OkHttpClient();
Request request = new Request.Builder().url("http://192.168.43.121:8080/insert").post(body).build();
client.newCall(request).enqueue(new Callback() {
@Override
public void onFailure(Call call, IOException e) {
Log.v("call","fail");
}
@Override
public void onResponse(Call call, Response response) throws IOException {
String back = response.body().string();
if(back.equals("success")){
Handler handler=new Handler(Looper.getMainLooper());
handler.post(new Runnable(){
public void run(){
Toast.makeText(RegisterActivity.this,"注册成功，请重新登录！",Toast.LENGTH_SHORT).show();
}
});
Intent nextIntent = new Intent(RegisterActivity.this, LoginActivity.class);
startActivity(nextIntent);
finish();
}else if(back.equals("fail")){
Handler handler=new Handler(Looper.getMainLooper());
handler.post(new Runnable(){
public void run(){
Toast.makeText(RegisterActivity.this,"注册失败，请重试！",Toast.LENGTH_SHORT).show();
}
});
}
}
});
提醒： 注册的上传头像功能我用了一个第三方工具：PictureSelector，因为自己写的莫名报错，还是建议用第三方实现，它功能特别强大，可以选图、裁剪、设为圆形、正方形、等等，第三方工具在后面会给出链接。
· 整体布局
登录成功以后进入主界面——动态页面，侧滑栏为 个人信息。
列表的布局采用ListView、数据源和Adapter配合实现。
//侧滑菜单
private void initView(){
drawerLayout = findViewById(R.id.activity_na);
navigationView = findViewById(R.id.nav);
menu = findViewById(R.id.iv_menu);
View headerView = navigationView.getHeaderView(0);
user_image = headerView.findViewById(R.id.iv_menu_user);
user_name = headerView.findViewById(R.id.tv_menu_user);
user_sign = headerView.findViewById(R.id.tv_menu_usersign);
new Thread(new Runnable() {
@Override
public void run() {
try{
MyselfUtil rec = new MyselfUtil();
MyInfo = rec.httpGet(hostID);
handlerPra.sendMessage(handlerPra.obtainMessage(22,MyInfo));
}catch (Exception e){
e.printStackTrace();
}
}
}).start();
//获取头布局
menu.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
//点击菜单，跳出侧滑菜单
if (drawerLayout.isDrawerOpen(navigationView)){
drawerLayout.closeDrawer(navigationView);
}else{
drawerLayout.openDrawer(navigationView);
}
}
});
navigationView.setNavigationItemSelectedListener(new NavigationView.OnNavigationItemSelectedListener() {
@Override
public boolean onNavigationItemSelected(@NonNull MenuItem item) {
switch(item.getItemId()){
case R.id.menu_item1:
Intent intent = new Intent(MainActivity.this,MyCollectActivity.class);
startActivity(intent);
break;
case R.id.menu_item2:
Intent intent2 = new Intent(MainActivity.this,MyLikeActivity.class);
startActivity(intent2);
break;
case R.id.menu_item3:
Intent intent3 = new Intent(MainActivity.this,CommentActivity.class);
startActivity(intent3);
break;
case R.id.menu_item4:
Intent intent4 = new Intent(MainActivity.this,MyMomentActivity.class);
startActivity(intent4);
break;
}
return true;
}
});
}
· 搜索和关注好友
查询好友id：
将id提交给服务器查询，根据收到的其回复来判断是否存在该用户
private void search_fd(final EditText friendID){
Button search_btn = findViewById(R.id.follow_search_btn);
search_btn.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
int friend_int = Integer.parseInt(friendID.getText().toString());
foucs_friend ffd = new foucs_friend(hostID,friend_int);
String jsonstr = new Gson().toJson(ffd);
RequestBody body = RequestBody.create(MediaType.parse("application/json"),jsonstr);
OkHttpClient client = new OkHttpClient();
Request request = new Request.Builder()
.url("http://192.168.43.121:8080/findfriend")
.post(body)
.build();
client.newCall(request).enqueue(new Callback() {
@Override
public void onFailure(Call call, IOException e) {
}
@Override
public void onResponse(Call call, Response response) throws IOException {
String json;
json = response.body().string();
Gson gson = new Gson();
Log.v("aaa",json);
follow_fd = gson.fromJson(json,FocusInfo.class);
Message message = new Message();
message.what = 0;
handlerPra.sendMessage(message);
}
});
}
});
}
关注好友：
将数据提交给服务器，服务器将关注信息保存到 MySQL 数据库中
private void follow_fd(final EditText friendID) {
btn_focus.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
int friend_int = Integer.parseInt(friendID.getText().toString());
//int friend_int = Integer.parseInt(friendID);
foucs_friend ffd = new foucs_friend(hostID,friend_int);
String jsonstr = new Gson().toJson(ffd);
RequestBody body = RequestBody.create(MediaType.parse("application/json"),jsonstr);
OkHttpClient client = new OkHttpClient();
Request request = new Request.Builder()
.url("http://192.168.43.121:8080/friendadd")
.post(body)
.build();
client.newCall(request).enqueue(new Callback() {
@Override
public void onFailure(Call call, IOException e) {
}
@Override
public void onResponse(Call call, Response response) throws IOException {
String back = response.body().string();
if(back.equals("success")){
Handler handler=new Handler(Looper.getMainLooper());
handler.post(new Runnable(){
public void run(){
btn_focus.setVisibility(View.INVISIBLE );
focus_tv.setVisibility(View.VISIBLE );
Toast.makeText(FollowActivity.this,"已关注",Toast.LENGTH_SHORT).show();
}
});
}
}
});
}
});
}
· 浏览动态（点赞评论收藏）
点赞、评论和收藏全部放在一个 Fragment 中，点赞和收藏可以直接向服务器发送请求，但是评论需要一个单独的Activity来get用户输入的具体评论信息，在那个Activity里面再进行数据上传，Fragment里面只调用这个Activity即可。
//在Fragment中实现点赞、评论和收藏功能
//收藏
adapter.setOnItemCollectListener(new ViewAdapter.onItemCollectListener() {
@Override
public void onCollectClick(final int i) {
PraiseOrCollectMsg msg = new PraiseOrCollectMsg();
msg.setDynamicID(list_item.get(i).getDynamicID());
msg.setHostID(1);
String jsonstr = new Gson().toJson(msg);
//向服务器发送请求
RequestBody body = RequestBody.create(MediaType.parse("application/json"),jsonstr);
OkHttpClient client = new OkHttpClient();
Request request = new Request.Builder()
.url("http://192.168.43.121:8080/findcollect")
.post(body)
.build();
client.newCall(request).enqueue(new okhttp3.Callback() {
@Override
public void onFailure(Call call, IOException e) {
}
@Override
public void onResponse(Call call, Response response) throws IOException {
String json = response.body().string();
Log.v("accepet",json);
list_item.get(i).setIsCollected(Integer.parseInt(json));
Message message = new Message();
message.what = 0;
handlerPra.sendMessage(message);
}
});
}
});
//评论
adapter.setOnItemCommentClickListener(new ViewAdapter.onItemCommentListener() {
@Override
public void onCommentClick(int i) {
System.out.println("");
comment(i); //调用评论功能的Activity
}
});
//点赞
adapter.setOnItemPraiseClickListener(new ViewAdapter.onItemPraiseListener() {
@Override
public void onPraiseClick(final int i) {
PraiseOrCollectMsg msg = new PraiseOrCollectMsg();
msg.setDynamicID(list_item.get(i).getDynamicID());
msg.setHostID(1);
String jsonstr = new Gson().toJson(msg);
RequestBody body = RequestBody.create(MediaType.parse("application/json"),jsonstr);
OkHttpClient client = new OkHttpClient();
//向服务器发送请求
Request request = new Request.Builder()
.url("http://192.168.43.121:8080/findpraise")
.post(body)
.build();
client.newCall(request).enqueue(new okhttp3.Callback() {
@Override
public void onFailure(Call call, IOException e) {
}
@Override
public void onResponse(Call call, Response response) throws IOException {
String json = response.body().string();
Gson gson = new Gson();
PraiseDetail pra = gson.fromJson(json,PraiseDetail.class);
list_item.get(i).setHasPraised(pra.haspriased);
list_item.get(i).setIsPraised(pra.isprased);
Message message = new Message();
message.what = 0;
handlerPra.sendMessage(message);
}
});
}
});
· 发布动态
把发布动态功能放在Fragment里面，发布功能实现还是利用OKHTTP3网络传输。图片上传仍使用第三方工具。
我这里放一下 第三方工具包：PictureSelector
private void showAlbum() {
//参数很多，根据需要添加
PictureSelector.create(getActivity())
.openGallery(PictureMimeType.ofImage())// 全部.PictureMimeType.ofAll()、图片.ofImage()、视频.ofVideo()、音频.ofAudio()
.maxSelectNum(maxSelectNum)// 最大图片选择数量
.minSelectNum(1)// 最小选择数量
.imageSpanCount(4)// 每行显示个数
.selectionMode(PictureConfig.MULTIPLE)// 多选 or 单选PictureConfig.MULTIPLE : PictureConfig.SINGLE
.previewImage(true)// 是否可预览图片
.isCamera(true)// 是否显示拍照按钮
.isZoomAnim(true)// 图片列表点击 缩放效果 默认true
//.setOutputCameraPath("/CustomPath")// 自定义拍照保存路径
.enableCrop(true)// 是否裁剪
.compress(true)// 是否压缩
//.sizeMultiplier(0.5f)// glide 加载图片大小 0~1之间 如设置 .glideOverride()无效
.glideOverride(160, 160)// glide 加载宽高，越小图片列表越流畅，但会影响列表图片浏览的清晰度
.withAspectRatio(1, 1)// 裁剪比例 如16:9 3:2 3:4 1:1 可自定义
//.selectionMedia(selectList)// 是否传入已选图片
//.previewEggs(false)// 预览图片时 是否增强左右滑动图片体验(图片滑动一半即可看到上一张是否选中)
//.cropCompressQuality(90)// 裁剪压缩质量 默认100
//.compressMaxKB()//压缩最大值kb compressGrade()为Luban.CUSTOM_GEAR有效
//.compressWH() // 压缩宽高比 compressGrade()为Luban.CUSTOM_GEAR有效
//.cropWH()// 裁剪宽高比，设置如果大于图片本身宽高则无效
.rotateEnabled(false) // 裁剪是否可旋转图片
.scaleEnabled(true)// 裁剪是否可放大缩小图片
//.recordVideoSecond()//录制视频秒数 默认60s
.forResult(PictureConfig.CHOOSE_REQUEST);//结果回调onActivityResult code
}
· 个人信息
对于收到的点赞/评论/我的收藏，均使用 Handler机制 开启一个新的线程，搭配适配器进行页面显示。
我收到的点赞：
Handler handler = new Handler(){
@Override
public void handleMessage(@NonNull Message msg) {
lv.setAdapter(new LikeAdapter(MyLikeActivity.this,(List<LikeInfo>) msg.obj));
}
};
我收到的评论：
Handler handlerPra = new Handler(){
@Override
public void handleMessage(Message msg){
if(msg.what == 0){
adapter.notifyDataSetChanged();
}
}
};
我的收藏：
Handler handlerPra = new Handler(){
@Override
public void handleMessage(Message msg){
if(msg.what == 0){
adapter.notifyDataSetChanged();
}
}
};
三、总结
整个项目大致的主要功能就是如此啦，技术上难度不算太大，每个功能的实现都是在重复地使用OKHTTP3与服务器进行数据交互，必要时使用Fragment代替Activity，列表显示就结合Adapter来实现，我遇到最大的问题倒是在图片上传那里，所以我强烈建议使用第三方，拍照、选择图片、图片裁剪、缩放等等，功能很全了。这次的安卓开发项目完成度比较高，功能低仿微信，在真机上运行没有太大的问题，算是一次小小的突破。不过中间有些bug，是在整合的时候出现的，由于时间有限我们没有太追究这些细枝末节，仅作学习参考。欢迎大家和我一起交流！
四、源码下载
本项目源码在此开放给大家，请只作学习参考～
-
CSDN下载：
Android小项目——社交类app（低仿微信）客户端源码下载
Android小项目——社交类app（低仿微信）服务器端源码下载 -
github下载：
客户端源码github链接
服务端源码github链接