방법을 참조하시기 바랍니다 스크린 샷으로 화면 크기

에 따라 자동으로 4 RelativeLayout의 수평을 설정하고 조정합니다. 내 문제는 입니다. 나는 스크린 샷과 같은 xml 디자인을 만들었습니다. 저는 4 개의 상대 레이아웃에 imageview와 textview가 있습니다. 이제이 4 개의 상대 레이아웃을 오른쪽, 왼쪽, 시작, 끝에서 같은 공간으로 가로 방향으로 설정하려고합니다. 제 레이아웃에서 큰 화면으로 시작하여 여분의 공간을 보여 주면 끝낼 수 있습니다. 그러나이 RL을 화면 크기에 따라 크기를 자동으로 설정하는 솔루션이 있습니까?

<RelativeLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_below="@+id/one" 
    android:id="@+id/RL_MainCat" 
    android:background="@color/white" 
    android:layout_marginTop="10dp"> 

    <RelativeLayout 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_marginTop="10dp" 
     android:layout_marginBottom="10dp" 
     android:layout_centerHorizontal="true" 
     android:layout_centerVertical="true"> 
<RelativeLayout 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:id="@+id/RL_UploadPres" 
    android:layout_marginLeft="10dp" 
    > 
<ImageView 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:src="@drawable/upload_pres_icon" 
    android:id="@+id/icon_uploadpres" 
    android:layout_centerHorizontal="true" 
    /> 
    <TextView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="Upload\nPrescription" 
     android:textAlignment="center" 
     android:textColor="#1f222d" 
     android:textSize="11sp" 
     android:layout_below="@+id/icon_uploadpres" 
     android:layout_marginTop="10dp" 
     /> 
</RelativeLayout> 

    <RelativeLayout 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_toRightOf="@+id/RL_UploadPres" 
     android:id="@+id/RL_FindPharmacy" 
     android:layout_marginLeft="20dp"> 
     <ImageView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:src="@drawable/find_pharma_icon" 
      android:id="@+id/icon_findphar" 
      android:layout_centerHorizontal="true" 
      /> 
     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text=" Find \n Pharmacy " 
      android:textAlignment="center" 
      android:textColor="#1f222d" 
      android:textSize="11sp" 
      android:layout_below="@+id/icon_findphar" 
      android:layout_marginTop="10dp" 
      android:layout_centerHorizontal="true" 
      /> 
    </RelativeLayout> 

    <RelativeLayout 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_toRightOf="@+id/RL_FindPharmacy" 
     android:id="@+id/RL_BuyOTC" 
     android:layout_marginLeft="20dp" 
     > 
     <ImageView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:src="@drawable/otc_icon" 
      android:id="@+id/icon_findotc" 
      android:layout_centerHorizontal="true" 

      /> 
     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text=" Buy \n  OTC  " 
      android:textAlignment="center" 
      android:textColor="#1f222d" 
      android:textSize="11sp" 
      android:layout_below="@+id/icon_findotc" 
      android:layout_marginTop="10dp" 
      android:layout_centerHorizontal="true"/> 

    </RelativeLayout> 

    <RelativeLayout 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:id="@+id/RL_BuyMedicine" 
     android:layout_toRightOf="@+id/RL_BuyOTC" 
     android:layout_marginLeft="20dp" 
     android:layout_marginRight="10dp" 
     > 
     <ImageView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:src="@drawable/medicine_icon" 
      android:id="@+id/icon_findmedi" 
      android:layout_centerHorizontal="true" 
      /> 
     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text=" Buy \n Medicines " 
      android:textColor="#1f222d" 
      android:textSize="11sp" 
      android:textAlignment="center" 
      android:layout_marginTop="10dp" 
      android:layout_centerHorizontal="true" 
      android:layout_below="@+id/icon_findmedi" 
      /> 

    </RelativeLayout> 
</RelativeLayout>

출처

2017-12-08 Kishor

아래보십시오. –

