Wir haben das Repository der Raumdatenbank und das Ansichtsmodell fertiggestellt.
Wir haben also das Modell und die Ansichtsmodellabschnitte des Mvvm fertiggestellt.
Lassen Sie uns nun unsere Ansicht erstellen.
Die Ansicht stellt die Benutzeroberfläche einer Anwendung dar.
Sie umfasst alles, was der Benutzer sehen und mit dem er interagieren kann, wie UI-Komponenten, Layouts, Widgets und
Bildschirme.
Sie definiert, wie die Daten aus dem View Model dem Benutzer präsentiert werden.
Die Ansicht verarbeitet Benutzerinteraktionen wie das Anklicken von Schaltflächen, Texteingaben und Gesten, wenn ein Benutzer mit der Benutzeroberfläche
interagiert.
Die Ansicht kommuniziert diese Aktionen an das ViewModel.
Die Ansicht beobachtet Live-Daten oder andere beobachtbare Datenquellen, die durch das Ansichtsmodell bereitgestellt werden.
Live-Daten ermöglichen es der Ansicht, sich automatisch zu aktualisieren, wenn sich die zugrunde liegenden Daten ändern, so dass der
Benutzer in Echtzeit informiert wird.
Im Idealfall sollte die Ansicht keine Geschäftslogik oder Datenabrufcode enthalten.
Stattdessen delegiert es diese Aufgaben an das Ansichtsmodell.
Die Trennung von Belangen hilft, den Code, die Klarheit und die Testbarkeit zu erhalten.
Zusammenfassend lässt sich also sagen, dass die Ansicht in einer Mvvm-Architektur für die Präsentation der Daten und die Benutzerinteraktionen verantwortlich ist.
Das Ansichtsmodell verwaltet die zugrundeliegenden Daten, die Geschäftslogik und die Kommunikation
zwischen dem Modell und der Ansicht.
Starten wir also in Android Studio und beginnen mit der Erstellung unserer Layouts und Aktivitäten.
Haupttätigkeit.
Gehen Sie in den geteilten Modus und entfernen Sie diese Textansicht.
In diesem Beispiel werde ich die Datenbindung verwenden.
Deshalb werde ich mich an den Bau machen. gradle und hier füge ich die Datenbindungsabhängigkeit hinzu oder aktiviere sie innerhalb
des Android-Bereichs.
Ich muss Build Features Datenbindung gleich true sync hinzufügen.
Das Projekt.
Jetzt können wir die Datenbindung nutzen.
Hier beginne ich also mit dem Layout-Tag und verschiebe alle diese Elemente.
In das Layout, und ich werde diese Namespaces hier in das Layout verschieben.
Und innerhalb dieses Constraintlayouts werde ich eine Recycler-Ansicht und eine tolle schwebende Aktionsschaltfläche erstellen.
Fügen Sie die Randbedingungen hinzu, und Sie können sie ableiten.
Oder ziehen und ablegen wie hier.
Dies ist unsere Recycler-Ansicht.
Ich werde eine tolle schwebende Aktionsschaltfläche erstellen.
Inhalt verpacken.
Und dies ist eine kleine Schaltfläche, die ich hierher ziehe und ablege, um die Beschränkungen abzuleiten, die sicherstellen,
dass vom Ende aus 16 tiefe Ränder und von der Schaltfläche aus 60 sind.
Und das ist unser toller schwebender Aktionsbutton.
Es ist nur ein einfacher Knopf.
Dies führt uns zu der Aktivität "Neuen Kontakt hinzufügen".
Lassen Sie uns nun eine neue Layout-Datei erstellen.
Ich werde es als Kontakt Unterstrich Listenelement nennen und dies wird die Vorlage und das Layout für jeden Kontakt
in unserer Anwendung sein.
Natürlich werde ich die Datenbindung verwenden.
Ich beginne also mit dem Layout.
Und verschieben Sie diese und die Namensräume in das Layout.
Und das ist unser Constraint-Layout.
Innerhalb dieses Constraint-Layouts erstelle ich zwei Textansichten, eine für den Namen und eine für die E-Mail-Adresse
des Kontakts.
Ich beginne mit der Textansicht.
Und das ist unser Layout für Textansichten.
Ich füge hier einen Rand hinzu, 16 dpi für das gesamte Zwangslayout, und die Höhe wäre "wrap content".
Dies ist also unsere Vorlage für die Kontaktliste für jedes Element in der Datenbank.