WEBVTT

00:00.740 --> 00:01.850
Willkommen zurück.

00:01.850 --> 00:07.430
Im vorherigen Video haben wir die Datenbindungsbibliothek zu unserer Anwendung hinzugefügt.

00:07.430 --> 00:15.170
Wir verwenden das Layout als Wurzelelement dieser Layoutdatei, und wir verwenden die Datenvariable der Klasse Person, die

00:15.170 --> 00:21.680
wir zuvor erstellt haben, um den Namen der Person zu erhalten und ihn in dieser Textansicht anzuzeigen.

00:21.680 --> 00:27.140
In diesem Video werden wir die Klick-Ereignisse mithilfe der Datenbindungsbibliothek verarbeiten.

00:27.140 --> 00:34.130
Dafür werde ich eine einfache Schaltfläche wrap Inhalt wrap Inhalt für die Breite und Höhe und Text erstellen.

00:34.130 --> 00:41.330
Klicken Sie auf mich, ziehen Sie diese Schaltfläche, kehren Sie die Beschränkungen um, und schon können wir die Klickereignisse verarbeiten.

00:41.330 --> 00:49.550
Ich werde onClick-Attribut das onClick-Attribut mit den zwei geschweiften Klammern hinzufügen.

00:49.550 --> 00:57.290
Expression, die Sie zur Verfügung gestellt haben, wird in der Datenbindungsbibliothek von Android verwendet, um eine Methode anzugeben,

00:57.290 --> 01:04.830
die aufgerufen wird, wenn ein UI-Element wie diese Schaltfläche angeklickt wird. Sie ermöglicht es Ihnen, Click-Event-Handler direkt

01:04.830 --> 01:11.970
in Ihren Layout- und XML-Dateien zu definieren, wodurch Ihr Code deklarativer und einfacher zu lesen ist als zuvor.

01:11.970 --> 01:19.140
Wir müssen eine Datenvariable erstellen und den Namen dieser Person setzen und abrufen.

01:19.140 --> 01:25.320
In diesem Fall muss ich zum Beispiel die genaue Methode ermitteln, die ausgeführt werden soll.

01:25.320 --> 01:27.660
Wenn der Benutzer auf diese Schaltfläche klickt.

01:27.660 --> 01:36.990
Ich muss hier eine neue Variable erstellen, die ich als Click-Handler bezeichnen werde, und der Typ ist eine neue Klasse,

01:36.990 --> 01:39.780
die ich hier erstellen muss.

01:39.780 --> 01:43.620
Ich werde eine neue Java-Klasse erstellen, meinen Click-Handler.

01:43.620 --> 01:49.740
Diese Klasse definiert die Methoden, die ausgeführt werden, wenn die UI-Elemente angeklickt werden.

01:49.740 --> 01:54.630
Ich beginne damit, einen Kontext zu erstellen, da ich den Kontext der Toastnachricht verwenden muss.

01:54.660 --> 01:56.340
Ich drücke die Eingabetaste, um sie zu importieren.

01:56.340 --> 01:57.000
Alt+.

01:57.000 --> 02:05.280
Einfügen, um den Konstruktor für diese, meine Klick-Handler-Klasse zu erstellen und Alt + einfügen, wenn Sie

02:05.280 --> 02:14.070
den Kontext durch Getter und Setter setzen wollen, aber dafür muss ich void auf Schaltfläche ein Klick verwenden.

02:14.070 --> 02:18.060
Ich muss eine Ansicht als Parameter übergeben.

02:18.060 --> 02:18.660
Alt+.

02:18.660 --> 02:26.430
Enter, um die Klasse zu importieren, und hier muss ich eine Toast-Meldung anzeigen, die uns sagt, dass die erste Schaltfläche

02:26.430 --> 02:28.050
angeklickt wird.

02:30.020 --> 02:33.260
Dies ist unsere Klasse, unsere Handler-Klasse.

02:33.260 --> 02:40.550
Ich werde diese Klasse verwenden, um einen Verweis zu erhalten und auf Schaltfläche ein Klick-Methode hier in der gleichen Weise wie zuvor getan

02:40.550 --> 02:41.360
ausführen.

02:41.360 --> 02:46.280
Comm dot Master Coding dot data binding dot my click handler.

02:46.280 --> 02:48.920
Wie Sie sehen können, habe ich eine Klasse erstellt.

02:48.920 --> 02:57.320
Ich erstelle eine Variable für diese Klasse und verwende diese Klassenvariable, um einen Verweis zu erhalten und das zu bekommen, was

02:57.320 --> 02:59.450
ich in der Datenbindung tun muss.

02:59.450 --> 03:06.830
Hier auf Klick, werde ich diesen Klick-Handler und zwei Spalten verwenden und hier muss ich die Methode verwenden.

03:06.830 --> 03:11.360
Die Methode auf die Schaltfläche ein, klicken Sie wieder die auf klicken.

03:11.390 --> 03:18.290
Dies ist ein Standardattribut in Android-XML-Layoutdateien, das den Namen der Methode angibt, die ausgelöst oder

03:18.290 --> 03:22.490
aufgerufen wird, wenn das zugehörige UI-Element angeklickt wird.

03:22.520 --> 03:27.110
Die Syntax von At und diesen beiden geschweiften Klammern.

03:27.110 --> 03:31.440
Diese Syntax wird für Datenbindungsausdrücke in Android verwendet.

