Android의 레이아웃과 같은 양면 주사위

Question

현재 Android 앱을 개발 중입니다. 멋진 레이아웃을 만들고 싶습니다.

동그라미는 당연히 동일한 크기의 것입니다 : 내가 달성하기 위해 노력하고있어
다음과 같은 레이아웃입니다. 게다가 단추 나 이미지 뷰일 필요가 있기 때문에 클릭 할 수 있어야합니다.

이런 종류의 레이아웃을 달성하는 최선의 방법은 무엇입니까?

Answer 1

이 시도 ..

<LinearLayout 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" 
android:orientation="vertical" 
xmlns:android="http://schemas.android.com/apk/res/android"> 



<RelativeLayout 
android:layout_width="fill_parent" 
android:layout_height="wrap_content" 
android:layout_weight="1" 
android:gravity="center" 
> 

      <ImageView 
       android:src="@drawable/ic_launcher" 
       android:layout_width="90dp" 
       android:layout_height="90dp" 
       android:layout_alignParentLeft="true" 
       android:layout_marginLeft="10dp" 
       /> 

      <ImageView 
       android:src="@drawable/ic_launcher" 
       android:layout_width="90dp" 
       android:layout_height="90dp" 
       android:layout_alignParentRight="true" 
       android:layout_marginRight="10dp" 
       /> 

</RelativeLayout> 

<RelativeLayout 
android:layout_width="fill_parent" 
android:layout_height="wrap_content" 
android:layout_weight="1" 
android:gravity="center" 
> 
      <ImageView 
       android:src="@drawable/ic_launcher" 
       android:layout_width="90dp" 
       android:layout_height="90dp" 
       android:layout_centerInParent="true" 
       /> 


</RelativeLayout> 

<RelativeLayout 
android:layout_width="fill_parent" 
android:layout_height="wrap_content" 
android:layout_weight="1" 
android:gravity="center" 
> 

      <ImageView 
       android:src="@drawable/ic_launcher" 
       android:layout_width="90dp" 
       android:layout_height="90dp" 
       android:layout_alignParentLeft="true" 
       android:layout_marginLeft="10dp" 
       /> 

      <ImageView 
       android:src="@drawable/ic_launcher" 
       android:layout_width="90dp" 
       android:layout_height="90dp" 
       android:layout_alignParentRight="true" 
       android:layout_marginRight="10dp" 
       /> 

</RelativeLayout> 

</LinearLayout> 

Answer 2

LinearLayout 또는 RelativeLayout의 중첩을 사용하십시오. 이미지를 버튼으로 사용하려면 ImageView를 사용하고 xml에 해당하는 ID로 각 이미지를 표시하여 활동에 사용할 수 있도록하십시오.

Answer 3

RelativeLayout을 사용하고 각 점이 다른 점과 관련되어 있어야한다고 말할 수 있습니다.

LinearLayout을 사용하여 3 개의 '행'버튼을 만들 수 있습니다. 상단 및 하단 행에는 '점'두 개와 가운데 하나에 가운데 점이 포함됩니다.

다음과 같이 보일 것 레이아웃 :

그리고 코드는 다음과 같이 될 것이다 :

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:orientation="vertical" > 
    <LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:orientation="horizontal" > 
    <ImageButton 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_weight="1" 
     android:src="@drawable/dot" 
     android:background="@android:color/transparent"/> 
    <ImageButton 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_weight="1" 
     android:src="@drawable/dot2" 
     android:background="@android:color/transparent"/> 
    </LinearLayout> 
    <LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:orientation="horizontal" > 
    <ImageButton 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_weight="1" 
     android:src="@drawable/dot3" 
     android:background="@android:color/transparent"/> 
    </LinearLayout> 
    <LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:orientation="horizontal" > 
    <ImageButton 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_weight="1" 
     android:src="@drawable/dot4" 
     android:background="@android:color/transparent"/> 
    <ImageButton 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_weight="1" 
     android:src="@drawable/dot5" 
     android:background="@android:color/transparent"/> 
    </LinearLayout> 

</LinearLayout>