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

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

上面紅圈部分,當(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)!
整體布局

這可以看到,控制圖片狀態(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)椋胋iatmap顯示時(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í)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
Android PickerView滾動(dòng)選擇器的使用方法
這篇文章主要為大家詳細(xì)介紹了Android PickerView滾動(dòng)選擇器的使用方法,感興趣的小伙伴們可以參考一下2016-03-03
Android快速實(shí)現(xiàn)觸摸移動(dòng)的懸浮窗
這篇文章主要為大家詳細(xì)介紹了Android快速實(shí)現(xiàn)觸摸移動(dòng)的懸浮窗,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-07-07
Android自定義view實(shí)現(xiàn)水波紋進(jìn)度球效果
在我們的日常開發(fā)中自定義控件還是用的挺多的,設(shè)計(jì)師或者產(chǎn)品為了更好的漂亮,美觀,交互都會(huì)做一些牛逼的ui效果圖,但是最后實(shí)現(xiàn)的還是我們程序員啊。所以說 自定義view你還是得會(huì)的。2016-08-08
Android Studio實(shí)現(xiàn)簡(jiǎn)單音樂播放功能的示例代碼
這篇文章主要介紹了Android Studio實(shí)現(xiàn)簡(jiǎn)單音樂播放功能的示例代碼,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-11-11
Android跳轉(zhuǎn)系統(tǒng)設(shè)置Settings的各個(gè)界面詳解
系統(tǒng)設(shè)置Settings中定義的一些常用的各界面ACTION常量,下面這篇文章主要給大家介紹了關(guān)于Android跳轉(zhuǎn)系統(tǒng)設(shè)置Settings的各個(gè)界面,文中介紹非常詳細(xì),需要的朋友可以參考下2023-01-01
Android自定義流式布局的實(shí)現(xiàn)示例
這篇文章主要介紹了Android自定義流式布局的實(shí)現(xiàn)示例,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12
Android TextView使用SpannableString設(shè)置復(fù)合文本的方法詳解
這篇文章主要介紹了Android TextView使用SpannableString設(shè)置復(fù)合文本的方法,結(jié)合實(shí)例形式詳細(xì)分析了Android中SpannableString類的功能及相關(guān)用法,需要的朋友可以參考下2016-08-08
Android項(xiàng)目實(shí)戰(zhàn)(二十八):使用Zxing實(shí)現(xiàn)二維碼及優(yōu)化實(shí)例
這篇文章主要介紹了Android項(xiàng)目實(shí)戰(zhàn)(二十八):使用Zxing實(shí)現(xiàn)二維碼及優(yōu)化實(shí)例,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下。2016-11-11
Android開發(fā)準(zhǔn)確獲取手機(jī)IP地址的兩種方式
這篇文章主要介紹了Android開發(fā)準(zhǔn)確獲取手機(jī)IP地址的兩種方式,需要的朋友可以參考下2020-03-03

