2014年7月2日 星期三

如何讓Imagebutton有被按下去的感覺

今天在作第三支App時苦思如何讓使用者再按下Imagebutton時在畫面中有被按下去的感覺呢?
首先要為各位介紹一個icon generator的網站:
http://romannurik.github.io/AndroidAssetStudio/icons-launcher.html#foreground.space.trim=1&foreground.space.pad=0&foreColor=33b5e5%2C0&crop=0&backgroundShape=bevel&backColor=ffffff%2C100

製作icon方法如下:
1. 製作Turn On icon
    1-1 將圖檔存成png檔,打開launch icon generator web site後使用Image

    1-2 選擇欲使用的icon再按對話框的開啟即可 
    1-3 接下來將會看到各種不同解析度的icon,此時只要注意padding為0%
          (純屬個人喜好,客倌可以向行依需求調整)

    1-4 下一步驟只要按"DOWNLOAD ZIP"即會將所有解析度的icon下載為zip檔

    1-5 打開zip檔首先會看到res資料夾,進入res資料夾會看到各種不同Android解析度icon的資料夾,個人偏好drawable-xxhdpi(192 x 192 pixel)的圖檔;所以只要進入這個資料夾將檔案由ic_launcher.png改成所需的檔名即可。


    1-6 將此已改好檔名的png圖檔托到Android project裡頭的drawable就完成第一階段的任務


2. 製作Turn Off icon,這個仿照第一階段的任務,但在1-3選擇所需圖檔後需將padding由0%改為5%其餘步驟一樣


3. 將二個圖檔都托到project裡頭的drawable後即完成第二階段的任務,
   在這裡我的檔名是poweron.png & poweroff.png

4. 程式如何切換:
 4-1 切換imagebutton圖檔的方法需要使用
((ImageView) ButtonOnOff).setImageResource(R.drawable.poweron);//button initial
((ImageView) ButtonOnOff).setImageResource(R.drawable.poweroff);//button 按下時
          這兩個指令即可,ButtonOnOff即imagebutton的id,而此imagebutton使用
          setImageResource來呼叫切換R.drawable.poweron或R.drawable.poweron的圖檔

    4-2.未按下的default畫面
    4-3.按下後所秀出的畫面

這樣是不是就有被按鍵被按下的感覺啦



沒有留言:

張貼留言