擴(kuò)大控件的點(diǎn)擊區(qū)域-TouchDelegate學(xué)習(xí)總結(jié)

最近準(zhǔn)備材料,發(fā)現(xiàn)了學(xué)習(xí)總結(jié)寫筆記的更多好處,這兩天解bug,涉及到這個(gè)TouchDelegate,玩了一下,決定督促自己文檔,demo都要寫好。

適用范圍

感覺一般的控件要擴(kuò)大點(diǎn)擊區(qū)域,用padding實(shí)現(xiàn)即可,這次碰到一個(gè)特殊的情況,如圖,


設(shè)置-其他設(shè)置-開發(fā)者選項(xiàng)-顯示布局邊界

因?yàn)椴季謱R的關(guān)系,這個(gè)SeekBar不能有paddingTop,而這時(shí)又需要在上方增加可響應(yīng)區(qū)域,就用TouchDelegate了。

參考

Managing Touch Events in a ViewGroup這篇是Android Developer介紹TouchDelegate的文檔,含demo snippet。下文代碼都截自這篇文檔。

一句話概括

誰有足夠的地,就去跟誰要地種;要地的時(shí)候得說清楚要哪一塊,跟誰要就用誰地盤上的相對坐標(biāo)。

跟誰要地

控件自己的區(qū)域有限,想要響應(yīng)它區(qū)域外的事件,就得要拜托那塊區(qū)域的地主了,拜托他把他的事件通知給自己。因此,

if (View.class.isInstance(myButton.getParent())) {
      ((View) myButton.getParent()).setTouchDelegate(touchDelegate);
}

只有它的parent的區(qū)域包含你需要擴(kuò)大到的那片區(qū)域,這個(gè)才會有效??碫iew的源碼:

 /**
 * Sets the TouchDelegate for this View.
 */

 public void setTouchDelegate(TouchDelegate delegate) {
       mTouchDelegate = delegate;
 }
public boolean onTouchEvent(MotionEvent event) {
......
       if (mTouchDelegate != null) {
              if (mTouchDelegate.onTouchEvent(event)) {
                    return true;
              }
        }
......
}

發(fā)現(xiàn)的確是地主有那塊地,才能分給別人去種。

要哪塊地

TouchDelegate的構(gòu)造器

public TouchDelegate(Rect bounds, View delegateView)

第二個(gè)參數(shù)好理解,就是要被擴(kuò)大響應(yīng)范圍的那個(gè)View,那么第一個(gè)bounds區(qū)域到底是什么呢?demo里是這樣寫的

myButton.getHitRect(delegateArea);
delegateArea.right += 100;
delegateArea.bottom += 100;
TouchDelegate touchDelegate = new TouchDelegate(delegateArea, myButton);
if (View.class.isInstance(myButton.getParent())) {
      ((View) myButton.getParent()).setTouchDelegate(touchDelegate);
}

看看這個(gè)區(qū)域被拿去做什么,上面的代碼看到一個(gè)View如果有被setTouchDelegete,它會先把touch事件給TouchDelegete處理。在這里會用bounds判斷當(dāng)前的事件是否屬于我們想要擴(kuò)充到的范圍,而這一切的位置,無論是MotionEvent的getX(),getY(),還有這個(gè)bounds,都是相對這個(gè)View的內(nèi)的坐標(biāo),而非相對整個(gè)屏幕的坐標(biāo)。由此可見,這個(gè)bounds參數(shù)就是地主要分給別人種的地了。

 public boolean onTouchEvent(MotionEvent event) {
       int x = (int)event.getX();
       int y = (int)event.getY();
       boolean sendToDelegate = false;
       boolean hit = true;
       boolean handled = false;
       switch (event.getAction()) {
       case MotionEvent.ACTION_DOWN:
       Rect bounds = mBounds;
        if (bounds.contains(x, y)) {
               mDelegateTargeted = true;
               sendToDelegate = true;
        }
        break;
        case MotionEvent.ACTION_UP:
        case MotionEvent.ACTION_MOVE:
       ......
       }
        if (sendToDelegate) {
        final View delegateView = mDelegateView;
        if (hit) {
        // Offset event coordinates to be inside the target view
        event.setLocation(delegateView.getWidth() / 2, delegateView.getHeight() / 2);
        } else {
        ......
        }
        handled = delegateView.dispatchTouchEvent(event);
        }
        return handled;
 }

要怎么知道要地主的哪塊地呢?demo中直接調(diào)用了View的getHitRect()方法,這個(gè)方法得到的是Hit rectangle in parent's coordinates,也就是說,如果地主是parent,getHitRect()得到的正式那快地的位置,但是parent沒有足夠的地,得要讓parent的parent去做地主呢?
下面這段代碼中,mMiddle是mTarget的parent。通過view和parent的關(guān)系,parent和grandparent的關(guān)系,推算出view和grandparent的關(guān)系,從而獲得當(dāng)parent的parent做地主時(shí),那塊地的坐標(biāo)。

Rect middleDelegateArea = new Rect();
mMiddle.getHitRect(middleDelegateArea);
Rect littleDelegateArea = new Rect();
mTarget.getHitRect(littleDelegateArea);
Rect delegateArea = new Rect();

delegateArea.left = middleDelegateArea.left + littleDelegateArea.left;
delegateArea.top = middleDelegateArea.top + littleDelegateArea.top;
delegateArea.right = delegateArea.left + littleDelegateArea.width();
delegateArea.bottom = delegateArea.top + littleDelegateArea.height();

delegateArea.left -= 150;
delegateArea.top -= 150;
delegateArea.right += 150;
delegateArea.bottom += 150;

if (View.class.isInstance(mTarget.getParent().getParent())) {
      ((View) mTarget.getParent().getParent()).setTouchDelegate(new TouchDelegate(delegateArea, mTarget));
}

代碼

寫了demo在Github,含apk,分別通過向parent和parent的parent 設(shè)置TouchDelegate來實(shí)現(xiàn)擴(kuò)大點(diǎn)擊范圍,通過這兩種方式的實(shí)現(xiàn)來加深對delegateArea的理解。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 229,836評論 6 540
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 99,275評論 3 428
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事?!?“怎么了?”我有些...
    開封第一講書人閱讀 177,904評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,633評論 1 317
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 72,368評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 55,736評論 1 328
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼。 笑死,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,740評論 3 446
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 42,919評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 49,481評論 1 335
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 41,235評論 3 358
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 43,427評論 1 374
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,968評論 5 363
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 44,656評論 3 348
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,055評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,348評論 1 294
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 52,160評論 3 398
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 48,380評論 2 379

推薦閱讀更多精彩內(nèi)容