안 드 로이드 UI에 대 한 XML을 디자인하는 방법

Question

아래 레이아웃에 대 한 XML을 설계해야합니다.

내가 디자인하는 RelativeLayout의를 사용하려고하지만 RelativeLayout의에서 imageVivew3을 조정하는 방법을

을 모른다.

누구나 XML 조정 방법을 가르쳐 주시겠습니까?

또는이 레이아웃에 대한 멋진 xml 디자인을 가지고 계신가요?

대단히 감사합니다.

내 XML은 다음과 같습니다 :

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
      android:id="@+id/relative_bg" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent"> 

<ImageView android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:id="@+id/imageView1" 
      android:layout_centerHorizontal="true" 
      android:visibility="visible" 
     android:layout_margin="0dp"/> 

<ImageView android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:id="@+id/imageView2" 
      android:visibility="visible" 
      android:layout_centerVertical="true" 
      android:layout_marginLeft="10dp"/> 

<ImageView android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:id="@+id/imageView3" 
      android:visibility="visible" 
      android:layout_centerVertical="true" 
      android:layout_below="@+id/imageView3" 
      android:layout_alignParentRight="true" 
      /> 


<ImageView android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:id="@+id/imageView4" 
      android:layout_alignTop="@+id/textView1" 
      android:layout_alignParentLeft="true" 
      android:layout_alignParentStart="true" 
      android:layout_alignParentBottom="true"/> 

<TextView android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="txt1" 
      android:id="@+id/textView1" 
      android:textColor="@color/white" 
      android:textSize="@dimen/common_size_large" 
      android:layout_below="@+id/imageView3" 
      android:layout_alignParentRight="true"/> 

<TextView android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="txt2" 
      android:id="@+id/textView2" 
      android:textColor="@color/white" 
      android:layout_below="@+id/textView1" 
      android:layout_alignParentRight="true" 
      /> 


</RelativeLayout> 

Answer 1

대신 RelativeLayout의의의 LinearLayout .. 하려고도 안드로이드를 사용 atttribute이 ... 코드 샘플은 다음과 같음 layout_weight를 ...이 코드를 삽입 귀하의 XML. 내 imageview1,2,3가 겹치는 부분이 있기 때문에

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:orientation="vertical" 
    android:background="@android:color/white" 
    > 
    <LinearLayout 
    android:layout_width="fill_parent" 
    android:layout_height="0dp" 
    android:orientation="horizontal" 
    android:layout_weight=".75" 
    android:layout_marginTop="5dp" 
    > 
    <LinearLayout 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:orientation="horizontal" 
     android:layout_weight="2" 
     android:layout_gravity="center" 
     > 
      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="@string/gerder" 
       android:textSize="12sp" 
       android:textStyle="bold" 
       android:contentDescription="@string/app_name" 
       android:layout_gravity="center" 
       android:paddingLeft="10dp" 
       android:gravity="center" 
       android:textColor="@android:color/black" 
       android:fontFamily="@string/providerFontFamily" 
       /> 

     <LinearLayout 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_weight="1"> 

     <RadioGroup 
      android:id="@+id/radioGender" 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_weight="1" 
      android:orientation="vertical" 
      android:layout_marginLeft="5dp" 
      > 
      <RadioButton 
       android:id="@+id/radioMale" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="@string/providerGenderMale" 
       android:checked="true" /> 
      <RadioButton 
       android:id="@+id/radioFemale" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="@string/providerGenderFemale" /> 
     </RadioGroup> 
    </LinearLayout> 
    </LinearLayout> 
    <LinearLayout 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:orientation="horizontal" 
     android:layout_weight="2" 
     android:layout_gravity="center" 
     > 
     <TextView 
      android:orientation="vertical" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:fontFamily="@string/providerFontFamily" 
      android:text="@string/age_range" 
      android:gravity="left" 
      android:textSize="12sp" 
      android:textStyle="bold" 
      android:textColor="@android:color/black" 
      android:layout_gravity="center" 
      /> 
     <Spinner 
      android:id="@+id/spinner1" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_gravity="center" 
      android:gravity="center" 
      android:layout_marginRight="15dp" 
      android:prompt="@string/country_prompt" 
      /> 
    </LinearLayout> 
</LinearLayout> 
</LinearLayout>