文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

android实现微信朋友圈发布动态功能

2022-06-06 20:36

关注

本文实例为大家分享了android仿微信朋友圈发布动态功能的具体代码,供大家参考,具体内容如下

效果图:

本文概述

用到的开源库:仿照微信的图片选择器,Luban压缩图片,glide

上面红圈部分,当用户选中图片时,当=9张时,那个加号图片就会消失!

本文主要仿照微信的发布动态功能,主要时针对微信发布动态时,选中图片后的变化状态!

整体布局

这可以看到,控制图片状态的地方就是一个recyclerview

思路

利用recyclerview的多行视图来实现!

微信上的效果是,先选中图片后才会进入这个界面,这里实现的是我现在项目中用到的效果:默认显示一个带+好的图片,点击这个图片,会让你选择图片。

注意

我们不知道用户选择的图片大小是怎么样的,所以这里,选中图片后,先进行了压缩然后用glide去加载显示的。(这里之所以用glide是因为,用biatmap显示时,即使压缩了,但是同时选中5张以上,就会oom,所以用glide加载压缩后的url)

代码

代码里注释已经写的很详细了!

- ReleaseMessageActivity


public class ReleaseMessageActivity extends AppCompatActivity {
 @BindView(R.id.text_cancel)
 TextView textCancel;
 @BindView(R.id.text_release)
 TextView textRelease;
 @BindView(R.id.mRec)
 RecyclerView mRec;
 @BindView(R.id.et_messsage)
 EditText etMesssage;
 private ArrayList<String> listImagePath;
 private ArrayList<String> mList = new ArrayList<>();
 private ReleaseMsgAdapter adapter;
 private ArrayList<String> list = new ArrayList<String>();
 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_release_message);
 ButterKnife.bind(this);
 setRecyclerview();
 }
 private void setRecyclerview() {
 if (mList != null) {
  GridLayoutManager gridLayoutManager = new GridLayoutManager(this, 4);
  mRec.setLayoutManager(gridLayoutManager);
  adapter = new ReleaseMsgAdapter(ReleaseMessageActivity.this, mList);
  mRec.setAdapter(adapter);
 }
 }
 @OnClick({R.id.text_cancel, R.id.text_release})
 public void onClick(View view) {
 switch (view.getId()) {
  case R.id.text_cancel:
  ToastUtil.showToast("取消");
  break;
  case R.id.text_release:
  ToastUtil.showToast("发布");
  break;
 }
 }
 //用户选中图片后,拿到回掉结果
 @Override
 protected void onActivityResult(int requestCode, int resultCode, Intent data) {
 super.onActivityResult(requestCode, resultCode, data);
 if (requestCode == 0 && resultCode == RESULT_OK) {
  listImagePath = data.getStringArrayListExtra(EXTRA_RESULT);
  compress(listImagePath);
 }
 }
//压缩 拿到返回选中图片的集合url,然后转换成file文件
 public void compress(ArrayList<String> list) {
 for (String imageUrl : list) {
  LogUtils.e(">>>>>>", imageUrl);
  File file = new File(imageUrl);
  compressImage(file);
 }
 adapter.addMoreItem(list);
 }
//压缩
 private void compressImage(File file) {
 Luban.get(this)//用的第三方的压缩,开源库 Luban 大家可以自行百度
  .load(file)   //传人要压缩的图片
  .putGear(Luban.THIRD_GEAR) //设定压缩档次,默认三挡
  .setCompressListener(new OnCompressListener() { //设置回调
   @Override
   public void onStart() {
   //TODO 压缩开始前调用,可以在方法内启动 loading UI
   }
   @Override
   public void onSuccess(final File file) {
   URI uri = file.toURI();
   String[] split = uri.toString().split(":");
   list.add(split[1]);//压缩后返回的文件,带file字样,所以需要截取
   LogUtils.e(BaseApplication.TAG, uri + "????????????" + split[1]);
   }
   @Override
   public void onError(Throwable e) {
   //TODO 当压缩过去出现问题时调用
   }
  }).launch();//启动压缩
 }
}

