首页 > 编程札记 > 编程

Android小项目——社交类app（低仿微信）

阅读：评论：0

一、项目简介
- · 前言
- · 项目框架
- · 网络传输
二、主要功能及代码分析
- · 注册和登录
- · 整体布局
- · 搜索和关注好友
- · 浏览动态（点赞评论收藏）
- · 发布动态
- · 个人信息
三、总结
四、源码下载

一、项目简介

· 前言

暑假参与了一个移动端Android应用开发的项目，原本打算做新闻类的，但是做着做着就跑偏了最后做成了社交类哈哈哈，所以包名一直没改，还是News。记录一下这个安卓项目，第一次上手，有问题请多多指教哦。

· 项目框架

· 网络传输

我们采用okhttp3的网络方式与服务器进行数据交互，okhttp3是一个高性能的http库，支持http2，对一台机器的所有请求共享同一个socket，通过缓存避免重复的请求。将数据打包成Jason格式进行传输。构造函数是OkhttpClient()。

二、主要功能及代码分析

· 注册和登录

初始界面：用户选择登录or注册

注册界面&登录界面

登录和注册功能的实现主要使用okhttp3方式与服务器进行交互，两者的技术实现完全一样。这里登录失败或者注册成功/失败都需要跳转到一个通知界面，所以要用到Handler机制，Handler是线程间的消息机制，Android中只有主线程才能修改UI界面，为了避免ANR（程序无响应），有时需要把一些耗时操作（网络请求、复杂计算）交给子线程完成，若子线程的执行需要修改UI界面时，就需要通知主线程，在Android中利用Handler机制可以实现这个通知。

String jsonstr = new Gson().toJson(hostInfo); //数据打包为Jason格式
RequestBody body = ate(MediaType.parse("application/json"),jsonstr);
OkHttpClient client = new OkHttpClient();
//向服务器发送请求
Request request = new Request.Builder().url("192.168.43.121:8080/login").post(body).build();
//这里的192.168.43.121:8080就是我们服务器的url，login是为登录创建的存储文件夹wCall(request).enqueue(new Callback() {  //收到服务器回复@Overridepublic void onFailure(Call call, IOException e) {e.printStackTrace();}@Overridepublic 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 MainLooper());handler.post(new Runnable(){public void run(){Toast.makeText(LoginActivity.this,"手机号码或密码错误，请重新输入！",Toast.LENGTH_SHORT).show();}});}}
});

