最近跟同事在討論明星臉改版的問題,新版本可能會使用不規則形狀按鈕,繼續跟上一個視覺合作,新版本照照明星臉搭配上這種按鈕顯得更活潑,這篇記錄ImageButton不規則形狀按鈕的使用方法。

上網查了一下該怎麼處理,發現其實並不難,而且只要下關鍵字「不規則形狀 ImageButton」就可以找到非常多的資料,小蛙在這邊記錄一下剛剛測試的,之後如果有什麼其他修改會繼續補充在這邊。

一開始聽到ImageButton要做成不規則形狀好像很困難,網路上找到的做法大多如下:首先我們先建立一個ImageButton,在layou.xml中透過android:background=”#00000000”把背景設定成透明,之後在程式中取得ImageButton的Bitmap元件,在Bitmap上設定OnTouchListener監控觸控事件,當觸控事件發生後再判斷所擊點的座標上有沒有pixel存在,並做相對應的處理。程式碼如下:

ImageButton img = (ImageButton)findViewById(R.id.imageButton1);
// 取得ImageButton中使用的Bitmap
final Bitmap bitmap = ((BitmapDrawable)(img.getDrawable())).getBitmap();
// 設定觸控螢幕監聽
img.setOnTouchListener(new View.OnTouchListener() {
    @Override
    public boolean onTouch(View v, MotionEvent event) {
        // 如果點到的地方getPixel() = 0,表示該點不在圖形內
        f(bitmap.getPixel((int)(event.getX()),((int)event.getY()))==0){
            Log.e("沒有點到", "NO");
        }else{
            Log.e("點到圖片", "Yes");
        }
        return false;
    }
});

這邊可以再設定一個flag去控制touch(click)只執行一次(避免同個動作會重複多次,從LogCat中就可以看到)。

相關文章

SSL For Free – 免費又有綠色鎖頭的 SSL Certificates

之前聽說 Google 會優先搜尋有 https 的網頁 (參考:
2016-07-07 23:00:54
hans

8

Android Vuforia with jPCT-AE (5) – 多重模型載入,以 obj 為例

要進到這系列最後一篇文章了,這篇文章拖了很久,一直沒有時間整理,結果到最後 ... 程式碼留下來了,記憶卻有些模糊了,這邊小蛙配著程式碼盡可能的把還記得的東西寫下來。
2016-07-06 11:24:19
hans

8

Android Vuforia with jPCT-AE (4) – 載入 3DS 測試

延續 jPCT-AE Loader 載入模型的部份,這篇要記錄載入 3ds 檔案格式的方法,基本上跟前面幾個 obj, md2 的方法差不多,只有一些小小的變化而已。
2016-07-06 10:24:33
hans

8

Android Vuforia with jPCT-AE (3) – 載入 md2 測試

前兩篇介紹如何直接透過 jPCT-AE 直接繪圖以及載入 .obj 檔案,這邊繼續介紹 jPCT-AE 載入 md2 的方法,載入動作大致上類似,唯一不同的只有 texture 設定部份。
2016-07-06 09:24:43
hans

8

Android Vuforia with jPCT-AE (2) – 載入 obj 測試

上一篇 Android Vuforia with jPCT-AE (1) –
2016-07-06 08:24:55
hans

8

Android Vuforia with jPCT-AE (1) – 基本範例

說來慚愧,從 Google Adsense 被 ban 之後,就好久沒有發文了,站上 Vuforia 的文章也已經是好久以前的事情了 (遠目),最近有專案要用到 Vuforia,爬以前的文回來看,蛙哩咧 ... 現在已經更新到 Vu
2016-07-06 07:57:58
hans

8

ClickForce (MobiForce) 當機問題

這真是個浪費時間又漫長的過程,CF 推出新版後台以及新版 SDK 的時候,小蛙就下載來測試,一開始小蛙直接套在「我的股票精算師」上,但只要一套上去就當機 ...
2015-09-02 10:32:51
hans

8

我的股票精算師備份功能

常遇到使用者詢問「我的股票精算師」要怎麼備份,這篇記錄一下,需要寫怎麼備份表示軟體設計上有很大的問題,造成使用者使用上的困難,但小蛙最近沒有時間去做修改 ... 只好委屈精算師的使用者了 ><
2015-02-06 18:32:07
hans

8

第一次從淘寶買小米盒子3

最近阿咕有在大螢幕上看韓劇的需求,剛好搭上 Chromecast 的上市,survey 了一些 Android 電視棒。這篇記錄這幾天的經過。

2015-01-04 23:36:33
hans

8




 回覆

你可以使用以下語法 HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="">

(required)

(required)

   
© 2012 蛙齋 Suffusion theme by Sayontan Sinha