1 00:00:02,200 --> 00:00:08,410 In Bezug auf den Abstand auf der Bildauswahlkomponente füge ich hier einfach einen kleinen Rand von 15 hinzu, 2 00:00:08,410 --> 00:00:15,160 um einen Abstand zwischen dieser Bildauswahlkomponente und allem anderen in der Form hinzuzufügen, aber das Wichtigste ist natürlich, dass wir 3 00:00:15,160 --> 00:00:21,520 Geben Sie dieses ausgewählte Bild an unseren Platz weiter, unseren neuen Ortsbildschirm, denn dort brauchen wir am Ende 4 00:00:21,520 --> 00:00:25,870 das Bild. Ich brauche es hier nicht nur als Vorschau, ich brauche 5 00:00:25,870 --> 00:00:28,370 es auch auf diesem anderen Bildschirm. 6 00:00:28,600 --> 00:00:33,910 Nun, dafür können wir zu unserem Take Image Handler gehen und wenn wir dies als 7 00:00:34,000 --> 00:00:41,590 Vorschau einstellen, können wir natürlich auch unsere Requisiten erreichen und davon ausgehen, dass wir eine Aussage über die aufgenommene Requisite bekommen, 8 00:00:41,620 --> 00:00:48,760 die auf eine Funktion verweisen sollte, die Wir definieren im neuen Ortsbildschirm, den wir jetzt ausführen können, und an diese 9 00:00:48,780 --> 00:00:54,700 Funktion leite ich auch mein imageUri weiter. Ich speichere es also nicht nur intern hier, um 10 00:00:54,700 --> 00:01:01,730 eine Vorschau zu erhalten, sondern leite es sozusagen auch an die übergeordnete Komponente weiter, und das sollte auf dem aufgenommenen Bild sein. 11 00:01:01,920 --> 00:01:08,250 Alles, was wir tun müssen, damit dies funktioniert, ist, dass wir zum neuen Ortsbildschirm gehen und dies auf der Bildauswahl-Requisite hier 12 00:01:08,250 --> 00:01:10,350 auf der Bildauswahl hinzufügen. Dies sollte nun 13 00:01:10,410 --> 00:01:14,510 auf eine Funktion verweisen, die von der Bildauswahl ausgeführt wird, sobald wir dies getan 14 00:01:14,550 --> 00:01:16,410 haben wähle ein Bild aus. 15 00:01:16,680 --> 00:01:22,950 Natürlich möchte ich hier auch diesen Wert speichern, also füge ich hier einen weiteren Status hinzu 16 00:01:23,820 --> 00:01:27,300 und das ist der Bildwert oder nur Bild 17 00:01:27,390 --> 00:01:38,540 und Bild einstellen. Vielleicht liegt es an Ihnen, das ausgewählte Bild und den ausgewählten Bildnamen festzulegen, was anfangs der Fall ist null oder undefiniert wie diese und jetzt 18 00:01:38,540 --> 00:01:40,280 können wir eine 19 00:01:40,280 --> 00:01:42,470 neue Funktion dafür hinzufügen, den hier 20 00:01:42,470 --> 00:01:50,240 aufgenommenen Bildhandler, der am Ende den Bildpfad empfängt, richtig, das ist es, was wir von der Bildauswahl weiterleiten, wenn wir 21 00:01:50,240 --> 00:01:53,990 diese Funktion aufrufen und hier setzen wir dann Das 22 00:01:54,230 --> 00:02:01,370 ausgewählte Bild zu dem Bildpfad, den wir als Argument erhalten, und der Handler für die Bildaufnahme übergeben wir 23 00:02:01,370 --> 00:02:06,800 nun mit Hilfe der Requisite für die Bildaufnahme an die Bildauswahl. Auf diese Weise 24 00:02:06,920 --> 00:02:14,140 kommunizieren wir zwischen der Bildauswahl und der neuer Ortsbildschirm. Wenn wir jetzt auf die Schaltfläche Speichern klicken 25 00:02:14,140 --> 00:02:20,850 und daher der Handler zum Speichern von Orten ausgeführt wird, möchte ich beim Auslösen dieser 26 00:02:20,860 --> 00:02:24,010 Aktion zum Hinzufügen von Orten das 27 00:02:24,100 --> 00:02:32,380 ausgewählte Bild weiterleiten, sodass dieser Status hier konstant bleibt. Dafür müssen wir natürlich den Ersteller der Aktion zum Hinzufügen von 28 00:02:32,380 --> 00:02:38,740 Orten ein wenig optimieren. Im Moment erwartet er nur einen Titel, er sollte jetzt auch ein Bild 29 00:02:38,740 --> 00:02:40,950 erwarten und dies auch hier zu 30 00:02:40,990 --> 00:02:47,430 unseren Ortsdaten hinzufügen und im Reduzierer möchte ich jetzt Fügen Sie das Bild zu dem Ort hinzu, der 31 00:02:47,440 --> 00:02:48,370 gerade erstellt 32 00:02:48,520 --> 00:02:50,150 wird, aber wichtig ist. 33 00:02:50,170 --> 00:02:57,220 Im Moment erwartet unser Ortsmodell kein Bild. Daher ist es an der Zeit, dies ebenfalls zu ändern. Fügen Sie dort 34 00:02:57,250 --> 00:03:06,490 möglicherweise eine imageUrl hinzu, um genau zu sein imageUri, da es lokal ist, und haben Sie dann diese Bild-URI Setzen Sie gleich imageUri, das wir 35 00:03:06,490 --> 00:03:15,640 hier und jetzt erhalten. Mit diesem angepassten Reduzierer für Orte erhalten wir jetzt diese zusätzlichen Bilddaten in unserer Aktion und müssen diese an den neuen 36 00:03:15,640 --> 00:03:21,670 Ortskonstruktor weitergeben, also hier Aktion. placeData. Bild ist das, was ich weiterleiten möchte, also ist 37 00:03:21,670 --> 00:03:28,750 dies das neue Argument, das dem Ortskonstruktor und der Aktion hinzugefügt wurde. placeData. Bild bezieht sich natürlich auf 38 00:03:28,750 --> 00:03:35,840 das Bild, das wir hier in unserem Aktionsobjekt einstellen. Damit wird das Bild tatsächlich zu dem Ort hinzugefügt, der erstellt 39 00:03:35,840 --> 00:03:37,160 wird, und mit 40 00:03:37,280 --> 00:03:42,920 dem Bild auf dem Ortslistenbildschirm, auf dem wir das Ortselement ausgeben, können wir nun einige Daten in das 41 00:03:42,920 --> 00:03:50,360 Bild einspeisen, und das wären itemData. Artikel. imageUrl, Bild-URL wegen itemData. item bezieht sich auf 42 00:03:50,420 --> 00:03:56,750 einen einzelnen Ort, der wie in unserem Ortsmodell definiert erstellt wurde, und dort haben wir imageUri. Daher 43 00:03:56,780 --> 00:04:03,090 sollte es hier natürlich imageUri sein, keine URL, aber das ist wichtig, es ist nicht nur 44 00:04:03,220 --> 00:04:05,200 image, es ist imageUri, denn 45 00:04:05,230 --> 00:04:12,740 hier beziehen wir uns zu einem Ortsobjekt nach unserem Ortsmodell. Wenn wir das jetzt speichern und einen Blick darauf werfen, 46 00:04:12,740 --> 00:04:13,410 sollte 47 00:04:13,580 --> 00:04:19,250 dies tatsächlich funktionieren und es uns ermöglichen, Bilder hinzuzufügen, die wir auch in unserer Ortsliste sehen. 48 00:04:19,340 --> 00:04:30,680 Wenn ich hier auf Bild aufnehmen klicke und dieses Dummy-Bild hier aufnehme, beschneide es und füge dann auch hier einen Titel hinzu und klicke 49 00:04:30,980 --> 00:04:34,700 auf Ort speichern. Das sieht nicht schlecht aus. 50 00:04:34,880 --> 00:04:37,710 Wir sehen unser Bild hier. 51 00:04:38,120 --> 00:04:40,770 Jetzt ist eines wichtig zu verstehen. 52 00:04:40,880 --> 00:04:47,240 Bisher speichern wir dieses Bild nur in dem Standardpfad, den wir standardmäßig erhalten. Dies ist dieser temporäre Pfad, und dort 53 00:04:47,240 --> 00:04:52,160 möchten wir es natürlich nicht speichern, da dies, wie bereits erwähnt, regelmäßig und daher eventuell 54 00:04:52,160 --> 00:04:57,050 gelöscht wird Wir werden unser Image verlieren, was hier natürlich nicht das Ziel ist.