Lassen Sie uns das Spiel jetzt auch über
dem Bildschirm reparieren. Es ist nicht so schlimm, weil es
scrollbar ist. Natürlich können Sie dort auch mit verschiedenen Layouts herumspielen. Sie können das Bild weiter verkleinern,
wenn Sie sich auf einem kleineren Bildschirm befinden, was Sie tun können. Sie haben gelernt, wie man das mit Dimensionen macht,
mit Ereignis-Listenern
- verwenden Sie effect und useState.
Ich werde es hier sehr einfach halten und nur sicherstellen, dass wir die bereits vorhandene
Bildlaufansicht nutzen und unten etwas mehr Abstand haben, damit dies besser aussieht.
Das ist am Ende natürlich sehr einfach auf dem Spiel über dem Bildschirm zu implementieren.
Ich habe meine Hauptschaltfläche hier unten und ich brauche nur mehr Abstand hier oder mit anderen Worten, in dieser Ansicht,
die den gesamten Inhalt enthält, muss
ich auf meinem Bildschirm hier nur ein wenig Polsterung hinzufügen, um vertikal zu sein
präzise, also oben und unten sagen wir 10.
Das ist natürlich eine sehr einfache
Änderung, wie gesagt, Sie könnten komplexer werden, Sie haben
alles über die Werkzeuge gelernt, die Sie dafür benötigen. Lassen Sie uns
ein Spiel starten.
Lassen Sie uns schnell einen Blick darauf werfen, ob diese einfache Lösung den Job erledigt, und damit bin ich gut.
Auch hier gibt es einige Dinge,
die Sie verbessern könnten. Zum Beispiel sperren wir die Breite des Bildes basierend auf der Ausrichtung, die wir zu Beginn
haben, und das möchten wir
hier möglicherweise nicht, wir möchten dies möglicherweise dynamisch neu berechnen und Dafür müssten Sie es mit Inline-Stilen
und Status- und Verwendungseffekten sowie einem Ereignis-Listener verwalten.
Ich lasse es hier
so, auch um dieses Modul nicht unnötig aufzublähen, aber Sie haben gelernt, welche
Tools Sie dafür benötigen, und damit haben Sie alle grundlegenden Tools erhalten, hauptsächlich die Dimensions-API und
die verschiedenen Möglichkeiten, sie zum Erstellen zu verwenden Schöne Benutzeroberflächen, die gut aussehen und bei unterschiedlichen Ausrichtungen und Gerätegrößen
hervorragend funktionieren.