前言
“人怕出名豬怕壯窜觉，樹大招風(fēng)谷炸，高處不勝寒”。前段時(shí)間因王健林在一次訪談中說(shuō)到：“先定一個(gè)小目標(biāo)竖螃，比方說(shuō)淑廊，我先掙它一個(gè)億逗余！” 特咆。之后一段時(shí)間引起一陣騷動(dòng)，對(duì)于王健林來(lái)說(shuō)可能真的是個(gè)小目標(biāo)录粱，但對(duì)我們這些人來(lái)說(shuō)那是天方夜譚腻格。因王健林的一個(gè)小目標(biāo)，隨后便是攜程推出的996(早9點(diǎn)到晚9點(diǎn)啥繁、一周工作6天）工作制菜职。這件事也引起了很多創(chuàng)業(yè)公司模仿，我廠就是其中之一旗闽。中秋前產(chǎn)品需標(biāo)決定出一個(gè)bbs功能（即像微信可以發(fā)說(shuō)說(shuō)酬核，評(píng)論，點(diǎn)贊）适室，本來(lái)這些都是國(guó)慶后的計(jì)劃嫡意，就因996的推出這些需求全都提早在中秋前完成。好了捣辆，說(shuō)了這么多廢話其實(shí)就是想抱怨一下蔬螟。相信很多人都用過(guò)微信，像微信的圖片選擇器功能汽畴，在此我也把開發(fā)bbs實(shí)寫的圖片選擇器功能分享下旧巾，方便日后用到，也希望能幫助能用到的同學(xué)一點(diǎn)思路忍些。
思路：
◆ 選擇圖片（支持多選）
◆ 拍照上傳
◆ 能即時(shí)添加刪除選中的圖片
◆ 發(fā)表說(shuō)說(shuō)
技術(shù)介紹
1.google? list(Lists.newArrayList)
2.采用 picasso 加載圖片
3.采用butterknife 注解
4.自定義控件 DragGridView
5.自定義控件 SquareLayout
難點(diǎn)（自定義DragGridView）介紹
DragGridView是繼承GridView的鲁猩，用于顯示圖片及添加刪除。這里主要講解幾個(gè)重要的方法罢坝，這些是自定義控件必須去了解的绳匀。相信大家都知道自定義控件要重寫幾個(gè)方法：構(gòu)造方法（必須實(shí)三個(gè)參數(shù)的），dispatchTouchEvent，onTouchEvent疾棵。
View的dispatchTouchEvent和onTouchEvent
探討Android事件傳遞機(jī)制前戈钢，明確android的兩大基礎(chǔ)控件類型:View和ViewGroup。View即普通的控件是尔，沒有子布局的殉了，如Button、TextView. ViewGroup繼承自View拟枚，表示可以有子控件薪铜，如Linearlayout、Listview這些恩溅。而事件即MotionEvent隔箍，最重要的有3個(gè):
(1)MotionEvent.ACTION_DOWN ?按下View，是所有事件的開始
(2)MotionEvent.ACTION_MOVE ? 滑動(dòng)事件
(3)MotionEvent.ACTION_UP ? ? ? 與down對(duì)應(yīng)脚乡，表示抬起
對(duì)于View來(lái)說(shuō)蜒滩，事件傳遞機(jī)制有兩個(gè)函數(shù)：dispatchTouchEvent負(fù)責(zé)分發(fā)事件，在dispatchTouchEvent里又會(huì)調(diào)用onTouchEvent表示執(zhí)行事件奶稠，或者說(shuō)消費(fèi)事件俯艰，事件傳遞的入口是View的dispatchTouchEvent()函數(shù):
@Override
public boolean dispatchTouchEvent(MotionEvent ev) {
switch(ev.getAction()) {
caseMotionEvent.ACTION_DOWN:
//使用Handler延遲dragResponseMS執(zhí)行mLongClickRunnable
if(isDrag&& getChildCount() >3) {
mHandler.postDelayed(mLongClickRunnable,dragResponseMS);
}
mDownX= (int) ev.getX();
mDownY= (int) ev.getY();
//根據(jù)按下的X,Y坐標(biāo)獲取所點(diǎn)擊item的position
mDragPosition= pointToPosition(mDownX,mDownY);
if(mDragPosition== AdapterView.INVALID_POSITION) {
return super.dispatchTouchEvent(ev);
}
//根據(jù)position獲取該item所對(duì)應(yīng)的View
mStartDragItemView= getChildAt(mDragPosition- getFirstVisiblePosition());
//下面這幾個(gè)距離大家可以參考我的博客上面的圖來(lái)理解下
mPoint2ItemTop=mDownY-mStartDragItemView.getTop();
mPoint2ItemLeft=mDownX-mStartDragItemView.getLeft();
mOffset2Top= (int) (ev.getRawY() -mDownY);
mOffset2Left= (int) (ev.getRawX() -mDownX);
//獲取DragGridView自動(dòng)向上滾動(dòng)的偏移量，小于這個(gè)值锌订，DragGridView向下滾動(dòng)
mDownScrollBorder= getHeight() /4;
//獲取DragGridView自動(dòng)向下滾動(dòng)的偏移量竹握，大于這個(gè)值，DragGridView向上滾動(dòng)
mUpScrollBorder= getHeight() *3/4;
//開啟mDragItemView繪圖緩存
mStartDragItemView.setDrawingCacheEnabled(true);
//獲取mDragItemView在緩存中的Bitmap對(duì)象
mDragBitmap= Bitmap.createBitmap(mStartDragItemView.getDrawingCache());
//這一步很關(guān)鍵辆飘，釋放繪圖緩存啦辐，避免出現(xiàn)重復(fù)的鏡像
mStartDragItemView.destroyDrawingCache();
if(onChanageListener!=null) {
isDrag=onChanageListener.onDown(mDragPosition);
}
break;
caseMotionEvent.ACTION_MOVE:
intmoveX = (int) ev.getX();
intmoveY = (int) ev.getY();
//如果我們?cè)诎聪碌膇tem上面移動(dòng)，只要不超過(guò)item的邊界我們就不移除mRunnable
if(!isTouchInItem(mStartDragItemView,moveX,moveY)) {
mHandler.removeCallbacks(mLongClickRunnable);
}
break;
caseMotionEvent.ACTION_UP:
mHandler.removeCallbacks(mLongClickRunnable);
mHandler.removeCallbacks(mScrollRunnable);
break;
}
return super.dispatchTouchEvent(ev);
}
onTouchEvent事件消費(fèi)的監(jiān)聽
@Override
public boolean onTouchEvent(MotionEvent ev) {
if(isDrag&&mDragImageView!=null) {
switch(ev.getAction()) {
caseMotionEvent.ACTION_MOVE:
moveX= (int) ev.getX();
moveY= (int) ev.getY();
//拖動(dòng)item
onDragItem(moveX,moveY);
break;
caseMotionEvent.ACTION_UP:
onStopDrag();
isDrag=false;
break;
}
return true;
}
return super.onTouchEvent(ev);
}
以上這是dispatchTouchEvent（）蜈项，onTouchEvent（）處理的邏輯芹关。 如有對(duì)事件分發(fā)機(jī)制不是很了解的同學(xué)，推薦看《Android 開發(fā)藝術(shù)探所》這本書战得。?
難點(diǎn)（自定義SquareLayout）介紹
相信很多同學(xué)在開發(fā)的過(guò)程中遇到了充边，Android 原生組件會(huì)因?yàn)榍短琢硕嗖季郑貏e是有自定義控件是xml,會(huì)遇到原生的組件在顯示的時(shí)候顯示不全常侦，這時(shí)我們就需要重寫原生的組件onMeasure()方法浇冰。SquareLayout就是為了解決這個(gè)問(wèn)題，SquareLayout相對(duì)DragGridView來(lái)說(shuō)就非常簡(jiǎn)單了聋亡，SquareLayout它是直接繼承RelativeLayout肘习。這個(gè)比較簡(jiǎn)單沒有什么過(guò)多的難點(diǎn)，廢話不多說(shuō)直接看源碼...
packagecom.lp.knightoneadmin.wechatimageselector.view;
importandroid.content.Context;
importandroid.util.AttributeSet;
importandroid.widget.RelativeLayout;
/**
*@Module:
*@Comments: SquareLayout
*@Author: KnightOneAdmin
*@CreateDate: 16/9/11
*@ModifiedBy: KnightOneAdmin
*@ModifiedDate:下午4:02
*@Modified: SquareLayout
*/
public classSquareLayoutextendsRelativeLayout {
publicSquareLayout(Context context,AttributeSet attrs, intdefStyle) {
super(context,attrs,defStyle);
}
publicSquareLayout(Context context,AttributeSet attrs) {
super(context,attrs);
}
publicSquareLayout(Context context) {
super(context);
}
@Override
protected voidonMeasure(intwidthMeasureSpec, intheightMeasureSpec) {
super.onMeasure(widthMeasureSpec,heightMeasureSpec);
intwidth = getMeasuredWidth();
intheight = getMeasuredHeight();
if(height != width) {
// 強(qiáng)制讓高度等于寬度坡倔，重新布局
height = width;
heightMeasureSpec = MeasureSpec.makeMeasureSpec(height,MeasureSpec.EXACTLY);
super.onMeasure(widthMeasureSpec,heightMeasureSpec);
}
}
}
哈哈哈漂佩，看了一大代碼是不是覺得很煩２焙！投蝉！ 哎养葵，沒辦法套路就是這樣，“工欲善其事瘩缆，必先利其器”對(duì)我們這些搞技術(shù)的來(lái)說(shuō)关拒，理論知識(shí)點(diǎn)也是極其重的。好了庸娱，下面來(lái)看下着绊，實(shí)際效果吧！Ｊ煳尽归露！
總結(jié)：
項(xiàng)目github地址：
https://github.com/KnightOneAdmin/WeChatImageSelectors
圖片選擇器，我想大家并不陌生斤儿，但是處理起來(lái)還是有點(diǎn)麻煩的剧包，基于前段時(shí)間剛剛做了bbs功能，需求是仿作微信圖片選擇器雇毫，所以在此把它分享出來(lái)玄捕，如果有描述錯(cuò)誤的地方踩蔚，獲取有什么不對(duì)的地方棚放，大家可以留言。當(dāng)然網(wǎng)上也有各種更樣的例子馅闽，但是我希望飘蚯，如果大家也像我一樣遇到類似的需求可以直接拿去用，分享出來(lái)也算是給自己攢點(diǎn)人品?