화면 크기 지원과 더 간단한 [solution] (https://stackoverflow.com/a/16917077/)을 위해 [android Documentation] (https://developer.android.com/training/multiscreen/screensizes.html)을 읽어 보았습니까? 5308778) – Lucky

@Kishor를 방문하십시오. 제 대답을 확인하십시오. –

여기에 XML 파일을 추가주십시오

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/RL_MainCat" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_below="@+id/one" 
    android:layout_marginTop="10dp" 
    android:background="#ffffff"> 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:weightSum="4" 
     android:orientation="horizontal"> 

     <RelativeLayout 
      android:id="@+id/RL_UploadPres" 
      android:layout_width="match_parent" 
      android:layout_weight="1" 
      android:layout_height="wrap_content" 
      android:layout_marginLeft="10dp"> 

      <ImageView 
       android:id="@+id/icon_uploadpres" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:layout_centerHorizontal="true" 
       android:src="@mipmap/ic_launcher" /> 

      <TextView 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:layout_below="@+id/icon_uploadpres" 
       android:layout_marginTop="10dp" 
       android:text="Upload\nPrescription" 
       android:textAlignment="center" 
       android:textColor="#1f222d" 
       android:textSize="11sp" /> 
     </RelativeLayout> 

     <RelativeLayout 
      android:id="@+id/RL_FindPharmacy" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_marginLeft="20dp" 
      android:layout_weight="1" 
      android:layout_toRightOf="@+id/RL_UploadPres"> 

      <ImageView 
       android:id="@+id/icon_findphar" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:layout_centerHorizontal="true" 
       android:src="@mipmap/ic_launcher" /> 

      <TextView 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:layout_below="@+id/icon_findphar" 
       android:layout_centerHorizontal="true" 
       android:layout_marginTop="10dp" 
       android:text=" Find \n Pharmacy " 
       android:textAlignment="center" 
       android:textColor="#1f222d" 
       android:textSize="11sp" /> 
     </RelativeLayout> 

     <RelativeLayout 
      android:id="@+id/RL_BuyOTC" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_weight="1" 
      android:layout_marginLeft="20dp" 
      android:layout_toRightOf="@+id/RL_FindPharmacy"> 

      <ImageView 
       android:id="@+id/icon_findotc" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:layout_centerHorizontal="true" 
       android:src="@mipmap/ic_launcher" 

       /> 

      <TextView 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:layout_below="@+id/icon_findotc" 
       android:layout_centerHorizontal="true" 
       android:layout_marginTop="10dp" 
       android:text=" Buy \n  OTC  " 
       android:textAlignment="center" 
       android:textColor="#1f222d" 
       android:textSize="11sp" /> 

     </RelativeLayout> 

     <RelativeLayout 
      android:id="@+id/RL_BuyMedicine" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_marginLeft="20dp" 
      android:layout_weight="1" 
      android:layout_marginRight="10dp" 
      android:layout_toRightOf="@+id/RL_BuyOTC"> 

      <ImageView 
       android:id="@+id/icon_findmedi" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:layout_centerHorizontal="true" 
       android:src="@mipmap/ic_launcher" /> 

      <TextView 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:layout_below="@+id/icon_findmedi" 
       android:layout_centerHorizontal="true" 
       android:layout_marginTop="10dp" 
       android:text=" Buy \n Medicines " 
       android:textAlignment="center" 
       android:textColor="#1f222d" 
       android:textSize="11sp" /> 

     </RelativeLayout> 

    </LinearLayout> 
</RelativeLayout>

출력

출처

2017-12-08 09:56:42

감사합니다. 잘 작동합니다. – Kishor

도와 드리겠습니다. 행복한 주말. –

는 선형 레이아웃 Weightsum 4 또는 1과 가로 방향을 갖는 내부의 상대 배치를 사용하여 각각의 상대 배치를 상대 레이아웃 폭 안에서 1 .25

의 가중치를 부여되도록 0dp로 설정된 무게가 사용 Scalable SP (ssp) 대신 SP와 DP의 Scalable DP (sdp)

을 추가 할 때 Dimenssions 너무

<LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:weightSum="1" 
    android:orientation="horizontal"> 

    <RelativeLayout 
     android:layout_width="0dp" 
     android:layout_height="match_parent" 
     android:layout_weight=".25"> 

    </RelativeLayout> 

    <RelativeLayout 
     android:layout_width="0dp" 
     android:layout_height="match_parent" 
     android:layout_weight=".25"> 

    </RelativeLayout> 

    <RelativeLayout 
     android:layout_width="0dp" 
     android:layout_height="match_parent" 
     android:layout_weight=".25"> 

    </RelativeLayout> 

    <RelativeLayout 
     android:layout_width="0dp" 
     android:layout_height="match_parent" 
     android:layout_weight=".25"> 

    </RelativeLayout> 
</LinearLayout>

자동으로 조정되도록 레이아웃은 동일 폭을 나눕니다 16,

출처

2017-12-08 09:42:30

이 시도 :

<RelativeLayout 
android:layout_width="match_parent" 
android:layout_height="wrap_content" 
android:layout_below="@+id/one" 
android:id="@+id/RL_MainCat" 
android:background="@color/white" 
android:layout_marginTop="10dp"> 

<LinearLayout 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_marginTop="10dp" 
    android:layout_marginBottom="10dp" 
    android:layout_centerHorizontal="true" 
    android:layout_centerVertical="true"> 
<RelativeLayout 
android:layout_weight="0.25" 
android:layout_width="0dp" 
android:layout_height="wrap_content" 
android:id="@+id/RL_UploadPres" 
android:layout_marginLeft="10dp" 
> 
<ImageView 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:src="@drawable/upload_pres_icon" 
android:id="@+id/icon_uploadpres" 
android:layout_centerHorizontal="true" 
/> 
<TextView 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="Upload\nPrescription" 
    android:textAlignment="center" 
    android:textColor="#1f222d" 
    android:textSize="11sp" 
    android:layout_below="@+id/icon_uploadpres" 
    android:layout_marginTop="10dp" 
    /> 
</RelativeLayout> 

<RelativeLayout 
    android:layout_weight="0.25" 
    android:layout_width="0dp" 
    android:layout_height="wrap_content" 
    android:layout_toRightOf="@+id/RL_UploadPres" 
    android:id="@+id/RL_FindPharmacy" 
    android:layout_marginLeft="20dp"> 
    <ImageView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:src="@drawable/find_pharma_icon" 
     android:id="@+id/icon_findphar" 
     android:layout_centerHorizontal="true" 
     /> 
    <TextView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text=" Find \n Pharmacy " 
     android:textAlignment="center" 
     android:textColor="#1f222d" 
     android:textSize="11sp" 
     android:layout_below="@+id/icon_findphar" 
     android:layout_marginTop="10dp" 
     android:layout_centerHorizontal="true" 
     /> 
</RelativeLayout> 

<RelativeLayout 
    android:layout_weight="0.25" 
    android:layout_width="0dp" 
    android:layout_height="wrap_content" 
    android:layout_toRightOf="@+id/RL_FindPharmacy" 
    android:id="@+id/RL_BuyOTC" 
    android:layout_marginLeft="20dp" 
    > 
    <ImageView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:src="@drawable/otc_icon" 
     android:id="@+id/icon_findotc" 
     android:layout_centerHorizontal="true" 

     /> 
    <TextView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text=" Buy \n  OTC  " 
     android:textAlignment="center" 
     android:textColor="#1f222d" 
     android:textSize="11sp" 
     android:layout_below="@+id/icon_findotc" 
     android:layout_marginTop="10dp" 
     android:layout_centerHorizontal="true"/> 

</RelativeLayout> 

<RelativeLayout 
    android:layout_weight="0.25" 
    android:layout_width="0dp" 
    android:layout_height="wrap_content" 
    android:id="@+id/RL_BuyMedicine" 
    android:layout_toRightOf="@+id/RL_BuyOTC" 
    android:layout_marginLeft="20dp" 
    android:layout_marginRight="10dp" 
    > 
    <ImageView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:src="@drawable/medicine_icon" 
     android:id="@+id/icon_findmedi" 
     android:layout_centerHorizontal="true" 
     /> 
    <TextView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text=" Buy \n Medicines " 
     android:textColor="#1f222d" 
     android:textSize="11sp" 
     android:textAlignment="center" 
     android:layout_marginTop="10dp" 
     android:layout_centerHorizontal="true" 
     android:layout_below="@+id/icon_findmedi" 
     /> 
</LinearLayout> 
</RelativeLayout>

출처

2017-12-08 09:53:14

방법을 참조하시기 바랍니다 스크린 샷으로 화면 크기

답변

관련 문제