WEBVTT 00:00.170 --> 00:03.310 Lassen Sie uns unsere Datenbindungsanwendung erstellen. 00:03.320 --> 00:11.300 Öffnen Sie Android Studio, wählen Sie ein neues Projekt, leere Views Activity und benennen Sie es als Data Binding App. 00:11.330 --> 00:18.770 Zu Beginn müssen Sie Ihre Entwicklungsumgebung in Ihrer Anwendung so einrichten, dass die Datenbindungsbibliothek verwendet werden 00:18.770 --> 00:19.370 kann. 00:19.370 --> 00:24.620 Die Datenbindungsbibliothek wird mit dem Android-Gradle-Plugin gebündelt. 00:24.650 --> 00:30.800 Sie brauchen keine Abhängigkeit von der Bibliothek zu deklarieren, aber Sie müssen sie dafür aktivieren. 00:30.800 --> 00:32.810 Ich werde zu Gradle Scripts gehen. 00:32.840 --> 00:38.980 Ich wähle diese App-Ebene aus, und das ist die Schaufel des Android-Tags. 00:38.990 --> 00:40.250 Scrollen Sie nach unten. 00:42.740 --> 00:46.460 Und um die Datenbindungsbibliothek zu aktivieren. 00:46.460 --> 00:51.680 Ich werde Build-Funktionen und hier Datenbindung verwenden. 00:51.710 --> 00:52.180 Das stimmt. 00:52.190 --> 01:01.790 Wenn Sie also die Option für die Erstellung der Datenbindung in Ihren Modellen auf "true" setzen. gradle-Datei aktivieren Sie die Datenbindung. 01:01.790 --> 01:03.230 Dies ist der erste Schritt. 01:03.230 --> 01:06.290 Klicken Sie jetzt auf synchronisieren und herzlichen Glückwunsch, Leute. 01:06.290 --> 01:14.840 Jetzt sind Sie in der Lage, UI-Komponenten in Ihren Layouts über ein deklaratives Formular an Datenquellen in Ihrer Anwendung zu binden. 01:14.840 --> 01:20.270 Dies ist der erste Schritt zur Aktivierung der Datenbindungsbibliothek in Gradle. 01:20.300 --> 01:24.020 Der zweite Schritt besteht darin, das Layout aufzurufen. 01:24.050 --> 01:33.860 Wir müssen dieses Standardlayout in ein Datenbindungslayout umwandeln. Dies geschieht mit Hilfe des Layout-Tags, 01:33.890 --> 01:39.260 das Ihre vorhandene Layoutdatei auf der Stammebene umhüllt. 01:39.260 --> 01:39.830 Hier. 01:39.830 --> 01:43.350 Auf der Stammebene haben wir dieses Constraint-Layout. 01:43.350 --> 01:51.780 Ich verwende das Layout-Tag mit Kleinbuchstaben und verschiebe das schließende Tag nach unten. 01:52.200 --> 01:58.920 Das Layout-Element ist das Wurzelelement der Datenbindungs-Layoutdatei. 01:58.920 --> 02:06.870 Es gibt die Top-Level-Struktur Ihres Layouts an, ähnlich dem regulären relativen Layout, linearen Layout, Constraint, 02:06.870 --> 02:14.070 Layout oder anderen Layout-Elementen, die Sie in XML verwenden sollten, und innerhalb des Opening-Tags 02:14.100 --> 02:20.250 und des Layout-Tags sollten wir den XML-Namensraum für die Datenbindung angeben. 02:20.250 --> 02:26.100 Dazu kopiere ich diese Namespaces hierher und verschiebe sie in das Layout. 02:26.100 --> 02:26.820 Zum Beispiel so. 02:26.820 --> 02:36.630 Dies ist das Wurzelelement unseres Layouts und umfasst in der Regel andere UI-Elemente innerhalb des Layout-Elements wie dieses Constraint-Layout 02:36.630 --> 02:39.690 und diese Textansicht. 02:39.690 --> 02:43.770 Bis jetzt haben wir also ein Layout, das das Wurzelelement ist. 02:43.770 --> 02:50.430 Wir haben dieses Constraint-Layout und innerhalb dieses Constraint-Layouts haben wir diese Textansicht. 02:50.430 --> 02:54.660 Das Wurzelelement ist also das Layout-Tag. 02:54.660 --> 03:03.840 Der dritte Schritt ist die Verwendung des Variablen-Tags und -Elements. Das Variablen-Element wird innerhalb des Daten-Elements 03:03.840 --> 03:11.310 verwendet, um Variablen zu deklarieren, die Daten enthalten, die Sie an Ihr Layout binden möchten. 03:11.310 --> 03:16.440 Zu diesem Zweck platziere ich das Datenelement unter diesem Layout. 03:16.440 --> 03:22.320 Der erste Schritt besteht darin, die Datenbindung zum Build hinzuzufügen. gradle und aktivieren Sie es. 03:22.320 --> 03:27.300 Der zweite Schritt besteht darin, zum Layout zu gehen und das Layout als Stammelement hinzuzufügen. 03:27.300 --> 03:35.670 Der dritte Schritt besteht darin, ein Datenelement unter diesem Layout und vor den anderen Kindern zu deklarieren. 03:35.670 --> 03:38.340 Ich beginne mit dem Datenelement. 03:38.340 --> 03:46.980 Das Datenelement wird verwendet, um alle datenbindungsbezogenen Elemente in Ihrer Layout-Datei zu umschließen. 03:46.980 --> 03:53.790 Sie definiert den Geltungsbereich für Variablen und Ausdrücke, die UI-Elemente mit Daten verknüpfen. 03:53.790 --> 03:54.660 Quellen. 03:54.660 --> 04:01.260 Platzieren Sie das Datenelement als untergeordnetes Element des Layout-Elements, und innerhalb des Datenelements können Sie ein oder 04:01.260 --> 04:05.610 mehrere variable Elemente deklarieren, um sie mit der Datenquelle zu verknüpfen. 04:05.610 --> 04:13.020 Der vierte Schritt besteht darin, die Variablen-Tags und die variablen Elemente innerhalb des Datenelements zu deklarieren. 04:13.020 --> 04:19.170 Ich verwende Variable, und wie Sie sehen können, haben wir zwei Attribute, den Namen und den Typ. 04:19.170 --> 04:27.180 Das variable Element wird innerhalb des Datenelements verwendet, um Variablen zu deklarieren, die Daten enthalten, die Sie 04:27.180 --> 04:29.070 an Ihr Layout binden möchten. 04:29.070 --> 04:38.040 Bei diesen Variablen handelt es sich in der Regel um Instanzen von Klassen oder Ansichtsmodellen, die die Daten für Ihre Benutzeroberfläche bereitstellen. 04:38.040 --> 04:41.460 Platzieren Sie die variablen Elemente innerhalb des Datenelements. 04:41.460 --> 04:48.570 Geben Sie einen Namen für eine Variable an, indem Sie das Attribut name verwenden, z. B. person. 04:48.570 --> 04:54.840 Und hier muss ich den Typ der Daten mit dem Attribut type angeben. 04:54.840 --> 04:57.330 Dies ist ein sehr wichtiger Schritt. 04:57.330 --> 05:04.290 Dazu werde ich eine neue Klasse erstellen, die als Datenquelle fungieren wird. 05:04.290 --> 05:14.670 Ich werde sie Person nennen, und innerhalb dieser Person-Klasse werde ich zwei Variablen deklarieren, eine vom Typ String mit dem Namen 05:14.670 --> 05:22.980 Name und die andere vom Typ String mit dem Namen email alt plus insert, um den Konstruktor zu erstellen, der den 05:22.980 --> 05:31.890 Namen und die email hat, und alt plus insert, um Getter und Setter für Name und email zu erstellen, und ich werde einen leeren 05:31.890 --> 05:36.450 Konstruktor erstellen alt plus insert select none. 05:36.450 --> 05:39.270 Das ist nur aus Gründen der Sicherheit. 05:39.270 --> 05:42.240 Ich brauche den Namen von. 05:42.870 --> 05:45.780 Und innerhalb dieser Textübersicht angezeigt. 05:45.780 --> 05:54.680 Dazu muss ich den Typ der Datenquelle angeben, die ich in diesem Layout anzeigen muss. 05:54.690 --> 05:57.870 Ich muss die Personenklasse verwenden. 05:57.870 --> 06:07.590 Also für diese com Punkt Master Coding Punkt Datenbindung app Punkt Person Klasse und das ist die Hierarchie hier. 06:07.590 --> 06:11.040 Com dot master coding dot data binding app dot purse. 06:11.070 --> 06:17.760 Hier sollten Sie den Typ der Variablen im Datenelement angeben. 06:17.760 --> 06:25.650 Ich sage der Android-Datenbindungsbibliothek, dass der Typ dieser Variablen eine Personenklasse ist. 06:25.650 --> 06:33.090 Der fünfte Schritt besteht darin, die Ansichten mit den Variablen der Datenbindung zu verbinden. 06:33.090 --> 06:42.030 Zum Beispiel, dieser Text, den ich den Namen der Person in diesem Text-Attribut, dass es verwendet wird, um Texte 06:42.030 --> 06:50.770 innerhalb dieser Text-Ansicht werde ich mit at und zwei geschweiften Klammern beginnen anzeigen möchten. 06:50.800 --> 06:53.290 Ich möchte, dass Sie sich jetzt mit mir beschäftigen. 06:53.290 --> 06:59.320 Dies ist die Syntax, die für Datenbindungsausdrücke in Android verwendet wird. 06:59.320 --> 07:07.510 Innerhalb der geschweiften Klammern können Sie die Datenquelle und die Eigenschaft angeben, die Sie an das UI-Element binden 07:07.540 --> 07:08.230 möchten. 07:08.230 --> 07:14.200 In diesem Fall habe ich diese eine und einzige Variable namens Person. 07:14.200 --> 07:16.420 Ich gebe hier die Person an. 07:16.420 --> 07:20.350 Dies bezieht sich auf das Datenquellenobjekt. 07:20.350 --> 07:27.460 Person bezieht sich also auf das Objekt der Datenquelle, und in diesem Fall wird davon ausgegangen, dass es hier ein Objekt 07:27.460 --> 07:28.660 namens Person gibt. 07:28.660 --> 07:37.480 Dann müssen wir einen Punkt hinzufügen, und Sie sehen, dass ich auf die Attribute Zugriff, Setzen, E-Mail, Setzen, Name, E-Mail und Name zugreifen kann. 07:37.480 --> 07:39.760 Ich muss zunächst den Namen anzeigen. 07:39.760 --> 07:46.300 Dies ist die Eigenschaft des Person-Objekts, die Sie an die UI-Elemente binden möchten. 07:46.300 --> 07:47.560 Text-Eigenschaft. 07:47.590 --> 07:56.110 Sie extrahieren den Wert der Eigenschaft name aus dem Personenobjekt und zeigen ihn im UI-Element 07:56.140 --> 07:56.620 an. 07:56.620 --> 08:04.660 Speichern Sie das Projekt und lassen Sie uns zur Hauptaktivität wechseln, um ein Objekt der Person zu erstellen und die Datenbindung 08:04.660 --> 08:06.490 in Aktion zu sehen.