Einführung

"[Android App Development Textbook](https://www.amazon.co.jp/%E5%9F%BA%E7%A4%8E%EF%BC%86%E5%BF%9C%E7%94%" A8% E5% 8A% 9B% E3% 82% 92% E3% 81% 97% E3% 81% A3% E3% 81% 8B% E3% 82% 8A% E8% 82% B2% E6% 88% 90% EF% BC% 81-Android% E3% 82% A2% E3% 83% 97% E3% 83% AA% E9% 96% 8B% E7% 99% BA% E3% 81% AE% E6% 95% 99% E7% A7% 91% E6% 9B% B8-% E3% 81% AA% E3% 82% 93% E3% 81% A1% E3% 82% 83% E3% 81% A3% E3% 81% A6% E9 % 96% 8B% E7% 99% BA% E8% 80% 85% E3% 81% AB% E3% 81% AA% E3% 82% 89% E3% 81% AA% E3% 81% 84% E3% 81 % 9F% E3% 82% 81% E3% 81% AE% E5% AE% 9F% E8% B7% B5% E3% 83% 8F% E3% 83% B3% E3% 82% BA% E3% 82% AA % E3% 83% B3-WINGS% E3% 83% 97% E3% 83% AD% E3% 82% B8% E3% 82% A7% E3% 82% AF% E3% 83% 88% E9% BD% 8A % E8% 97% A4-% E6% 96% B0% E4% B8% 89-ebook / dp / B078X8H61T / ref = sr_1_2? __Mk_ja_JP =% E3% 82% AB% E3% 82% BF% E3% 82% AB % E3% 83% 8A & dchild = 1 & keywords = Android% E3% 82% A2% E3% 83% 97% E3% 83% AA% E9% 96% 8B% E7% 99% BA% E3% 81% AE% E6% 95 % 99% E7% A7% 91% E6% 9B% B8 & qid = 1587897459 & sr = 8-2 "Android App Development Textbook") "

Nachdem ich alle Schritte abgeschlossen habe, erkläre ich diesmal die Ansicht anhand von Bildern.

Hintergrund

Es ist 3 Monate her, seit ich meinen Job zu Sier gewechselt habe. Es ist einen Monat her, seit ich nach dem Training der Site zugewiesen wurde. Ich studiere Android-Apps, die ich in Zukunft verwenden werde, also schreibe ich sie in die Ausgabe. Ich bin ein Amateur.

Entwicklungsumgebung

androidstudio 3.6.2 openjdk version "11.0.6"

Sowieso Probe

Machen Sie einen Bildschirm wie diesen. キャプチャ1.PNG

Eine Ansicht ist eine Bildschirmkomponente. Wird auch als Widget bezeichnet. Auf dem obigen Bildschirm ist "Geben Sie Ihren Namen ein" ebenfalls eine Ansicht, eine Schaltfläche zur Auswahl von Mann oder Frau (Optionsfeld) ist ebenfalls eine Ansicht und eine Liste von Getränken ist ebenfalls eine Ansicht.

Wenn dies codiert ist, sieht es so aus.

`res/values/string.xml`


<resources>
    <string name="app_name">Beispiel für Bildschirmteile</string>
    <string name="tv_msg">Bitte geben Sie Ihren Namen ein.</string>
    <string name="bt_save">sparen</string>
    <string name="cb_drink">Trinken</string>
    <string name="cb_food">Kapuze</string>
    <string name="rb_male">Mann</string>
    <string name="rb_female">Frau</string>
    <string-array name="dlinkllist">
        <item>Cola</item>
        <item>Oolong Tee</item>
        <item>Kakao</item>
        <item>Gemüsesaft</item>
    </string-array>
</resources>

Hier geben Sie den Text ein, den Sie in jeder Ansicht anzeigen möchten. Wenn Sie diesen Namen = "○○" ○○ in das unten stehende Textattribut eingeben, wie im Beispiel gezeigt, können Sie ihn als Text in der eingegebenen Ansicht verwenden.

`res/layout/activity_main.xml`



<?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:background="#A1A9BA"
    android:orientation="vertical">

    <TextView
        android:id="@+id/tvLabelInput"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="10dp"
        android:layout_marginTop="5dp"
        android:background="#ffffff"
        android:text="@string/tv_msg"
        android:textSize="25sp"/>

    <EditText
        android:id="@+id/etInput"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="25dp"
        android:layout_marginTop="5dp"
        android:background="#ffffff"
        android:inputType="text"/>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#df7401"
        android:orientation="horizontal">

        <CheckBox
            android:id="@+id/cbDrink"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginRight="25dp"
            android:background="#ffffff"
            android:text="@string/cb_drink"/>

        <CheckBox
            android:id="@+id/cbFood"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="#ffffff"
            android:text="@string/cb_food"/>
    </LinearLayout>

    <RadioGroup
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="10dp"
        android:layout_marginTop="10dp"
        android:background="#df7401"
        android:orientation="horizontal"
        android:paddingBottom="10dp"
        android:paddingTop="10dp">

        <RadioButton
            android:id="@+id/rbMale"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="25dp"
            android:layout_marginRight="25dp"
            android:background="#ffffff"
            android:text="@string/rb_male"/>

        <RadioButton
            android:id="@+id/rbFemale"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="#ffffff"
            android:text="@string/rb_female"/>
    </RadioGroup>

    <Button
        android:id="@+id/btSave"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/bt_save"/>

    <ListView
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:background="#ffffff"
        android:entries="@array/dlinkllist"/>
</LinearLayout>

Schreiben Sie den XX-Teil von string.xml in das Textelement jeder Ansicht. Dann string.xml Darüber hinaus bestimmen sie in Bezug auf layout_width und layout_marginBottom das Layout und die Form der Ansicht.

Versuchen Sie, mit Bildern intuitiv zu verstehen.

キャプチャ.PNG

Es ist wie beim Schreiben, aber es sieht so aus. RadioGroup beschreibt RadioButton als untergeordnetes Element. Wenn Sie LinearLayout zu einem übergeordneten Element machen, wird entschieden, ob die untergeordneten Elemente vertikal oder horizontal angeordnet werden sollen. (Oriental = "vertikaler" Teil) Es gibt andere Rollen, aber ich frage mich, ob dieses Verständnis für dieses Beispiel ausreicht.

Am Ende

Es ist ziemlich einfach, aber ich habe versucht, die Ansicht auf meine eigene Weise zusammenzufassen. Es kommt nicht so zusammen, wie ich es erwartet hatte, aber ich denke darüber nach, weiterzumachen.

Nächstes Mal werde ich die Ereignisse und Zuhörer zusammenfassen.

[JAVA] Ein Neuling versucht, die Android-Ansicht zusammenzufassen (Entwicklung von Android-Anfängern)