java 仿qq空间_仿QQ空间和微信朋友圈，高解耦高复用高灵活

最新推荐文章于 2022-08-27 14:24:59 发布

weixin_39600823

最新推荐文章于 2022-08-27 14:24:59 发布

阅读量412

点赞数

文章标签： java 仿qq空间

本文链接：https://blog.csdn.net/weixin_39600823/article/details/114255009

版权

先看看效果：

用极少的代码实现了动态详情及二级评论的数据获取与处理和 UI显示与交互，并且高解耦、高复用、高灵活。

动态列表界面MomentListFragment支持下拉刷新与上拉加载和模糊搜索，反复快速滑动仍然非常流畅。

缓存机制使得数据可在启动界面后瞬间加载完成。

动态详情界面MomentActivity支持 (取消)点赞、(删除)评论、点击姓名跳到个人详情等。

只有1张图片时图片放大显示，超过1张则按九宫格显示。

用到的CommentContainerView和MomentView都是独立的组件，既可单独使用，也可用于ListView或添加至其它ViewGroup等。

CommentContainerView复用

CommentContainerView.java

setOnCommentClickListener : 设置点击评论监听 createView : 创建View bindView : 绑定数据并显示View setMaxShowCount : 设置最多显示数量，超过则折叠 setComment : 设置评论 addCommentView : 添加评论View

comment_container_view.xml

1 <?xml version="1.0" encoding="utf-8"?> 2 4 5 8 9 10 19 20

MomentView复用

MomentView.java

setOnPictureClickListener : 设置点击图片监听 createView : 创建View bindView : 绑定数据并显示View setPraise : 设置点赞 setShowComment : 设置是否显示评论 getShowComment : 获取是否显示评论的设置 setComment : 设置评论 setPicture : 设置九宫格图片 toComment : 跳转到所有评论界面 getData : 获取动态绑定的数据 isLoggedIn : 判断是否已登录，未登录则跳到登录界面 praise : (取消)点赞 onDialogButtonClick : 处理对话框返回结果，比如删除动态 onHttpResponse : 处理Http请求的返回结果，比如点赞 onClick : 处理点击事件，比如点击内容跳到动态详情界面 onItemClick : 处理点击图片的事件，默认是查看大图，可setOnPictureClickListener接管处理

