2013-12-17 53 views
3

我正在做一個圖形用戶界面的Android應用程序,這種GUI包含四個方向ImageButtons(看下面的圖片):如何讓ImageButtons包圍圖像?

enter image description here

但試圖使,當因爲方保留總是失敗每幅圖像,這是我達到什麼:

enter image description here

,這就是我的XML代碼

<LinearLayout 
    android:id="@+id/circle" 
    android:layout_weight="4" 
    android:orientation="vertical" 
    android:layout_marginTop="5dp" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" > 

     <LinearLayout 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_gravity="center" 
      android:orientation="vertical"> 

       <ImageButton 
       android:id="@+id/up" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_gravity="center" 
       android:adjustViewBounds="true" 
       android:background="@android:color/transparent" 
       android:clickable="true" 
       android:scaleType="centerInside" 
       android:src="@drawable/remote_button_up"/> 

     </LinearLayout> 

     <LinearLayout 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_gravity="center" 
      android:orientation="horizontal"> 

       <ImageButton 
       android:id="@+id/left" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_gravity="left" 
       android:layout_marginRight="20dp" 
       android:adjustViewBounds="true" 
       android:background="@android:color/transparent" 
       android:clickable="true" 
       android:scaleType="centerInside" 
       android:src="@drawable/remote_button_left"/> 

       <ImageButton 
       android:id="@+id/right" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_gravity="right" 
       android:adjustViewBounds="true" 
       android:layout_marginLeft="20dp" 
       android:background="@android:color/transparent" 
       android:clickable="true" 
       android:scaleType="centerInside" 
       android:src="@drawable/remote_button_right"/> 

     </LinearLayout> 

     <LinearLayout 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_gravity="center" 
      android:orientation="vertical"> 

       <ImageButton 
       android:id="@+id/down" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_gravity="center" 
       android:adjustViewBounds="true" 
       android:background="@android:color/transparent" 
       android:clickable="true" 
       android:scaleType="centerInside" 
       android:src="@drawable/remote_button_down"/> 

     </LinearLayout> 

</LinearLayout> 
+0

你能上傳一個圖片並給我們一個鏈接? – Hoh

+0

你必須使用畫布繪製它。或者,您可以只使用箭頭作爲圖像按鈕,而其他圓形將保留爲背景。 – Avijit

+0

爲此拍攝一個ImageView並拍攝onTouchListener,計算位置和想要的箭頭。 –

回答

7

有一個變通的that..You可以實現像這樣... enter image description here

在這裏,您創建一個更大的佈局(紅色),並把整個圖像一次...現在,創建幾個更多的佈局(黃色),不要把任何背景放在他們身上。現在在這些佈局上設置onclicklisteners ...通過這種方式,你可以在一定程度上實現它...希望你讓我...