1 00:00:02,340 --> 00:00:05,010 Damit wir feststellen können, dass das Spiel beendet 2 00:00:05,010 --> 00:00:08,970 ist, wäre es schön, auch eine Zusammenfassung über das Spiel auf dem Bildschirm auszugeben. 3 00:00:09,110 --> 00:00:14,430 Jetzt können wir uns später eingehender mit dem Styling und der Detailausgabe befassen. Stellen wir jetzt nur sicher, dass 4 00:00:14,910 --> 00:00:20,070 wir mindestens die Anzahl der Runden ausgeben, die der Computer zum Gewinnen benötigt hat, oder was es 5 00:00:20,070 --> 00:00:22,550 bedeutet, zu gewinnen, um unsere Anzahl zu erraten. 6 00:00:22,770 --> 00:00:27,870 Die Anzahl der Runden möchte ich hier auf dem Spiel über dem Bildschirm ausgeben, und das ist natürlich 7 00:00:27,870 --> 00:00:32,610 ein Wert, den wir von unseren Requisiten erhalten müssen, da wir diese Anzahl von Runden in 8 00:00:32,610 --> 00:00:35,400 der App-Komponente am Ende verwalten, hier in Raten . 9 00:00:35,400 --> 00:00:43,200 Im Spiel über dem Bildschirm erhalten wir dies für Requisiten, Runden, Nummern oder was auch immer Sie benennen 10 00:00:43,200 --> 00:00:52,010 möchten. Es liegt an Ihnen, wie Sie diese Requisiten benennen und möglicherweise auch die Nummer ausgeben, die der Computer erraten musste, 11 00:00:52,250 --> 00:00:56,260 die Nummer war und dann die Requisiten Benutzernummer vielleicht. 12 00:00:56,270 --> 00:01:00,060 Das sind also zwei Requisiten, die wir jetzt auf dem Spiel über dem Bildschirm einstellen 13 00:01:00,230 --> 00:01:01,850 müssen, die Rundennummer und die Benutzernummer. 14 00:01:01,850 --> 00:01:06,220 Zurück in der App-Komponente auf dem Spiel über dem Bildschirm legen wir die Rundennummer 15 00:01:06,440 --> 00:01:10,030 und die Benutzernummer fest. Die Benutzernummer sollte natürlich unsere Benutzernummer sein, die 16 00:01:10,030 --> 00:01:16,430 wir dort haben. Die Benutzernummer zwischen den geschweiften Klammern bezieht sich jetzt auf unseren Benutzernummernstatus hier, die Benutzernummer Bevor sich das 17 00:01:16,430 --> 00:01:22,810 Gleichheitszeichen einfach auf die Requisite bezieht, die wir über den Bildschirm an das Spiel weitergeben, ist die Anzahl der Runden natürlich 18 00:01:22,820 --> 00:01:24,700 eine Anzahl von Runden. Das 19 00:01:24,700 --> 00:01:29,090 ist also die Anzahl der Runden, die der Computer benötigt hat, um dies zu erraten. 20 00:01:29,120 --> 00:01:33,560 Dies wird nun über den Bildschirm an das Spiel weitergeleitet und kann dort ausgegeben werden. Auf dem Spiel über 21 00:01:35,340 --> 00:01:39,740 dem Bildschirm möchte ich auch eine Schaltfläche haben, mit der der Benutzer das Spiel neu starten kann. 22 00:01:39,780 --> 00:01:41,260 Fügen wir hier 23 00:01:41,430 --> 00:01:44,880 eine Schaltfläche hinzu, und dafür müssen Sie die Schaltfläche 24 00:01:45,230 --> 00:01:52,230 aus React Native importieren. Fügen Sie hier eine Schaltfläche hinzu, und der Titel dieser Schaltfläche könnte ein neues 25 00:01:52,500 --> 00:02:00,360 Spiel sein. Auf Knopfdruck möchte ich ein neues Spiel starten. Jetzt ist wieder die App-Komponente, in der wir am Ende 26 00:02:00,420 --> 00:02:04,840 steuern, ob das Spiel läuft oder nicht, wo wir die verschiedenen Spielbildschirme präsentieren. 27 00:02:04,860 --> 00:02:09,470 Hier müssen wir also etwas ändern, wenn ein neues Spiel starten soll, und 28 00:02:09,750 --> 00:02:15,480 es wäre sinnvoll, dass wir in der App-Komponente eine neue Funktion haben, die überall definiert werden 29 00:02:15,480 --> 00:02:22,410 kann. Ich werde sie hier als erste Funktion definieren, weil sie es ist Die Funktion, mit der wir ein neues 30 00:02:22,410 --> 00:02:31,560 Spiel konfigurieren können, also vielleicht einen neuen Game-Handler konfigurieren, Sie können es benennen, was Sie wollen, und dort erwarte ich keine Argumente, aber ich möchte meine 31 00:02:31,600 --> 00:02:33,520 Vermutungsrunden auf Null setzen und 32 00:02:33,700 --> 00:02:40,880 daher brauchen wir das eigentlich nicht Dies hier zu tun, wenn wir ein neues Spiel starten, weil wir es definitiv richtig 33 00:02:40,880 --> 00:02:47,000 machen, bevor wir überhaupt ein neues Spiel konfigurieren. Wir können hier also die Schätzrunden auf Null 34 00:02:47,000 --> 00:02:48,880 setzen, und auf diese 35 00:02:49,160 --> 00:02:54,640 Weise stellen wir bereits sicher, dass diese Bedingung bei unserer Überprüfung dort unten nicht mehr 36 00:02:54,660 --> 00:02:59,650 erfüllt wird, denn wenn wir die Schätzrunden auf Null setzen, ist sie mit Sicherheit 37 00:02:59,780 --> 00:03:07,140 nicht mehr größer als Null. Wir werden das Spiel also sicher über dem Bildschirm belassen und dann den Spielbildschirm erneut anzeigen. 38 00:03:07,220 --> 00:03:11,960 Um den Startspielbildschirm wieder zu sehen, den wir sehen möchten, da dies der Bildschirm ist, 39 00:03:11,960 --> 00:03:17,960 auf dem wir ein neues Spiel konfigurieren und starten können, müssen wir sicherstellen, dass wir auch die Benutzernummer zurücksetzen, 40 00:03:17,990 --> 00:03:19,490 also die ausgewählte Nummer. 41 00:03:19,580 --> 00:03:27,260 Hier können wir also auch die Benutzernummer auf null setzen, um dies auf einen falschen Wert zurückzusetzen und jetzt den neuen Game-Handler zu konfigurieren, der 42 00:03:27,260 --> 00:03:30,640 alles zurücksetzt, was wir dort unten überprüfen. Daher sollten wir den 43 00:03:30,830 --> 00:03:33,050 Startbildschirm des Spiels sehen, jetzt müssen 44 00:03:33,080 --> 00:03:38,450 wir nur noch a übergeben Zeiger auf Konfigurieren des neuen Game-Handlers auf das Spiel über dem Bildschirm. 45 00:03:38,810 --> 00:03:43,150 Also werde ich dort vielleicht eine Requisite onRestart hinzufügen und das deutet darauf 46 00:03:43,390 --> 00:03:46,250 hin, dass ein neuer Game-Handler konfiguriert wird. 47 00:03:46,250 --> 00:03:53,230 Jetzt können wir die onRestart-Requisite innerhalb des Spiels über dem Bildschirm verwenden, indem wir sie an diese Schaltfläche 48 00:03:53,240 --> 00:03:59,660 binden. Dort möchte ich bei einem Druck onRestart als Funktion ohne Klammern ausführen, da ich hier nur 49 00:03:59,720 --> 00:04:03,030 darauf zeige, damit onPress dies registriert Zeiger und 50 00:04:03,020 --> 00:04:10,440 wenn diese Taste gedrückt wird, wird diese Funktion ausgeführt. Probieren wir das alles aus, geben wir eine 51 00:04:10,440 --> 00:04:17,130 Zahl ein, vielleicht 41, und starten ein Spiel und dann niedriger, das war schnell, 52 00:04:17,130 --> 00:04:19,740 aber gut, das ist okay. 53 00:04:19,830 --> 00:04:20,600 Zwei Runden, 54 00:04:20,610 --> 00:04:21,740 die Zahl war 41, das 55 00:04:21,750 --> 00:04:24,950 ist richtig und wenn ich auf ein neues Spiel klicke, sind wir wieder hier. 56 00:04:25,050 --> 00:04:27,210 Probieren wir es aus, 57 00:04:27,510 --> 00:04:29,110 66, größer, 58 00:04:29,160 --> 00:04:30,850 größer, niedriger, niedriger, 59 00:04:30,900 --> 00:04:32,070 niedriger, 60 00:04:32,070 --> 00:04:34,230 sogar niedriger, größer, niedriger, 61 00:04:34,230 --> 00:04:36,200 gut, das dauert 62 00:04:36,210 --> 00:04:38,470 lange, niedriger, größer, größer, 63 00:04:38,520 --> 00:04:40,550 niedriger, niedriger, größer, ja 64 00:04:40,590 --> 00:04:43,560 14 Runden. Es kann also 65 00:04:43,560 --> 00:04:46,720 auch länger dauern, aber Hauptsache, unsere Logik funktioniert hier 66 00:04:46,720 --> 00:04:50,580 und das ist eigentlich schon die fertige Logik des gesamten Spiels. 67 00:04:50,580 --> 00:04:55,730 Was jetzt jedoch noch nicht fertig ist, ist das gesamte Styling. Ich möchte hier eine andere 68 00:04:55,740 --> 00:04:57,350 Schaltfläche haben, möchte hier andere 69 00:04:57,500 --> 00:04:58,860 Schaltflächen haben, möchte meine 70 00:04:58,860 --> 00:05:06,930 eigene Schriftart verwenden, möchte einige Symbole verwenden und ich möchte auch sicherstellen, dass wir ein wenig zeigen Bild auf dem Bildschirm, wo das Spiel vorbei 71 00:05:06,930 --> 00:05:09,400 ist, also möchte ich hier auch ein kleines 72 00:05:09,400 --> 00:05:10,650 Bild haben. 73 00:05:10,660 --> 00:05:13,000 Das sind also alles Dinge, die wir als 74 00:05:13,000 --> 00:05:15,630 nächstes angehen werden. Es müssen viele Stile und Bilder hinzugefügt werden.