Restructuration de mise en page Android

-1

J'essaie de créer une mise en page fragmentée pour contenir les informations utilisateur.Restructuration de mise en page Android

configuration actuelle xml.

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_width="match_parent" 
android:layout_height="wrap_content" 
android:paddingLeft="@dimen/activity_horizontal_margin" 
android:paddingRight="@dimen/activity_horizontal_margin" 
android:paddingTop="@dimen/activity_vertical_margin" 
android:paddingBottom="@dimen/activity_vertical_margin" 
> 

<LinearLayout 
    android:orientation="vertical" 
    android:layout_width="match_parent" 
    android:layout_height="fill_parent" 
    android:id="@+id/userInfo"> 

    <LinearLayout 
     android:orientation="horizontal" 
     android:layout_width="match_parent" 
     android:layout_height="150dp" 
     android:id="@+id/profileHolder" 
     android:background="@drawable/bluelayer" 
     android:layout_weight="0"> 

     <TableRow 
      android:layout_width="match_parent" 
      android:layout_height="match_parent"> 

      <LinearLayout 
       android:orientation="vertical" 
       android:layout_width="95dp" 
       android:layout_height="match_parent" 
       android:id="@+id/spacer1"></LinearLayout> 

      <LinearLayout 
       android:orientation="vertical" 
       android:layout_width="350dp" 
       android:layout_height="match_parent" 
       android:layout_weight="1" 
       android:id="@+id/profilePicHolder" 
       android:layout_gravity="center" 
       android:background="@drawable/circle"> 

       <ImageButton 
        android:layout_width="100dp" 
        android:layout_height="100dp" 
        android:id="@+id/profilePic" 
        android:src="@drawable/profilepic" 
        android:background="@null" 
        android:layout_marginTop="25dp" 
        android:layout_gravity="center" 
        android:paddingTop="20dp" /> 
      </LinearLayout> 

      <LinearLayout 
       android:orientation="vertical" 
       android:layout_width="95dp" 
       android:layout_height="match_parent" 
       android:id="@+id/spacer2"></LinearLayout> 
     </TableRow> 

    </LinearLayout> 

    <LinearLayout 
     android:orientation="vertical" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_marginTop="12dp" 
     android:layout_marginBottom="12dp" 
     android:id="@+id/gap"></LinearLayout> 

    <ScrollView 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:padding="5dp"> 

     <TableLayout 
      android:layout_width="match_parent" 
      android:layout_height="match_parent"> 

      <TableRow 
       android:layout_width="fill_parent" 
       android:layout_height="wrap_content" 
       android:background="#f2f0f0" 
       android:paddingTop="5dp" 
       android:paddingBottom="5dp"> 

       <RelativeLayout 
        android:layout_width="match_parent" 
        android:layout_height="match_parent" 
        android:layout_gravity="center"> 

        <ImageView 
         android:layout_width="30dp" 
         android:layout_height="wrap_content" 
         android:id="@+id/mailIcon" 
         android:src="@drawable/mailiconoriginal" 
         android:paddingRight="3dp" /> 

        <TextView 
         android:layout_width="320dp" 
         android:layout_height="40dp" 
         android:layout_toRightOf="@+id/mailIcon" 
         android:id="@+id/info_email" 
         android:ems="10" 
         android:textSize="15sp" 
         android:paddingTop="5dp" 
         android:paddingBottom="5dp" 
         android:padding="5dp" 
         android:layout_span="2" /> 
       </RelativeLayout> 

      </TableRow> 

      <TableRow 
       android:layout_width="match_parent" 
       android:layout_height="match_parent" 
       android:layout_marginTop="3dp"></TableRow> 

      <TableRow 
       android:layout_width="match_parent" 
       android:layout_height="match_parent" 
       android:background="#d8d5d5" 
       android:paddingTop="5dp" 
       android:paddingBottom="5dp"> 

       <RelativeLayout 
        android:layout_width="match_parent" 
        android:layout_height="match_parent"> 
        <ImageView 
         android:layout_width="30dp" 
         android:layout_height="40dp" 
         android:id="@+id/phoneIcon" 
         android:src="@drawable/phoneiconoriginal" 
         android:layout_alignParentBottom="true" 
         android:layout_alignParentLeft="true" 
         android:layout_alignParentStart="true" 
         android:paddingRight="3dp" /> 

        <TextView 
         android:layout_width="320dp" 
         android:layout_height="40dp" 
         android:id="@+id/info_phone" 
         android:ems="10" 
         android:textSize="15sp" 
         android:paddingTop="5dp" 
         android:paddingBottom="5dp" 
         android:padding="5dp" 
         android:layout_span="2" 
         android:layout_centerVertical="true" 
         android:layout_alignParentRight="true" 
         android:layout_alignParentEnd="true" /> 
       </RelativeLayout> 
      </TableRow> 

      <TableRow 
       android:layout_width="match_parent" 
       android:layout_height="match_parent" 
       android:layout_marginTop="1dp"></TableRow> 

      <TableRow 
       android:layout_width="match_parent" 
       android:layout_height="match_parent" 
       android:paddingTop="3dp" 
       android:paddingBottom="3dp"> 

       <RelativeLayout 
        android:layout_width="match_parent" 
        android:layout_height="match_parent"> 

        <ImageView 
         android:layout_width="30dp" 
         android:layout_height="wrap_content" 
         android:id="@+id/userIcon" 
         android:src="@drawable/namelogo" 
         android:layout_alignParentLeft="true" 
         android:layout_alignParentStart="true" 
         android:layout_alignBottom="@+id/info_firstName" 
         android:paddingRight="3dp" 
         android:background="#a8a8a8" /> 

        <TextView 
         android:layout_width="150dp" 
         android:layout_height="45dp" 
         android:id="@+id/info_firstName" 
         android:ems="10" 
         android:textSize="15sp" 
         android:paddingTop="5dp" 
         android:paddingBottom="5dp" 
         android:padding="5dp" 
         android:layout_span="2" 
         android:layout_alignParentTop="true" 
         android:layout_toRightOf="@+id/userIcon" 
         android:layout_toEndOf="@+id/userIcon" 
         android:background="#a8a8a8" /> 

        <LinearLayout 
         android:orientation="horizontal" 
         android:layout_width="wrap_content" 
         android:layout_height="match_parent" 
         android:layout_marginLeft="1dp" 
         android:layout_marginRight="1dp" 
         android:id="@+id/splitter" 
         android:background="#FFFFFF" 
         android:layout_toRightOf="@+id/info_firstName" 
         android:layout_toEndOf="@+id/info_firstName"></LinearLayout> 

        <TextView 
         android:layout_width="150dp" 
         android:layout_height="45dp" 
         android:id="@+id/info_lastName" 
         android:ems="10" 
         android:textSize="15sp" 
         android:paddingTop="5dp" 
         android:paddingBottom="5dp" 
         android:padding="5dp" 
         android:layout_span="2" 
         android:layout_centerVertical="true" 
         android:layout_alignParentRight="true" 
         android:layout_alignParentEnd="true" 
         android:layout_toRightOf="@+id/splitter" 
         android:layout_toEndOf="@+id/splitter" 
         android:background="#a8a8a8" /> 

       </RelativeLayout> 
      </TableRow> 
     </TableLayout> 
    </ScrollView> 


