Android自定義組件獲取本地圖片和相機(jī)拍照?qǐng)D片
iOS中有封裝好的選擇圖片后長(zhǎng)按出現(xiàn)動(dòng)畫(huà)刪除效果,效果如下
而Android找了很久都沒(méi)有找到有這樣效果的第三方組件,最后懶得找了還是自己實(shí)現(xiàn)這效果吧
選擇圖片后還可對(duì)圖片進(jìn)行剪裁
當(dāng)然,代碼中還有很多不完善的地方,我接下來(lái)會(huì)繼續(xù)完善這個(gè)組件的
已經(jīng)上傳到開(kāi)源社區(qū),歡迎大家來(lái)Star啊~
Demo源碼:傳送門(mén)
設(shè)計(jì)中的碰到的一些問(wèn)題和解決思路
1.如何讓加號(hào)圖片顯示在GridView最后面
首先在調(diào)用GridAdapter構(gòu)造方法時(shí)就加載加號(hào)圖片
/** * 圖片適配器 * @param context 上下文 * @param imagesum 最大可添加圖片數(shù) */ public GridAdapter(Context context, int imagesum) { this.context = context; this.imageSum = imagesum; // 加號(hào)圖片 mAddBitmap = BitmapFactory.decodeResource(context.getResources(), R.drawable.ic_add_image); }
然后在getCount()方法里對(duì)圖片數(shù)據(jù)集合加1,在該位置上添加加號(hào)圖片
@Override public int getCount() { // 數(shù)據(jù)集合加一,在該位置上添加加號(hào) return imageItemData == null ? 0 : imageItemData.size() + 1; }
最后在getView()方法中,每次顯示圖片時(shí)都對(duì)數(shù)據(jù)集合中的元素?cái)?shù)量進(jìn)行判斷,如果數(shù)據(jù)集合的數(shù)量大于position,則表示需要顯示加號(hào)圖片
if (imageItemData != null && imageItemData.size() > position) { // 正常圖片 } else { // 加號(hào)圖片 }
這樣就能保證加號(hào)圖片一直在GridView最后一個(gè)item上
2.如何顯示出刪除按鈕
在item布局時(shí),在圖片的右上角覆蓋一層刪除按鈕,在Adapter中對(duì)這個(gè)圖片的顯示和隱藏進(jìn)行處理
/** 判斷是否顯示清除按鈕 true=顯示 */ private boolean showImageClear = false; //對(duì)外提供顯示和隱藏的方法 /** * 設(shè)置圖片顯示狀態(tài) * @param clear 圖片狀態(tài) */ public void setClearImgShow(boolean clear) { showImageClear = clear; } /** * 圖片顯示狀態(tài) * @return 狀態(tài) true=顯示 */ public boolean getClearImgShow() { return showImageClear; }
刪除按鈕默認(rèn)不顯示,當(dāng)用戶長(zhǎng)按圖片時(shí)就顯示出來(lái)
// 長(zhǎng)按顯示刪除按鈕 mGridView.setOnItemLongClickListener(new AdapterView.OnItemLongClickListener() { @Override public boolean onItemLongClick(AdapterView<?> parent, View view, int position, long id) { if (!(position == gridAdapter.imageItemData.size())) { // 如果刪除按鈕已經(jīng)顯示了則不再設(shè)置 if (!gridAdapter.getClearImgShow()) { gridAdapter.setClearImgShow(true); gridAdapter.notifyDataSetChanged(); } } // 返回true,停止事件向下傳播 return true; } });
這里需要攔截長(zhǎng)按點(diǎn)擊事件,把返回值設(shè)置為true,因?yàn)槲覀冞€設(shè)置了點(diǎn)擊事件的監(jiān)聽(tīng),如果不攔截事件,那么長(zhǎng)按事件結(jié)束后還會(huì)同時(shí)執(zhí)行單擊事件
最后關(guān)鍵的一點(diǎn),在GridAdapter類(lèi)中的getView方法里進(jìn)行控制,通過(guò)getClearImgShow方法獲取刪除圖片是否需要顯示,如果返回為true則顯示出來(lái),并獲取動(dòng)畫(huà)實(shí)例,讓圖片開(kāi)始執(zhí)行動(dòng)畫(huà)效果
if (imageItemData != null && imageItemData.size() > position) { // 正常顯示 // 判斷是否需要顯示刪除按鈕 ,為true則顯示,并執(zhí)行動(dòng)畫(huà)效果 if (getClearImgShow()) { holder.imgclear.setVisibility(View.VISIBLE); CustomRotateAnim anim = CustomRotateAnim.getCustomRotateAnim(); anim.setDuration(300); anim.setRepeatCount(2); anim.setInterpolator(new LinearInterpolator()); // 設(shè)置為勻速 holder.img.startAnimation(anim); } else { // 關(guān)閉動(dòng)畫(huà),隱藏刪除按鈕 holder.img.clearAnimation(); holder.imgclear.setVisibility(View.GONE); } holder.img.setImageBitmap(PhotoBitmapUtil.getCompressPhoto(imageItemData.get(position))); } else { ......省略...... }
3.如何設(shè)置當(dāng)圖片達(dá)到最大數(shù)時(shí),隱藏加號(hào)按鈕
在使用GridAdapter的時(shí)候,調(diào)用方需要傳入一個(gè)最大圖片數(shù):
gridAdapter = new GridAdapter(MainActivity.this, 8); mGridView.setAdapter(gridAdapter);
然后在GridAdapter中接收這個(gè)最大圖片數(shù),并在getView()方法中對(duì)加號(hào)圖片的顯示進(jìn)行管控
if (imageItemData != null && imageItemData.size() > position) { // 顯示選擇的圖片 ......省略...... } else { // 顯示加號(hào)按鈕 // 圖片數(shù)達(dá)到最大限制時(shí)隱藏加號(hào)圖片 if (imageItemData.size() != imageSum) { holder.imgclear.setVisibility(View.GONE); // 不顯示刪除按鈕 holder.img.clearAnimation(); // 去除動(dòng)畫(huà) holder.img.setImageBitmap(mAddBitmap); } }
“gridAdapter.getCount() - 1”是因?yàn)槲覀冊(cè)谔砑蛹犹?hào)圖片時(shí)加了1,所以使用時(shí)需要減1
// 點(diǎn)擊圖片 mGridView.setOnItemClickListener(new AdapterView.OnItemClickListener() { @Override public void onItemClick(AdapterView<?> parent, View view, int position, long id) { // 如果單擊時(shí)刪除按鈕處在顯示狀態(tài),則隱藏它 if (gridAdapter.getClearImgShow()) { gridAdapter.setClearImgShow(false); gridAdapter.notifyDataSetChanged(); } else { if (gridAdapter.getCount() - 1 == position) { // 判斷是否達(dá)到了可添加圖片最大數(shù) if (!(gridAdapter.imageItemData.size() == gridAdapter.imageSum)) { selectPhoto.showPopupSelect(mGridView); } } else { popupViewGridPhoto(position); } } } });
4.如何降低圖片加載時(shí)的內(nèi)存消耗量
要在GridView中顯示那么多的圖片,肯定是需要多圖片進(jìn)行壓縮處理的,不然很容易出現(xiàn)OOM錯(cuò)誤
這里通過(guò)質(zhì)量壓縮,降低加載圖片的內(nèi)存大小
/** * 把原圖按1/5的比例壓縮 * * @param path 原圖的路徑 * @return 壓縮后的圖片 */ public static Bitmap getCompressPhoto(String path) { BitmapFactory.Options options = new BitmapFactory.Options(); options.inJustDecodeBounds = false; options.inSampleSize = 5; // 圖片的長(zhǎng)寬設(shè)置為原來(lái)的五分之一 Bitmap bmp = BitmapFactory.decodeFile(path, options); options = null; return bmp; }
也可以通過(guò)其它的方式,可以參考這篇博客《Android避免內(nèi)存溢出(Out of Memory)方法總結(jié)》
5.如何防止部分手機(jī)拍照后圖片被旋轉(zhuǎn)的問(wèn)題
在測(cè)試中,部分三星手機(jī)拍攝完照片后會(huì)把圖片旋轉(zhuǎn)90度,這個(gè)設(shè)計(jì)實(shí)在是坑,為此還得專(zhuān)門(mén)為了這個(gè)問(wèn)題進(jìn)行處理,每次拍攝完照片后都要獲取圖片的旋轉(zhuǎn)角度,如果圖片被旋轉(zhuǎn)了的話就再旋轉(zhuǎn)回去
可以參考這篇博客
《Android 解決部分手機(jī)拍照后獲取的圖片被旋轉(zhuǎn)的問(wèn)題》
6.如何讓圖片左右搖擺
想要實(shí)現(xiàn)圖片左右搖擺的效果,需要我們自定義Animation
可參看這篇博客
《Android 自定義Animation實(shí)現(xiàn)View搖擺效果》
這里就先介紹這么多,詳細(xì)的解釋代碼注釋中都有的,就不再多說(shuō)啦
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
Android實(shí)現(xiàn)今日頭條訂閱頻道效果
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)今日頭條訂閱頻道效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-01-01詳解Android studio如何導(dǎo)入jar包方法
這篇內(nèi)容主要給大家詳細(xì)說(shuō)明了如何導(dǎo)入jar包,以及Android studio遇到的各種問(wèn)題和解決辦法。2017-12-12android 多點(diǎn)觸摸圖片縮放的具體實(shí)現(xiàn)方法
2013-06-06Android Metro菜單實(shí)現(xiàn)思路及代碼
在安卓平臺(tái)上實(shí)現(xiàn)一下Metro菜單效果,之前有介紹過(guò)了,相信大家對(duì)此不會(huì)陌生了吧,感興趣的朋友可以了解下哈2013-06-06Android利用Andserver搭建服務(wù)器的詳細(xì)教程
這篇文章主要介紹了Android利用Andserver搭建服務(wù)器的教程,本文通過(guò)圖文實(shí)例代碼相結(jié)合給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-06-06Android中Item實(shí)現(xiàn)點(diǎn)擊水波紋效果
這篇文章主要給大家介紹了關(guān)于Android中Item實(shí)現(xiàn)點(diǎn)擊水波紋效果的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)各位Android開(kāi)發(fā)者們具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2018-11-11Android實(shí)用小技巧之利用Lifecycle寫(xiě)出更好維護(hù)的代碼
lifecycle是一個(gè)類(lèi),用于存儲(chǔ)有關(guān)組件(如Activity或Fragment)的生命周期狀態(tài)的信息,并允許其他對(duì)象觀察此狀態(tài),下面這篇文章主要給大家介紹了關(guān)于Android實(shí)用小技巧之利用Lifecycle寫(xiě)出更好維護(hù)的代碼的相關(guān)資料,需要的朋友可以參考下2022-05-05Android使用View Animation實(shí)現(xiàn)動(dòng)畫(huà)加載界面
這篇文章主要為大家詳細(xì)介紹了Android使用View Animation實(shí)現(xiàn)動(dòng)畫(huà)加載界面的方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-04-04