03:31.440 --> 03:39.390
Innerhalb der geschweiften Klammern können Sie die Datenquelle und die Methoden angeben, die beim Eintreten des Klickereignisses ausgeführt werden

03:39.390 --> 03:40.050
sollen.

03:40.050 --> 03:42.420
Hier gebe ich den Click-Handler an.

03:42.420 --> 03:50.040
Dies bezieht sich auf die Datenquelle oder das ViewModel, das die Methode enthält, die Sie aufrufen möchten, wenn die Schaltfläche angeklickt

03:50.040 --> 03:50.610
wird.

03:50.610 --> 03:57.060
Click-Handler sollte eine Instanzvariable sein, die im Datenbindungskontext Ihres Layouts verfügbar ist.

03:57.060 --> 04:01.230
Und das ist es, was wir vor den beiden Semikolons definiert haben.

04:01.230 --> 04:07.620
Dies ist der Operator, der verwendet wird, um auf eine Methode innerhalb eines Objekts oder einer Klasse zu verweisen.

04:07.620 --> 04:16.080
In diesem Fall wird es verwendet, um die Methode on button one click innerhalb des Click-Handler-Objekts oder der Klasse zu referenzieren.

04:16.080 --> 04:17.820
Die Einschalttaste ein Klick.

04:17.850 --> 04:25.230
Dies ist der Name der Methode, die aufgerufen wird, wenn die mit dem onClick-Attribut verbundene Schaltfläche angeklickt

04:25.230 --> 04:26.400
wird.

04:26.400 --> 04:34.950
Wenn der Benutzer also auf diese Schaltfläche klickt, wird diese Methode für die angeklickte Schaltfläche mithilfe der Datenbindungsbibliothek

04:34.950 --> 04:36.380
ausgeführt.

04:36.390 --> 04:45.390
Dann müssen wir zur Hauptaktivität übergehen und die Instanzen meines Click-Handlers deklarieren und mit dem Layout und der

04:45.390 --> 04:48.540
Datenbindungsbibliothek verknüpfen.

04:48.570 --> 04:56.730
Mein Handler und ich müssen die Klick-Handler-Instanz gleich neu initialisieren.

04:56.760 --> 05:02.100
Mein Click-Handler und ich müssen eine Variable vom Typ context übergeben.

05:02.100 --> 05:02.490
Hier.

05:02.490 --> 05:03.810
Ich beziehe mich auf Folgendes.

05:03.810 --> 05:12.960
Dies ist für die Hauptaktivität Aktivität Hauptbindungspunkt setzen Klick-Handler auf meine Klick-Handler klicken.

05:12.960 --> 05:16.350
Erläutern wir diese Zeile Activity Main Binding.

05:16.350 --> 05:20.880
Dies ist eine Instanz der Bindungsklasse, die von der Datenbindungsbibliothek erzeugt wird.

05:20.880 --> 05:25.770
Der Name der Bindungsklasse wird vom Namen der zugehörigen Layout-Datei abgeleitet.

05:25.770 --> 05:29.100
In diesem Fall, Aktivität Unterstrich Hauptpunkt XML.

05:29.130 --> 05:36.810
Mit dieser Instanz können Sie auf die im Layout-Set definierten UI-Elemente zugreifen und diese manipulieren.

05:36.810 --> 05:38.370
Klick-Handler.

05:38.370 --> 05:43.350
Dies ist eine Methode, die von der Datenbindungsbibliothek für Ihr Layout generiert wird.

05:43.350 --> 05:51.030
Die Namenskonvention dieser Methode basiert auf dem Variablennamen, den Sie in Ihrem Datenabschnitt der Layout-XML-Datei

05:51.030 --> 05:52.860
deklariert haben.

05:52.860 --> 05:55.620
Sie können es hier sehen, klicken Sie auf Handler.

05:55.620 --> 06:02.640
Der Name dieser Methode hängt also von dem Namen der Variablen ab, die Sie in den Daten definieren.

06:02.880 --> 06:12.180
Mit der generierten Methode können Sie ein Objekt festlegen, das Klick-Ereignisse für UI-Elemente im Layout verarbeitet.

06:12.210 --> 06:13.590
Mein Click Handler.

06:13.620 --> 06:18.810
Dies ist ein Objekt, das die Methoden zur Behandlung von Klickereignissen enthält.

06:18.810 --> 06:25.260
Dieses Objekt dient als Event-Handler für die UI-Elemente in Ihrem Layout.

06:25.260 --> 06:33.120
Wenn Sie die Aktivität main binding dot set click handler aufrufen und den Click-Handler übergeben, teilen Sie der Datenbindungsbibliothek

06:33.120 --> 06:40.200
im Wesentlichen mit, dass sie das Click-Handler-Objekt als Click-Event-Handler für die UI-Elemente im zugehörigen

06:40.200 --> 06:43.320
Layout verwenden soll.

06:43.320 --> 06:51.420
Auf diese Weise können Sie Ihre Logik zur Behandlung von UI-Ereignissen zentralisieren und die Trennung zwischen Ihrer UI- und Datenlogik

06:51.420 --> 06:52.680
aufrechterhalten.

06:52.680 --> 06:54.660
Führen wir nun unsere Anwendung aus.

06:54.660 --> 06:57.870
Klicken Sie auf diese Schaltfläche und herzlichen Glückwunsch, Leute!

06:57.870 --> 07:04.140
Es ist uns gelungen, die Klick-Ereignisse mit Hilfe der Datenbindungsbibliothek zu verarbeiten.
