Partage de cas de code pour les fichiers de mise en page XML

Fichier de mise en page XML

Le fichier de mise en page au format XML est stocké dans le dossier res/layout

Les méthodes de mise en page sont principalement LinearLayout (mise en page linéaire) et TableLayout (mise en page de table) , RelativeLayout (mise en page relative)

Bien sûr, il existe également AbsoluteLayout, (mise en page absolue), FrameLayout (mise en page des cadres), etc.

Ils peuvent également être imbriqués pour obtenir de meilleurs effets d'interface

J'ai trié les attributs couramment utilisés selon ma compréhension personnelle

Ce n'est peut-être pas scientifique mais je pense que c'est très pratique.

Le contrôle est l'ensemble :

Android : adresse ID

Android : largeur largeur

Android : hauteur : hauteur

android : layout_width width (fill_parent/wrap_content)

android:layout_height (fill_parent/wrap_content)

android:layout_margin(Left/Top/Right/Bottom) Marge (*dip)

android:layout_weight                                                                                                                                                                                                                                                      n'aurait pas été plus grand ?                                                                                                                                                     

Android : couleur d'arrière-plan (RBG) <.>

Android : padding (left/TOP/RIGHT/BOTTOM) /false)

Disposition relative :

android:layout_above                                                                                                                                                                                                                               Dont le bas est le haut aligné avec (id)

Android : layout_toleftof sur le côté droit pour aligner avec le côté gauche (ID)

android : layout_torightof sur le côté droit du côté droit (ID)

android : layout_aligntop. Bian vers Qi (ID)

Android : layout_alignbottom, aligner avec. Qui est le côté droit de HT Le bon alignement (id)

android:layout_alignParentTop Le haut est aligné avec le haut du contrôle parent (true/false)

android:layout_alignParentBottom Le bas est aligné avec le parent Aligner le bord inférieur du contrôle (true/false)

android:layout_alignParentLeft Alignez le côté gauche avec le côté gauche du contrôle parent (vrai/faux)

android:layout_alignParentRight Alignez le côté droit avec le côté droit du contrôle parent (vrai/faux)

android :layout_centerInParent                                                                                                                                                                                                                                                      

Android : layout_centerhorizontal par rapport au niveau de contrôle parent (Vrai/Faux)

Android : layout_CenterVertical par rapport au niveau de contrôle parent (Vrai/False)

~~~~~ ~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~ ~~~~~~~~~~~

Voici la page d'inscription que je viens de créer

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:padding="10dip"
    >
    
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    >
 
<TextView 
    android:text="欢迎注册" 
    android:gravity="center"
    android:textSize="15pt"
    android:textColor="#ff8c00"
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    ></TextView>
 
<TextView 
    android:text=" 性别/Gender" 
    android:textSize="8pt"
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    ></TextView>
<RadioGroup android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/genderGroup" android:orientation="horizontal">
<RadioButton android:id="@+id/maleButton" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="男"></RadioButton>
<RadioButton android:id="@+id/femaleButton" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="女"></RadioButton>

</RadioGroup>
 
<TextView 
    android:text=" 用户名/User" 
    android:textSize="8pt"
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    ></TextView>
<EditText 
    android:id="@+id/user" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    ></EditText>
 
<TextView 
    android:text=" 密码/Password" 
    android:textSize="8pt"
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    ></TextView>
<EditText 
    android:id="@+id/password" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    ></EditText>
 
<TextView 
    android:text=" 重复密码/Re-type Password" 
    android:textSize="8pt"
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    ></TextView>
<EditText 
    android:id="@+id/rpassword" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    ></EditText>
 
<CheckBox 
    android:text="同意注册条款*" 
    android:id="@+id/CheckBox01" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content"
    ></CheckBox>
 
</LinearLayout>
 
<TableRow 
    android:layout_alignParentBottom="true"
    android:id="@+id/TableRow01" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content">
<Button 
    android:id="@+id/confirm" 
    android:text="confirm" 
    android:textSize="10pt"
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_weight="1" 
    ></Button>
<Button 
    android:textSize="10pt" 
    android:text="cancel" 
    android:layout_width="wrap_content" 
    android:id="@+id/cancel" 
    android:layout_height="wrap_content"
    android:layout_weight="1"
    ></Button>
</TableRow>
</RelativeLayout>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!