您好,登錄后才能下訂單哦!
本文實例為大家分享了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; /** *這里之所以用多行視圖,因為我們默認的有一張圖片的(那個帶+的圖片,用戶點擊它才會才會讓你去選擇圖片) *集合url為空的時候,默認顯示它,當它達到集合9時,這個圖片會自動隱藏。 */ 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; }
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持億速云。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。