2013-12-17 2 views
3
내가 안드로이드 앱의 GUI를 만들고있어

이 GUI는 4 개 방향 ImageButtons (아래 이미지를 보면)이 포함되어ImageButtons 경계를 이미지 둘레에 감싸는 방법?

enter image description here

을하지만를 만들려고 할 때 사각형이 예약하기 때문에 항상 실패

enter image description here

을하고 내 XML 코드이다 : 각 이미지, 그리고 내가 도달 무엇

that..You이처럼 그것을 달성 할 수있는 주변에 작업이 있습니다 6,
<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

... 여기

enter image description here 당신이 더 큰 레이아웃을 생성 (빨간색) 한 번에 전체 이미지를 넣어 ... 이제 몇 만들 더 많은 레이아웃 (노란색) 및 배경에 배치하지 마세요.이 레이아웃에서 onclicklisteners를 설정하십시오. 이렇게하면 어느 정도 달성 ​​할 수 있습니다 ... 내게있어 ....

관련 문제