1. Descripción general del diseño
1 | diseño lineal | Organizar horizontal y verticalmente |
2 | Disposición relativa | Organizar por posicionamiento relativo |
3 | diseño del marco | Abra un área en blanco y los controles (capas) en el marco se superponen |
4 | disposición de la mesa | Arreglo tabular |
5 | diseño de restricción | Escribir diseños visualmente |
2. Diseño lineal
1. Propiedades
androide: identificación | valor único |
android:layout_height | elevado, wrap_content: (cambia con el contenido, similar a auto), match_parent: (igual que el elemento padre) La unidad es preferentemente: dp |
Android: diseño_ancho | ancho, como arriba |
androide:fondo | Color de fondo |
Android: diseño_margen | Margen |
Android: diseño_padding | relleno |
Android: orientación | disposición horizontal horizontal; disposición vertical vertical |
Android: diseño_peso | Ver, igual peso |
Android: gravedad | Centrado |
1. Disposición horizontal android:orientation="horizontal"
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal"
>
<Button
android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="按钮1"
android:layout_marginTop="20dp"
/>
<Button
android:id="@+id/button2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="按钮2"
android:layout_marginTop="20dp"
android:layout_marginLeft="20dp"
/>
<Button
android:id="@+id/button3"
android:layout_width="200dp"
android:layout_height="wrap_content"
android:text="按钮3"
android:layout_marginTop="20dp"
android:layout_marginLeft="20dp"
/>
</LinearLayout>
1. Disposición vertical android:orientation="vertical"
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
>
<Button
android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="按钮1"
android:layout_marginTop="20dp"
/>
<Button
android:id="@+id/button2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="按钮2"
android:layout_marginTop="20dp"
android:layout_marginLeft="20dp"
/>
<Button
android:id="@+id/button3"
android:layout_width="200dp"
android:layout_height="wrap_content"
android:text="按钮3"
android:layout_marginTop="20dp"
android:layout_marginLeft="20dp"
/>
</LinearLayout>
.