</LinearLayout>

Je ne veux pas faire plusieurs fichiers XML pour différentes tailles d'écran .Peut quelqu'un me aider à la mise en page.

Source

2016-01-08 ramses1592

Alors, quel est le problème que vous rencontrez avec la mise en page actuelle? –

Sur les différentes tailles d'écran, la dernière rangée ne se remplit pas complètement. Le problème est avec la dernière rangée dans la vue déroulante. Dois-je créer plusieurs fichiers xml ou est-ce un moyen d'utiliser cette mise en page uniquement. – ramses1592

Essayez celui-ci, vous devez utiliser layout_weight pour le rendre compatible avec tous les appareils, voici votre solution

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:paddingBottom="@dimen/activity_vertical_margin" 
    android:paddingLeft="@dimen/activity_horizontal_margin" 
    android:paddingRight="@dimen/activity_horizontal_margin" 
    android:paddingTop="@dimen/activity_vertical_margin"> 

    <LinearLayout 
     android:id="@+id/userInfo" 
     android:layout_width="match_parent" 
     android:layout_height="fill_parent" 
     android:orientation="vertical"> 

     <LinearLayout 
      android:id="@+id/profileHolder" 
      android:layout_width="match_parent" 
      android:layout_height="150dp" 
      android:layout_weight="0" 
      android:background="@drawable/bluelayer" 
      android:orientation="horizontal"> 

      <TableRow 
       android:layout_width="match_parent" 
       android:layout_height="match_parent"> 

       <LinearLayout 
        android:id="@+id/spacer1" 
        android:layout_width="95dp" 
        android:layout_height="match_parent" 
        android:orientation="vertical"></LinearLayout> 

       <LinearLayout 
        android:id="@+id/profilePicHolder" 
        android:layout_width="350dp" 
        android:layout_height="match_parent" 
        android:layout_gravity="center" 
        android:layout_weight="1" 
        android:background="@drawable/circle" 
        android:orientation="vertical"> 

        <ImageButton 
         android:id="@+id/profilePic" 
         android:layout_width="100dp" 
         android:layout_height="100dp" 
         android:layout_gravity="center" 
         android:layout_marginTop="25dp" 
         android:background="@null" 
         android:paddingTop="20dp" 
         android:src="@drawable/profilepic" /> 
       </LinearLayout> 

       <LinearLayout 
        android:id="@+id/spacer2" 
        android:layout_width="95dp" 
        android:layout_height="match_parent" 
        android:orientation="vertical"></LinearLayout> 
      </TableRow> 

     </LinearLayout> 

     <LinearLayout 
      android:id="@+id/gap" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_marginBottom="12dp" 
      android:layout_marginTop="12dp" 
      android:orientation="vertical"></LinearLayout> 

     <ScrollView 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:padding="5dp"> 

      <TableLayout 
       android:layout_width="match_parent" 
       android:layout_height="match_parent"> 

       <TableRow 
        android:layout_width="fill_parent" 
        android:layout_height="wrap_content" 
        android:background="#f2f0f0" 
        android:paddingBottom="5dp" 
        android:paddingTop="5dp"> 

        <RelativeLayout 
         android:layout_width="match_parent" 
         android:layout_height="match_parent" 
         android:layout_gravity="center"> 

         <ImageView 
          android:id="@+id/mailIcon" 
          android:layout_width="30dp" 
          android:layout_height="wrap_content" 
          android:paddingRight="3dp" 
          android:src="@drawable/mailiconoriginal" /> 

         <TextView 
          android:id="@+id/info_email" 
          android:layout_width="320dp" 
          android:layout_height="40dp" 
          android:layout_span="2" 
          android:layout_toRightOf="@+id/mailIcon" 
          android:ems="10" 
          android:padding="5dp" 
          android:paddingBottom="5dp" 
          android:paddingTop="5dp" 
          android:textSize="15sp" /> 
        </RelativeLayout> 

       </TableRow> 

       <TableRow 
        android:layout_width="match_parent" 
        android:layout_height="match_parent" 
        android:background="#d8d5d5" 
        android:paddingBottom="5dp" 
        android:paddingTop="5dp"> 

        <RelativeLayout 
         android:layout_width="match_parent" 
         android:layout_height="match_parent"> 

         <ImageView 
          android:id="@+id/phoneIcon" 
          android:layout_width="30dp" 
          android:layout_height="40dp" 
          android:layout_alignParentBottom="true" 
          android:layout_alignParentLeft="true" 
          android:layout_alignParentStart="true" 
          android:paddingRight="3dp" 
          android:src="@drawable/phoneiconoriginal" /> 

         <TextView 
          android:id="@+id/info_phone" 
          android:layout_width="320dp" 
          android:layout_height="40dp" 
          android:layout_alignParentEnd="true" 
          android:layout_alignParentRight="true" 
          android:layout_centerVertical="true" 
          android:layout_span="2" 
          android:ems="10" 
          android:padding="5dp" 
          android:paddingBottom="5dp" 
          android:paddingTop="5dp" 
          android:textSize="15sp" /> 
        </RelativeLayout> 
       </TableRow> 


       <LinearLayout 
        android:layout_width="0dp" 
        android:layout_height="match_parent" 
        android:layout_weight="2" 
        android:orientation="horizontal"> 

        <LinearLayout 
         android:layout_width="0dp" 
         android:layout_height="match_parent" 
         android:layout_weight="1" 
         android:orientation="horizontal"> 

         <ImageView 
          android:id="@+id/userIcon" 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:layout_alignBottom="@+id/info_firstName" 
          android:layout_alignParentLeft="true" 
          android:layout_alignParentStart="true" 
          android:background="#a8a8a8" 
          android:paddingRight="3dp" 
          android:src="@drawable/namelogo" /> 

         <TextView 
          android:id="@+id/info_firstName" 
          android:layout_width="match_parent" 
          android:layout_height="45dp" 
          android:layout_alignParentTop="true" 
          android:layout_span="2" 
          android:layout_toEndOf="@+id/userIcon" 
          android:layout_toRightOf="@+id/userIcon" 
          android:background="#a8a8a8" 
          android:ems="10" 
          android:padding="5dp" 
          android:paddingBottom="5dp" 
          android:paddingTop="5dp" 
          android:textSize="15sp" /> 

        </LinearLayout> 

        <LinearLayout 
         android:id="@+id/splitter" 
         android:layout_width="0dp" 
         android:layout_height="match_parent" 
         android:layout_marginLeft="1dp" 
         android:layout_marginRight="1dp" 
         android:layout_toEndOf="@+id/info_firstName" 
         android:layout_toRightOf="@+id/info_firstName" 
         android:layout_weight="1" 
         android:background="#FFFFFF" 
         android:orientation="horizontal"> 

         <TextView 
          android:id="@+id/info_lastName" 
          android:layout_width="match_parent" 
          android:layout_height="45dp" 
          android:layout_alignParentEnd="true" 
          android:layout_alignParentRight="true" 
          android:layout_centerVertical="true" 
          android:layout_span="2" 
          android:layout_toEndOf="@+id/splitter" 
          android:layout_toRightOf="@+id/splitter" 
          android:background="#a8a8a8" 
          android:ems="10" 
          android:padding="5dp" 
          android:paddingBottom="5dp" 
          android:paddingTop="5dp" 
          android:textSize="15sp" /> 
        </LinearLayout> 


       </LinearLayout> 
      </TableLayout> 
     </ScrollView> 


    </LinearLayout> 
</RelativeLayout>

Source

2016-01-08 09:39:24

-1

je vous suggère de lire ce blog:, il est un bon article pour la taille de match de téléphone. vous pouvez obtenir quelque chose

Source

2016-01-08 09:31:46 Lenoarod

Bien que ce lien puisse répondre à la question, il est préférable d'inclure les parties essentielles de la réponse ici et fournir le lien pour référence. Les réponses à lien uniquement peuvent devenir invalides si la page liée change. –

désolé, je ne sais pas ça, je ne le ferai pas encore – Lenoarod

vous pouvez utiliser différentes méthodes pour y parvenir.

Vous pouvez créer différentes dispositions pour différentes résolutions.
Vous pouvez créer différents dossiers dimen pour différentes résolutions.

valeurs à l'intérieur --default

<?xml version="1.0" encoding="utf-8"?> 
<resources> 
    <dimen name="width">100dp</dimen> 
</resources>

valeurs-MDPI valeurs-sw320dp valeurs sw480dp valeurs sw600dp valeurs-sw720dp

Définir une largeur différente dans tous ces dossiers et à partir de la disposition principale

android: layout_width = "@ dimen/width"

Source

2016-01-08 09:47:45

Restructuration de mise en page Android

Répondre

Questions connexes