2013年6月8日 星期六

利用 ImageView background 與 src 來合併兩張小 icon

     在某些情況下我們需要將兩張小 icon 合併來顯示成一張小icon。例如我們有很多 icons 而他們的背景圖示都一樣，只有中間的圖示不同，此時我們可以只準備一張背景圖示，另外準備其他不同的小圖示且其背景必須是 transparent 。一切準備好之後我們就可以設定利用background 與 src 屬性來設定圖示，來產生合併的效果，如下圖所示。

      上面圖示的 layout_width 與 layout_height 都是指定 wrap_content，最右邊的為 ImageButton，另外兩個則為 ImageView。使用 wrap_content 時，其 ImageView 大小視 backgroud 或 src 圖示中何者為大。也就是說當你準備的src 大於 background image時，background 圖示有可能被 src 的圖示所掩蓋而無法看出效果。

      另外 backgroud 與 scr的不同是， background 的圖示會根據 ImageView的大小做縮放，且不會保持原本圖示的比例，但是 src 則會保持 原圖的長寬比例做等比例的縮放。

     如果你不想讓 src 做等比例縮放，可以而外設定  android:scaleType="center" ，其效果可以參考中間的小圖示。最左邊圖示只簡單的設定 background 與 src 的圖示，可以看到 src 的圖示被等比例縮放了。

[其他參考鏈結]




張貼者： 於
標籤：

沒有留言:

張貼留言

訂閱： 張貼留言 (Atom)