1
00:00:02,250 --> 00:00:04,350
Lassen Sie uns das Spiel jetzt auch über

2
00:00:04,350 --> 00:00:07,130
dem Bildschirm reparieren. Es ist nicht so schlimm, weil es

3
00:00:07,200 --> 00:00:11,790
scrollbar ist. Natürlich können Sie dort auch mit verschiedenen Layouts herumspielen. Sie können das Bild weiter verkleinern,

4
00:00:11,790 --> 00:00:17,360
wenn Sie sich auf einem kleineren Bildschirm befinden, was Sie tun können. Sie haben gelernt, wie man das mit Dimensionen macht,

5
00:00:17,370 --> 00:00:18,150
mit Ereignis-Listenern

6
00:00:18,150 --> 00:00:20,010
- verwenden Sie effect und useState.

7
00:00:20,070 --> 00:00:25,160
Ich werde es hier sehr einfach halten und nur sicherstellen, dass wir die bereits vorhandene

8
00:00:25,170 --> 00:00:29,550
Bildlaufansicht nutzen und unten etwas mehr Abstand haben, damit dies besser aussieht.

9
00:00:29,550 --> 00:00:35,610
Das ist am Ende natürlich sehr einfach auf dem Spiel über dem Bildschirm zu implementieren.

10
00:00:35,710 --> 00:00:44,200
Ich habe meine Hauptschaltfläche hier unten und ich brauche nur mehr Abstand hier oder mit anderen Worten, in dieser Ansicht,

11
00:00:44,200 --> 00:00:47,520
die den gesamten Inhalt enthält, muss

12
00:00:47,560 --> 00:00:53,470
ich auf meinem Bildschirm hier nur ein wenig Polsterung hinzufügen, um vertikal zu sein

13
00:00:53,470 --> 00:00:56,940
präzise, also oben und unten sagen wir 10.

14
00:00:56,950 --> 00:00:58,740
Das ist natürlich eine sehr einfache

15
00:00:58,750 --> 00:01:01,390
Änderung, wie gesagt, Sie könnten komplexer werden, Sie haben

16
00:01:01,420 --> 00:01:04,930
alles über die Werkzeuge gelernt, die Sie dafür benötigen. Lassen Sie uns

17
00:01:07,880 --> 00:01:09,100
ein Spiel starten.

18
00:01:09,510 --> 00:01:24,410
Lassen Sie uns schnell einen Blick darauf werfen, ob diese einfache Lösung den Job erledigt, und damit bin ich gut.

19
00:01:24,670 --> 00:01:27,070
Auch hier gibt es einige Dinge,

20
00:01:27,070 --> 00:01:34,340
die Sie verbessern könnten. Zum Beispiel sperren wir die Breite des Bildes basierend auf der Ausrichtung, die wir zu Beginn

21
00:01:34,360 --> 00:01:36,610
haben, und das möchten wir

22
00:01:36,670 --> 00:01:43,180
hier möglicherweise nicht, wir möchten dies möglicherweise dynamisch neu berechnen und Dafür müssten Sie es mit Inline-Stilen

23
00:01:43,210 --> 00:01:45,990
und Status- und Verwendungseffekten sowie einem Ereignis-Listener verwalten.

24
00:01:46,000 --> 00:01:47,370
Ich lasse es hier

25
00:01:47,520 --> 00:01:52,510
so, auch um dieses Modul nicht unnötig aufzublähen, aber Sie haben gelernt, welche

26
00:01:52,540 --> 00:01:58,420
Tools Sie dafür benötigen, und damit haben Sie alle grundlegenden Tools erhalten, hauptsächlich die Dimensions-API und

27
00:01:58,420 --> 00:02:05,590
die verschiedenen Möglichkeiten, sie zum Erstellen zu verwenden Schöne Benutzeroberflächen, die gut aussehen und bei unterschiedlichen Ausrichtungen und Gerätegrößen

28
00:02:05,590 --> 00:02:06,850
hervorragend funktionieren.