ReleaseMsgAdapter


public class ReleaseMsgAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {
 private Activity context;
 private ArrayList<String> mList;
 private final LayoutInflater inflater;
 private static final int ITEM_TYPE_ONE = 0x00001;
 private static final int ITEM_TYPE_TWO = 0x00002;
 
 public ReleaseMsgAdapter(Activity context, ArrayList<String> mList) {
 this.context = context;
 this.mList = mList;
 inflater = LayoutInflater.from(context);
 }
 @Override
 public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
 parent.setPadding(20, 0, 20, 0);
 switch (viewType) {
  case ITEM_TYPE_ONE:
  return new MyHolder(inflater.inflate(R.layout.release_message_item, parent, false));
  case ITEM_TYPE_TWO:
  return new MyTWOHolder(inflater.inflate(R.layout.release_message_two_item, parent, false));
  default:
  return null;
 }
 }
 @Override
 public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
 if (holder instanceof MyHolder) {
  bindItemMyHolder((MyHolder) holder, position);
 } else if (holder instanceof MyTWOHolder) {
  bindItemTWOMyHolder((MyTWOHolder) holder, position);
 }
 }
 private void bindItemTWOMyHolder(final MyTWOHolder holder, int position) {
 LogUtils.e("Adapter", listSize() + "");
 if (listSize() >= 9) {//集合长度大于等于9张时,隐藏 图片
  holder.imageview2.setVisibility(View.GONE);
 }
 holder.imageview2.setOnClickListener(new View.OnClickListener() {
  @Override
  public void onClick(View v) {
  //选择图片
  CommonUtil.uploadPictures(context, 9 - listSize(), 0);
  }
 });
 }
 private void bindItemMyHolder(MyHolder holder, int position) {
 Glide.with(context)
  .load(mList.get(position))
  .centerCrop()
  .into(holder.imageview);
 }
 @Override
 public int getItemViewType(int position) {
 if (position + 1 == getItemCount()) {
  return ITEM_TYPE_TWO;
 } else {
  return ITEM_TYPE_ONE;
 }
 }
 @Override
 public int getItemCount() {
 LogUtils.e("getItemCount", mList.size() + 1 + "");
 return mList.size() + 1;
 }
 class MyHolder extends RecyclerView.ViewHolder {
 private final ImageView imageview;
 public MyHolder(View itemView) {
  super(itemView);
  imageview = (ImageView) itemView.findViewById(R.id.imageview);
 }
 }
 class MyTWOHolder extends RecyclerView.ViewHolder {
 private final ImageView imageview2;
 public MyTWOHolder(View itemView) {
  super(itemView);
  imageview2 = (ImageView) itemView.findViewById(R.id.imageview2);
 }
 }
 //对外暴露方法 。点击添加图片(类似于上啦加载数据)
 public void addMoreItem(ArrayList<String> loarMoreDatas) {
 mList.addAll(loarMoreDatas);
 notifyDataSetChanged();
 }
//得到集合长度
 public int listSize() {
 int size = mList.size();
 return size;
 }
}

CommonUtil.uploadPictures



 public static Intent uploadPictures(Activity activity, int number,int requestCode){
 //加载图片
 PhotoPickerIntent intent = new PhotoPickerIntent(activity);
 intent.setSelectModel(SelectModel.MULTI);//多选
 intent.setShowCarema(true); // 是否显示拍照
 intent.setMaxTotal(number); // 最多选择照片数量,默认为9
// intent.setSelectedPaths(imagePaths); // 已选中的照片地址, 用于回显选中状态
 intent.putExtra("type","photo");//选择方式;
 activity.startActivityForResult(intent,requestCode);
 return intent;
 }
您可能感兴趣的文章:Android 高仿微信朋友圈动态支持双击手势放大并滑动查看图片效果Android使用Retrofit2.0技术仿微信发说说Android仿微信发表说说实现拍照、多图上传功能


阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-移动开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