1 package apijson.demo.client.view; 2 3 import android.annotation.SuppressLint; 4 import android.app.Activity; 5 import android.content.res.Resources; 6 import android.view.LayoutInflater; 7 import android.view.View; 8 import android.view.View.OnClickListener; 9 import android.view.ViewGroup; 10 import android.widget.AdapterView; 11 import android.widget.AdapterView.OnItemClickListener; 12 import android.widget.GridView; 13 import android.widget.ImageView; 14 import android.widget.LinearLayout.LayoutParams; 15 import android.widget.TextView; 16 17 import java.util.ArrayList; 18 import java.util.List; 19 20 import apijson.demo.client.R; 21 import apijson.demo.client.activity_fragment.LoginActivity; 22 import apijson.demo.client.activity_fragment.MomentActivity; 23 import apijson.demo.client.activity_fragment.UserActivity; 24 import apijson.demo.client.activity_fragment.UserListActivity; 25 import apijson.demo.client.application.APIJSONApplication; 26 import apijson.demo.client.model.CommentItem; 27 import apijson.demo.client.model.Moment; 28 import apijson.demo.client.model.MomentItem; 29 import apijson.demo.client.model.User; 30 import apijson.demo.client.util.HttpRequest; 31 import apijson.demo.client.view.CommentView.OnCommentClickListener; 32 import zuo.biao.apijson.JSONResponse; 33 import zuo.biao.library.base.BaseView; 34 import zuo.biao.library.manager.CacheManager; 35 import zuo.biao.library.manager.HttpManager.OnHttpResponseListener; 36 import zuo.biao.library.model.Entry; 37 import zuo.biao.library.ui.AlertDialog; 38 import zuo.biao.library.ui.AlertDialog.OnDialogButtonClickListener; 39 import zuo.biao.library.ui.GridAdapter; 40 import zuo.biao.library.ui.WebViewActivity; 41 import zuo.biao.library.util.ImageLoaderUtil; 42 import zuo.biao.library.util.Log; 43 import zuo.biao.library.util.ScreenUtil; 44 import zuo.biao.library.util.StringUtil; 45 import zuo.biao.library.util.TimeUtil; 46 47 /**动态 48 * @author Lemon 49 * @use 50 MomentView momentView = new MomentView(context, inflater); 51 adapter中使用convertView = momentView.getView();//[具体见.DemoAdapter] 或其它类中使用 52 containerView.addView(momentView.getConvertView()); 53 momentView.bindView(data); 54 momentView.setOnPictureClickListener(onPictureClickListener);//非必需 55 momentView.setOnDataChangedListener(onDataChangedListener);data = momentView.getData();//非必需 56 momentView.setOnClickListener(onClickListener);//非必需 57 ... 58 */ 59 public class MomentView extends BaseView implements OnClickListener 60 , OnHttpResponseListener, OnDialogButtonClickListener, OnItemClickListener { 61 private static final String TAG = "MomentView"; 62 63 public interface OnPictureClickListener { 64 void onClickPicture(int momentPosition, MomentView momentView, int pictureIndex); 65 } 66 67 private OnPictureClickListener onPictureClickListener; 68 /**设置点击图片监听 69 * @param onPictureClickListener 70 */ 71 public void setOnPictureClickListener(OnPictureClickListener onPictureClickListener) { 72 this.onPictureClickListener = onPictureClickListener; 73 } 74 75 public MomentView(Activity context, Resources resources) { 76 super(context, resources); 77 } 78 79 80 //UI显示区(操作UI，但不存在数据获取或处理代码，也不存在事件监听代码)<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< 81 82 private LayoutInflater inflater; 83 84 85 public View llMomentViewContainer; 86 87 public ImageView ivMomentViewHead; 88 89 public TextView tvMomentViewName; 90 public TextView tvMomentViewStatus; 91 92 public TextView tvMomentViewContent; 93 94 public GridView gvMomentView; 95 96 public TextView tvMomentViewDate; 97 public ImageView ivMomentViewPraise; 98 public ImageView ivMomentViewComment; 99 100 public ViewGroup llMomentViewPraise; 101 public PraiseTextView tvMomentViewPraise; 102 103 public View vMomentViewDivider; 104 105 public ViewGroup llMomentViewCommentContainer; 106 @SuppressLint("InflateParams") 107 @Override 108 public View createView(LayoutInflater inflater) { 109 this.inflater = inflater; 110 convertView = inflater.inflate(R.layout.moment_view, null); 111 112 llMomentViewContainer = findViewById(R.id.llMomentViewContainer); 113 114 ivMomentViewHead = findViewById(R.id.ivMomentViewHead, this); 115 116 tvMomentViewName = findViewById(R.id.tvMomentViewName, this); 117 tvMomentViewStatus = findViewById(R.id.tvMomentViewStatus, this); 118 119 tvMomentViewContent = findViewById(R.id.tvMomentViewContent, this); 120 121 gvMomentView = findViewById(R.id.gvMomentView); 122 123 tvMomentViewDate = findViewById(R.id.tvMomentViewDate); 124 ivMomentViewPraise = findViewById(R.id.ivMomentViewPraise, this); 125 ivMomentViewComment = findViewById(R.id.ivMomentViewComment, this); 126 127 llMomentViewPraise = findViewById(R.id.llMomentViewPraise, this); 128 tvMomentViewPraise = findViewById(R.id.tvMomentViewPraise, this); 129 130 vMomentViewDivider = findViewById(R.id.vMomentViewDivider); 131 132 llMomentViewCommentContainer = findViewById(R.id.llMomentViewCommentContainer); 133 134 return convertView; 135 } 136 137 138 private User user; 139 private Moment moment; 140 private long momentId; 141 private long userId; 142 143 private boolean isCurrentUser; 144 private int status; 145 public int getStatus() { 146 return status; 147 } 148 @Override 149 public void bindView(MomentItem data_){ 150 this.data = data_; 151 llMomentViewContainer.setVisibility(data == null ? View.GONE : View.VISIBLE); 152 if (data == null) { 153 Log.w(TAG, "bindView data == null >> return;"); 154 return; 155 } 156 this.user = data.getUser(); 157 this.moment = data.getMoment(); 158 this.momentId = moment.getId(); 159 this.userId = moment.getUserId(); 160 this.isCurrentUser = APIJSONApplication.getInstance().isCurrentUser(moment.getUserId()); 161 this.status = data.getMyStatus(); 162 163 ImageLoaderUtil.loadImage(ivMomentViewHead, user.getHead()); 164 165 tvMomentViewName.setText(StringUtil.getTrimedString(user.getName())); 166 tvMomentViewStatus.setText(StringUtil.getTrimedString(data.getStatusString())); 167 tvMomentViewStatus.setVisibility(isCurrentUser ? View.VISIBLE : View.GONE); 168 169 tvMomentViewContent.setVisibility(StringUtil.isNotEmpty(moment.getContent(), true) ? View.VISIBLE : View.GONE); 170 tvMomentViewContent.setText(StringUtil.getTrimedString(moment.getContent())); 171 172 tvMomentViewDate.setText(TimeUtil.getSmartDate(moment.getDate())); 173 174 // 图片 175 setPicture(moment.getPictureList()); 176 // 点赞 177 setPraise(data.getIsPraised(), data.getUserList()); 178 // 评论 179 setComment(data.getCommentItemList()); 180 181 vMomentViewDivider.setVisibility(llMomentViewPraise.getVisibility() == View.VISIBLE 182 && llMomentViewCommentContainer.getVisibility() == View.VISIBLE ? View.VISIBLE : View.GONE); 183 184 } 185 186 187 /**设置点赞 188 * @param joined 189 * @param list 190 */ 191 private void setPraise(boolean joined, List list) { 192 ivMomentViewPraise.setImageResource(joined ? R.drawable.praised : R.drawable.praise); 193 llMomentViewPraise.setVisibility(list == null || list.isEmpty() ? View.GONE : View.VISIBLE); 194 if (llMomentViewPraise.getVisibility() == View.VISIBLE) { 195 tvMomentViewPraise.setView(list); 196 } 197 } 198 199 private boolean showComment = true; 200 public void setShowComment(boolean showComment) { 201 this.showComment = showComment; 202 } 203 public boolean getShowComment() { 204 return showComment; 205 } 206 207 208 public CommentContainerView commentContainerView; 209 /**设置评论 210 * @param list 211 */ 212 public void setComment(List list) { 213 llMomentViewCommentContainer.setVisibility(showComment == false || list == null || list.isEmpty() 214 ? View.GONE : View.VISIBLE); 215 216 if (llMomentViewCommentContainer.getVisibility() != View.VISIBLE) { 217 Log.i(TAG, "setComment llMomentViewCommentContainer.getVisibility() != View.VISIBLE >> return;"); 218 return; 219 } 220 221 if (commentContainerView == null) { 222 commentContainerView = new CommentContainerView(context, resources); 223 llMomentViewCommentContainer.removeAllViews(); 224 llMomentViewCommentContainer.addView(commentContainerView.createView(inflater)); 225 226 commentContainerView.setOnCommentClickListener(new OnCommentClickListener() { 227 228 @Override 229 public void onCommentClick(CommentItem item, int position, int index, boolean isLong) { 230 toComment(item, true); 231 } 232 }); 233 commentContainerView.tvCommentContainerViewMore.setOnClickListener(this); 234 235 commentContainerView.setMaxShowCount(5); 236 } 237 238 commentContainerView.bindView(list); 239 } 240 241 private GridAdapter adapter; 242 /**设置图片 243 * @param pictureList 244 */ 245 private void setPicture(List pictureList) { 246 List> keyValueList = new ArrayList>(); 247 if (pictureList != null) { 248 for (String picture : pictureList) { 249 keyValueList.add(new Entry(picture, null)); 250 } 251 } 252 int pictureNum = keyValueList.size(); 253 gvMomentView.setVisibility(pictureNum <= 0 ? View.GONE : View.VISIBLE); 254 if (pictureNum <= 0) { 255 Log.i(TAG, "setList pictureNum <= 0 >> lvModel.setAdapter(null); return;"); 256 adapter = null; 257 gvMomentView.setAdapter(null); 258 return; 259 } 260 261 gvMomentView.setNumColumns(pictureNum <= 1 ? 1 : 3); 262 if (adapter == null) { 263 adapter = new GridAdapter(context).setHasName(false); 264 gvMomentView.setAdapter(adapter); 265 } 266 adapter.refresh(keyValueList); 267 gvMomentView.setOnItemClickListener(this); 268 269 final int gridViewHeight = (int) (ScreenUtil.getScreenSize(context)[0] 270 - convertView.getPaddingLeft() - convertView.getPaddingRight() 271 - getDimension(R.dimen.moment_view_head_width)); 272 try { 273 if (pictureNum >= 7) { 274 gvMomentView.setLayoutParams(new LayoutParams(LayoutParams.WRAP_CONTENT, gridViewHeight)); 275 } else if (pictureNum >= 4) { 276 gvMomentView.setLayoutParams(new LayoutParams(LayoutParams.WRAP_CONTENT, (gridViewHeight*2)/3)); 277 } else if (pictureNum >= 2) { 278 gvMomentView.setLayoutParams(new LayoutParams(LayoutParams.WRAP_CONTENT, gridViewHeight / 3)); 279 } else { 280 gvMomentView.setLayoutParams(new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT)); 281 } 282 } catch (Exception e) { 283 Log.e(TAG, " setPictureGrid try int gridViewHeight;...>> catch" + e.getMessage()); 284 } 285 } 286 287 288 289 /**跳转到所有评论界面 290 * @param isToComment 291 */ 292 private void toComment(boolean isToComment) { 293 toComment(null, isToComment); 294 } 295 /**跳转到所有评论界面 296 * @param commentItem 297 * @param isToComment comment有效时为true 298 */ 299 private void toComment(CommentItem commentItem, boolean isToComment) { 300 if (commentItem == null) { 301 commentItem = new CommentItem(); 302 } 303 toActivity(MomentActivity.createIntent(context, momentId, isToComment 304 , commentItem.getId(), commentItem.getUser().getId(), commentItem.getUser().getName())); 305 } 306 307 //UI显示区(操作UI，但不存在数据获取或处理代码，也不存在事件监听代码)>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 308 309 310 311 312 313 314 315 316 317 318 //Data数据区(存在数据获取或处理代码，但不存在事件监听代码)<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< 319 320 321 @Override 322 public MomentItem getData() {//bindView(null)不会使data == null 323 return llMomentViewContainer.getVisibility() == View.VISIBLE ? data : null; 324 } 325 326 327 /**判断是否已登录，如果未登录则弹出登录界面 328 * @return 329 */ 330 private boolean isLoggedIn() { 331 boolean isLoggedIn = APIJSONApplication.getInstance().isLoggedIn(); 332 if (isLoggedIn == false) { 333 context.startActivity(LoginActivity.createIntent(context)); 334 context.overridePendingTransition(R.anim.bottom_push_in, R.anim.hold); 335 } 336 return isLoggedIn; 337 } 338 339 340 /**点赞 341 * @param toPraise 342 */ 343 public void praise(boolean toPraise) { 344 if (data == null || toPraise == data.getIsPraised()) { 345 Log.e(TAG, "praiseWork toPraise == moment.getIsPraise() >> return;"); 346 return; 347 } 348 // setPraise(toPraise, data.getPraiseCount() + (toPraise ? 1 : -1)); 349 HttpRequest.praiseMoment(momentId, toPraise, toPraise ? HTTP_PRAISE : HTTP_CANCEL_PRAISE, this); 350 } 351 352 //Data数据区(存在数据获取或处理代码，但不存在事件监听代码)>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 353 354 355 356 357 358 359 360 361 //Event事件监听区(只要存在事件监听代码就是)<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< 362 363 364 @Override 365 public void onDialogButtonClick(int requestCode, boolean isPositive) { 366 if (isPositive && data != null) { 367 data.setMyStatus(MomentItem.STATUS_DELETING); 368 bindView(data); 369 HttpRequest.deleteMoment(moment.getId(), HTTP_DELETE, this); 370 } 371 } 372 373 374 375 public static final int HTTP_PRAISE = 1; 376 public static final int HTTP_CANCEL_PRAISE = 2; 377 public static final int HTTP_DELETE = 3; 378 @Override 379 public void onHttpResponse(int requestCode, String result, Exception e) { 380 if (data == null) { 381 Log.e(TAG, "onHttpResponse data == null >> return;"); 382 return; 383 } 384 JSONResponse response = new JSONResponse(result); 385 JSONResponse response2 = response.getJSONResponse(Moment.class.getSimpleName()); 386 boolean isSucceed = JSONResponse.isSucceed(response2); 387 switch (requestCode) { 388 case HTTP_PRAISE: 389 case HTTP_CANCEL_PRAISE: 390 if (isSucceed) { 391 data.setIsPraised(requestCode == HTTP_PRAISE); 392 bindView(data); 393 } else { 394 showShortToast((requestCode == HTTP_PRAISE ? "点赞" : "取消点赞") + "失败，请检查网络后重试"); 395 } 396 break; 397 case HTTP_DELETE: 398 showShortToast(isSucceed ? R.string.delete_succeed : R.string.delete_failed); 399 //只对adapter.getCount()有影响。目前是隐藏的，不需要通知，也不需要刷新adapter，用户手动刷新后自然就更新了。 400 if (isSucceed) { 401 bindView(null); 402 status = MomentItem.STATUS_DELETED; 403 if (onDataChangedListener != null) { 404 onDataChangedListener.onDataChanged(); 405 } 406 CacheManager.getInstance().remove(MomentItem.class, "" + momentId); 407 } else { 408 data.setMyStatus(MomentItem.STATUS_NORMAL); 409 bindView(data); 410 } 411 break; 412 } 413 } 414 415 416 @Override 417 public void onClick(View v) { 418 if (data == null) { 419 return; 420 } 421 if (status == MomentItem.STATUS_PUBLISHING) { 422 showShortToast(R.string.publishing); 423 return; 424 } 425 switch (v.getId()) { 426 case R.id.ivMomentViewHead: 427 case R.id.tvMomentViewName: 428 toActivity(UserActivity.createIntent(context, userId)); 429 break; 430 case R.id.tvMomentViewStatus: 431 if (status == MomentItem.STATUS_NORMAL) { 432 new AlertDialog(context, "", "删除动态", true, 0, this).show(); 433 } 434 break; 435 case R.id.tvMomentViewContent: 436 case R.id.tvCommentContainerViewMore: 437 toComment(false); 438 break; 439 case R.id.tvMomentViewPraise: 440 case R.id.llMomentViewPraise: 441 toActivity(UserListActivity.createIntent(context, data.getPraiseUserIdList()) 442 .putExtra(UserListActivity.INTENT_TITLE, "点赞的人")); 443 break; 444 default: 445 if (isLoggedIn() == false) { 446 return; 447 } 448 switch (v.getId()) { 449 case R.id.ivMomentViewPraise: 450 praise(! data.getIsPraised()); 451 break; 452 case R.id.ivMomentViewComment: 453 toComment(true); 454 break; 455 default: 456 break; 457 } 458 break; 459 } 460 } 461 462 @Override 463 public void onItemClick(AdapterView> parent, View view, int position, long id) { 464 if (status == MomentItem.STATUS_PUBLISHING) { 465 showShortToast(R.string.publishing); 466 return; 467 } 468 if (onPictureClickListener != null) { 469 onPictureClickListener.onClickPicture(this.position, this, position); 470 } else { 471 toActivity(WebViewActivity.createIntent(context, null 472 , adapter == null ? null : adapter.getItem(position).getKey())); 473 } 474 } 475 476 //Event事件监听区(只要存在事件监听代码就是)>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 477 478 }

moment_view.xml

1 <?xml version="1.0" encoding="utf-8"?> 2 5 6 12 13 18 19 25 26 27 32 33 36 37 45 46 51 52 53 63 64 75 76 80 81 88 89 95 96 101 102 103 109 110 118 119 124 125 132 133 134 137 138 143 144 145 146 147 148

由于这个项目使用了ZBLibrary快速开发框架，所以实现仿QQ空间和微信朋友圈的这种复杂界面只用了极少的代码，并且高解耦、高复用、高灵活。

服务端是用APIJSON(Server)工程快速搭建的，客户端App和服务端通过APIJSON-JSON传输结构协议通信，非常方便灵活，省去了大量的接口和文档！

今年RxJava特别火，在北京市场几乎是必备技能，所以我还把这个项目做了个RxJava版本，欢迎交流和指教。

实现UI的Java类:

MomentListFragment 395行动态列表的获取和显示 MomentActivity 616行动态和评论列表的获取、显示和交互(评论和删除评论等) MomentAdapter 67行动态列表的显示 CommentAdapter 82行评论列表的显示 MomentView 495行动态的显示和交互(各种跳转、点赞、删除等) EmptyEventGridView 56行动态里图片的显示和交互(触摸空白处传递触摸事件到内层View) PraiseTextView 129行动态里点赞用户的显示和交互(点击姓名跳到个人详情，点击整体跳到点赞的用户列表界面) CommentView 153行一级评论(头像、姓名、内容)的显示和交互(回复、删除等)，添加二级评论列表 CommentContainerView 172行二级评论列表的显示和交互(查看全部等) CommentTextView 122行二级评论(姓名、内容)的显示和交互(回复、删除等)

实现UI的XML布局:

moment_activity 47行动态和评论列表的显示 moment_view 148行动态的显示 comment_view 87行一级评论(头像、姓名、内容)的显示 comment_container_view 20行二级评论列表的显示 comment_item 10行二级评论(姓名、内容)的显示

为什么没有实现MomentListFragment对应的XML布局？

因为MomentListFragment继承BaseHttpListFragment，内部用XListView作为缺省列表View，所以可以不用自己实现了。

实现数据获取、提交和处理的Java类:

HttpRequest +175行数据的获取和提交(getMoment,...,deleteComment) CommentUtil 140行单层评论和和二级评论的处理 Comment 56行评论数据 CommentItem 99行评论的显示和交互数据 Moment 43行动态数据 MomentItem 272行动态的显示和交互数据 User 103行用户数据

(注:未列出的代码文件要么和动态无关，要么APIJSON或ZBLibrary已提供。server.model里的类由服务端提供)

仿QQ空间和微信朋友圈，高解耦高复用高灵活