String jsonstr = new Gson().toJson(hostInfo);     //数据打包成Jason格式
RequestBody body = ate(MediaType.parse("application/json"),jsonstr);
OkHttpClient client = new OkHttpClient();
Request request = new Request.Builder().url("192.168.43.121:8080/insert").post(body).build();wCall(request).enqueue(new Callback() {@Overridepublic void onFailure(Call call, IOException e) {Log.v("call","fail");}@Overridepublic void onResponse(Call call, Response response) throws IOException {String back = response.body().string();if(back.equals("success")){Handler handler=new MainLooper());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 MainLooper());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 = HeaderView(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() {@Overridepublic 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() {@Overridepublic void onClick(View view) {//点击菜单，跳出侧滑菜单if (drawerLayout.isDrawerOpen(navigationView)){drawerLayout.closeDrawer(navigationView);}else{drawerLayout.openDrawer(navigationView);}}});navigationView.setNavigationItemSelectedListener(new NavigationView.OnNavigationItemSelectedListener() {@Overridepublic boolean onNavigationItemSelected(@NonNull MenuItem item) {ItemId()){case u_item1:Intent intent  = new Intent(MainActivity.this,MyCollectActivity.class);startActivity(intent);break;case u_item2:Intent intent2  = new Intent(MainActivity.this,MyLikeActivity.class);startActivity(intent2);break;case u_item3:Intent intent3  = new Intent(MainActivity.this,CommentActivity.class);startActivity(intent3);break;case u_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() {@Overridepublic void onClick(View view) {int friend_int = Integer.Text().toString());foucs_friend ffd = new foucs_friend(hostID,friend_int);String jsonstr = new Gson().toJson(ffd);RequestBody body = ate(MediaType.parse("application/json"),jsonstr);OkHttpClient client = new OkHttpClient();Request request = new Request.Builder().url("192.168.43.121:8080/findfriend").post(body).build();wCall(request).enqueue(new Callback() {@Overridepublic void onFailure(Call call, IOException e) {}@Overridepublic 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() {@Overridepublic void onClick(View view) {int friend_int = Integer.Text().toString());//int friend_int  = Integer.parseInt(friendID);foucs_friend ffd = new foucs_friend(hostID,friend_int);String jsonstr = new Gson().toJson(ffd);RequestBody body = ate(MediaType.parse("application/json"),jsonstr);OkHttpClient client = new OkHttpClient();Request request = new Request.Builder().url("192.168.43.121:8080/friendadd").post(body).build();wCall(request).enqueue(new Callback() {@Overridepublic void onFailure(Call call, IOException e) {}@Overridepublic void onResponse(Call call, Response response) throws IOException {String back = response.body().string();if(back.equals("success")){Handler handler=new MainLooper());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(ItemCollectListener() {@Overridepublic void onCollectClick(final int i) {PraiseOrCollectMsg msg = new PraiseOrCollectMsg();msg.setDynamicID((i).getDynamicID());msg.setHostID(1);String jsonstr = new Gson().toJson(msg);//向服务器发送请求RequestBody body = ate(MediaType.parse("application/json"),jsonstr);OkHttpClient client = new OkHttpClient();Request request = new Request.Builder().url("192.168.43.121:8080/findcollect").post(body).build();wCall(request).enqueue(new okhttp3.Callback() {@Overridepublic void onFailure(Call call, IOException e) {}@Overridepublic void onResponse(Call call, Response response) throws IOException {String json = response.body().string();Log.v("accepet",json);(i).setIsCollected(Integer.parseInt(json));Message message = new Message();message.what = 0;handlerPra.sendMessage(message);}});}
});//评论
adapter.setOnItemCommentClickListener(ItemCommentListener() {@Overridepublic void onCommentClick(int i) {     System.out.println("");comment(i);     //调用评论功能的Activity}
});//点赞
adapter.setOnItemPraiseClickListener(ItemPraiseListener() {@Overridepublic void onPraiseClick(final int i) {PraiseOrCollectMsg msg = new PraiseOrCollectMsg();msg.setDynamicID((i).getDynamicID());msg.setHostID(1);String jsonstr = new Gson().toJson(msg);RequestBody body = ate(MediaType.parse("application/json"),jsonstr);OkHttpClient client = new OkHttpClient();//向服务器发送请求Request request = new Request.Builder().url("192.168.43.121:8080/findpraise").post(body).build();wCall(request).enqueue(new okhttp3.Callback() {@Overridepublic void onFailure(Call call, IOException e) {}@Overridepublic void onResponse(Call call, Response response) throws IOException {String json = response.body().string();Gson gson = new Gson();PraiseDetail pra = gson.fromJson(json,PraiseDetail.class);(i).setHasPraised(pra.haspriased);(i).setIsPraised(pra.isprased);Message message = new Message();message.what = 0;handlerPra.sendMessage(message);}});}
});

· 发布动态

把发布动态功能放在Fragment里面，发布功能实现还是利用OKHTTP3网络传输。图片上传仍使用第三方工具。
我这里放一下 第三方工具包：PictureSelector

private void showAlbum() {//参数很多，根据需要添加ate(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)// 是否裁剪press(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//pressMaxKB()//压缩最大值kb compressGrade()为Luban.CUSTOM_GEAR有效//pressWH() // 压缩宽高比 compressGrade()为Luban.CUSTOM_GEAR有效//.cropWH()// 裁剪宽高比，设置如果大于图片本身宽高则无效.rotateEnabled(false) // 裁剪是否可旋转图片.scaleEnabled(true)// 裁剪是否可放大缩小图片//.recordVideoSecond()//录制视频秒数 默认60s.forResult(PictureConfig.CHOOSE_REQUEST);//结果回调onActivityResult code
}

· 个人信息

对于收到的点赞/评论/我的收藏，均使用 Handler机制 开启一个新的线程，搭配适配器进行页面显示。

我收到的点赞：

Handler handler = new Handler(){@Overridepublic void handleMessage(@NonNull Message msg) {lv.setAdapter(new LikeAdapter(MyLikeActivity.this,(List<LikeInfo>) msg.obj));}
};

我收到的评论：

Handler handlerPra = new Handler(){@Overridepublic void handleMessage(Message msg){if(msg.what == 0){ifyDataSetChanged();}}
};

我的收藏：

Handler handlerPra = new Handler(){@Overridepublic void handleMessage(Message msg){if(msg.what == 0){ifyDataSetChanged();}}
};

三、总结

整个项目大致的主要功能就是如此啦，技术上难度不算太大，每个功能的实现都是在重复地使用OKHTTP3与服务器进行数据交互，必要时使用Fragment代替Activity，列表显示就结合Adapter来实现，我遇到最大的问题倒是在图片上传那里，所以我强烈建议使用第三方，拍照、选择图片、图片裁剪、缩放等等，功能很全了。这次的安卓开发项目完成度比较高，功能低仿微信，在真机上运行没有太大的问题，算是一次小小的突破。不过中间有些bug，是在整合的时候出现的，由于时间有限我们没有太追究这些细枝末节，仅作学习参考。欢迎大家和我一起交流！