溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

android實(shí)現(xiàn)微信朋友圈發(fā)布動(dòng)態(tài)功能

發(fā)布時(shí)間:2020-08-20 00:32:18 來源:腳本之家 閱讀:643 作者:Join下班了嗎 欄目:移動(dòng)開發(fā)

本文實(shí)例為大家分享了android仿微信朋友圈發(fā)布動(dòng)態(tài)功能的具體代碼,供大家參考,具體內(nèi)容如下

效果圖:

android實(shí)現(xiàn)微信朋友圈發(fā)布動(dòng)態(tài)功能

本文概述

用到的開源庫:仿照微信的圖片選擇器,Luban壓縮圖片,glide

android實(shí)現(xiàn)微信朋友圈發(fā)布動(dòng)態(tài)功能

上面紅圈部分,當(dāng)用戶選中圖片時(shí),當(dāng)=9張時(shí),那個(gè)加號(hào)圖片就會(huì)消失!

本文主要仿照微信的發(fā)布動(dòng)態(tài)功能,主要時(shí)針對(duì)微信發(fā)布動(dòng)態(tài)時(shí),選中圖片后的變化狀態(tài)!

整體布局

android實(shí)現(xiàn)微信朋友圈發(fā)布動(dòng)態(tài)功能

這可以看到,控制圖片狀態(tài)的地方就是一個(gè)recyclerview

思路

利用recyclerview的多行視圖來實(shí)現(xiàn)!

微信上的效果是,先選中圖片后才會(huì)進(jìn)入這個(gè)界面,這里實(shí)現(xiàn)的是我現(xiàn)在項(xiàng)目中用到的效果:默認(rèn)顯示一個(gè)帶+好的圖片,點(diǎn)擊這個(gè)圖片,會(huì)讓你選擇圖片。

注意

我們不知道用戶選擇的圖片大小是怎么樣的,所以這里,選中圖片后,先進(jìn)行了壓縮然后用glide去加載顯示的。(這里之所以用glide是因?yàn)?,用biatmap顯示時(shí),即使壓縮了,但是同時(shí)選中5張以上,就會(huì)oom,所以用glide加載壓縮后的url)

代碼

代碼里注釋已經(jīng)寫的很詳細(xì)了!

- 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("發(fā)布");
  break;
 }
 }
 //用戶選中圖片后,拿到回掉結(jié)果
 @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,然后轉(zhuǎn)換成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) //設(shè)定壓縮檔次,默認(rèn)三擋
  .setCompressListener(new OnCompressListener() { //設(shè)置回調(diào)
   @Override
   public void onStart() {
   //TODO 壓縮開始前調(diào)用,可以在方法內(nèi)啟動(dòng) 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 當(dāng)壓縮過去出現(xiàn)問題時(shí)調(diào)用
   }
  }).launch();//啟動(dòng)壓縮
 }
}

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;
 /**
 *這里之所以用多行視圖,因?yàn)槲覀兡J(rèn)的有一張圖片的(那個(gè)帶+的圖片,用戶點(diǎn)擊它才會(huì)才會(huì)讓你去選擇圖片)
 *集合url為空的時(shí)候,默認(rèn)顯示它,當(dāng)它達(dá)到集合9時(shí),這個(gè)圖片會(huì)自動(dòng)隱藏。
 */
 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張時(shí),隱藏 圖片
  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);
 }
 }
 //對(duì)外暴露方法 。點(diǎn)擊添加圖片(類似于上啦加載數(shù)據(jù))
 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); // 最多選擇照片數(shù)量,默認(rèn)為9
// intent.setSelectedPaths(imagePaths); // 已選中的照片地址, 用于回顯選中狀態(tài)
 intent.putExtra("type","photo");//選擇方式;
 activity.startActivityForResult(intent,requestCode);
 return intent;
 }

以上就是本文的全部內(nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持億速云。

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI