[JAVA] Einführung in das Android-Layout

● Begriffe organisieren. Teile wie Beschriftungen und Schaltflächen, die auf Android platziert sind, werden als Ansicht bezeichnet. Die wichtigsten sind TextView zum Anzeigen von Text, EditText, Button, für andere Texteingaben Es gibt ImageView zum Anzeigen von Bildern.

→ Wenn Sie mehrere Ansichten zusammenstellen möchten, können Sie sie auch gruppieren. Bereiten Sie in diesem Fall einen Container namens View Group vor. Es gibt verschiedene Arten von Ansichtsgruppen, und der Typ kann bestimmen, wie die Ansicht angeordnet werden soll. Für die Hauptgruppe VIew Lineares Layout, mit dem die Ansicht horizontal oder vertikal angeordnet werden kann Tabellenlayout, das wie eine Tabelle angeordnet werden kann Relatives Layout, mit dem Sie die relative Position aus einer bestimmten Ansicht festlegen können, Mit FrameLayout können Sie beispielsweise Ansichten stapeln.

Sie können auch die Größe und die Ränder festlegen, wenn Sie die Ansicht anordnen. Die vertikale Größe von View ist android: layout_height In Bezug auf die Breite, Android: layout_width In Bezug auf die Ränder wird der innere Rand von android: padding und der äußere Rand von android: layout_margin verwaltet.

Ich möchte diesen Inhalt in Ansicht nach oben, unten, links und rechts verschieben. Android: Schwerkraft Das Attribut, das verwendet werden kann, wenn Sie die Ansicht selbst vertikal und horizontal in Bezug auf das übergeordnete Element verschieben möchten, ist android: layout_gravity

● Verwenden wir das lineare Layout Sie können den Code mit "Option + Befehl + L" formatieren.

In Activity_main.xml xmlns ist eine Namespace-Spezifikation, mit der Sie verschiedene Attribute verwenden können, die mit android: und tools: beginnen.

LinearLayout ist eine Ansichtsgruppe, die die enthaltenen Elemente vertikal oder horizontal anordnet. Es muss angegeben werden, in welche Richtung angeordnet werden soll, und das Attribut dafür ist Es heißt "android: Orientierung", und wenn Sie es auf "vertikal" setzen, können die enthaltenen Elemente vertikal angeordnet werden. android:orientation="vertical" Wenn Sie es auf horizontal einstellen, wird es nebeneinander ausgerichtet.

● Geben Sie die Höhe der Ansicht an. Übergeordnetes Element anpassen bedeutet, dass die Breite des übergeordneten Elements angepasst wird. wrap_content bedeutet, die Breite des Inhalts anzupassen

android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Hello World!"> Dies bedeutet, dass es die gleiche Breite haben sollte wie der Inhalt @ string / hello_world (dh Hello World).

android:layout_width="match_parent" android:layout_height="wrap_content" android:text="Hello World!"> Die Breite entspricht der Breite des übergeordneten Elements.

● Lassen Sie uns die Ränder verstehen und wie man sie zusammensetzt Wie oben erwähnt In Bezug auf die Ränder ist der innere Rand Android: Polsterung, Der äußere Rand wird von android verwaltet: layout_margin

Ich möchte außen einen Rand machen android:layout_margin="60dp" Ich möchte nur darunter einen Rand machen android:layout_marginButtom="100dp" Ich möchte einen Rand innerhalb des Elements erstellen android:padding="30dp" Ich möchte einen Rand nur am unteren Rand des Elements erstellen android:paddingButtom="30dp"

Wie man Elemente sammelt Wenn Sie den Inhalt des Elements nach oben, unten, links und rechts verschieben möchten android: Schwerkraft android android:gravity="bottom"

Wenn Sie das Element selbst vertikal und horizontal in Bezug auf das übergeordnete Element layout_gravity verschieben möchten android:layout_gravity="right"

● Verwenden Sie android: layout_weight ... Attribut zum Zuweisen von Rändern, die beim Anordnen von Elementen in LinearLayout für jedes Element erstellt wurden

Wenn Sie beispielsweise den unteren Rand der zweiten Schaltfläche zuweisen möchten, Auf dem zweiten Knopf Geben Sie android an: layout_weight = "1". Wenn layout_weight nicht angegeben wird, ist sein Wert 0 Wenn 4 Schaltflächen vorhanden sind, erfolgt die Margin-Zuordnung Es wird 0: 1: 0: 0.

Es gibt jedoch eine Einschränkung bei diesem layout_weight. layout_height für vertikal, Und im Fall von horizontal hat die Spezifikation layout_width keine Bedeutung. Vergessen Sie also nicht, sie auf 0dp zu setzen.

● Schauen wir uns das relative Layout an Numerische Werte können relativ zum übergeordneten Element und anderen untergeordneten Elementen angegeben werden. Die tatsächlich platzierten Elemente beziehen sich bei der Angabe der Position auf welches Element. Da wir wissen müssen, wie man es spezifiziert, müssen wir jedem Element eine ID geben. Um eine ID zu vergeben, fügen Sie dem ID-Attribut @ + id / hinzu und geben Sie ihm einen beliebigen Namen. android:id="@+id/a" Bedeutung, um ID a zu geben

Es gibt viele Attribute für die Positionierung mit elativeLayout. Beispiel: Platzieren Sie es in der Mitte oben und unten Es ist in Ordnung, wenn Sie das Attribut android: layout_centerInParent auf true setzen android:layout_centerInParent="true"

Beispiel B ist mit A am linken Rand ausgerichtet und unter A platziert android: layout_alignLeft = "@ id / a" ... links mit id / a ausrichten android: layout_below = "@ id / a" ... Kommt unter id / a.

Bsp. C wird neben B mit einem kleinen Leerzeichen platziert. android: layout_alignTop = "@ id / b" ... mit id / b ausrichten android: layout_toRightOf = "@ id / b" ... Kommt rechts von id / b. android: layout_marginLeft = "20dp" ... Lassen Sie von links einen Abstand von 20dp.

● Verwenden wir FrameLayout Die enthaltenen Ansichten können überlagert werden.

● Verwenden wir TableLayout Sie können ein Layout wie eine Tabelle erstellen. Im Layout Zeilen können ausgedrückt werden, indem eine ViewGroup mit dem Namen <TableRow erstellt wird.

<TableRow
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="#f8bbd0" />

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="1" />

Anschließend kann eine Schaltfläche mit der Bezeichnung 1 in Tabellenform erstellt werden.

Benachbarte Spalten können verbunden werden Es ist möglich anzuzeigen, dass es mit Android zwei Spalten gibt: layout_span = "2".

Wenn Sie eine Lücke lassen wollen Sie können ein Leerzeichen öffnen, indem Sie die Anzahl der Spalten in einer beliebigen Tabelle angeben. android: layout_column = "2" verschiebt die Tabelle in die zweite Spalte (ab 0).

Wenn die Breite der Tabelle größer als das übergeordnete Element wird oder umgekehrt, wird sie unzureichend. Sie können eine bestimmte Reihe erweitern oder verengen. Wenn du dich verbreiten willst android: stripColumns = "2" Füllt den zusätzlichen Rand mit der zweiten Spalte.

Wenn Sie sich verengen wollen android: shrinkColumns = "0" Verkleinere nur die 0. Spalte.

Recommended Posts

Einführung in das Android-Layout
Einführung in die Android App-Entwicklung
Einführung in Ruby 2
Einführung in web3j
Einführung in Micronaut 1 ~ Einführung ~
[Java] Einführung in Java
Einführung in die Migration
Einführung in Java
Einführung in Doma
Einführung in JAR-Dateien
Einführung in die Bitarithmetik
Einführung in Ratpack (6) --Promise
Einführung in Ratpack (9) - Thymeleaf
Einführung in das Android-Layout
Einführung in PlayFramework 2.7 ① Übersicht
Einführung in Entwurfsmuster (Einführung)
Einführung in die praktische Programmierung
Einführung in den Befehl javadoc
Einführung in den Befehl jar
Einführung in Ratpack (2) -Architektur
Einführung in den Lambda-Stil
Einführung in den Java-Befehl
Einführung in die Keycloak-Entwicklung
Einführung in den Befehl javac
[Einführung in die Android App-Entwicklung] Machen wir einen Zähler
Einführung in Ratpack (5) --Json & Registry
Einführung in Metabase ~ Umgebungskonstruktion ~
Einführung in Ratpack (7) - Guice & Spring
(Punktinstallation) Einführung in Java8_Impression
Einführung in Micronaut 2 ~ Unit Test ~
Einführung in JUnit (Studiennotiz)
Einführung in Spring Boot ~ ~ DI ~
Einführung in Designmuster (Fliegengewicht)
[Java] Einführung in den Lambda-Ausdruck
Einführung in Spring Boot ② ~ AOP ~
Einführung in Apache Beam (2) ~ ParDo ~
Einführung in die EHRbase 2-REST-API
Einführung in Entwurfsmuster Prototyp
[Java] Einführung in die Stream-API
Einführung in Entwurfsmuster (Iterator)
Einführung in Spring Boot Teil 1
[Android] Verbindung zu MySQL herstellen (unvollendet)
Einführung in Ratpack (1) - Was ist Ratpack?
Einführung in Entwurfsmuster (Strategie)
[Einführung in Janken (ähnliche) Spiele] Java
Einführung in Linux Container / Docker (Teil 1)
Einführung in die schnelle Übungsausgabe Kapitel 5
[Einführung in Java] Über Lambda-Ausdrücke
Einführung in Algorithmen mit Java-kumulativer Summe
[Einführung in Java] Informationen zur Stream-API
Einführung in die funktionale Programmierung (Java, Javascript)
Einführung in Algorithmen mit der Java-Shakutori-Methode