1 00:00:02,310 --> 00:00:09,000 Beginnen wir also mit der Konfiguration. Hier ist das Starten der Kamera asynchron die Funktion, die 2 00:00:09,570 --> 00:00:13,310 wir zum Öffnen der Kamera aufrufen, aber tatsächlich können Sie dort einiges konfigurieren. 3 00:00:13,340 --> 00:00:19,920 Wenn Sie hier an einem Objekt vorbeikommen, können Sie einige Optionen festlegen, und natürlich können Sie in 4 00:00:19,920 --> 00:00:24,520 den offiziellen Ausstellungsdokumenten für die Bildauswahl alles über diese Optionen erfahren. 5 00:00:24,600 --> 00:00:26,930 Jetzt sind die Standardeinstellungen eigentlich ganz in 6 00:00:26,940 --> 00:00:32,940 Ordnung, aber hier können Sie beispielsweise das Bearbeiten hinzufügen und auf true setzen, um einen Basiseditor zu erhalten, mit 7 00:00:32,940 --> 00:00:37,560 dem Sie beispielsweise das Bild zuschneiden können, und das werde ich hier tatsächlich aktivieren. 8 00:00:37,620 --> 00:00:44,040 Sie können auch ein bestimmtes Seitenverhältnis festlegen, in dem Sie sich anmelden möchten, z. B. 16: 9 00:00:44,040 --> 00:00:46,850 9, das in Ihrem Bearbeitungsmodus berücksichtigt wird. 10 00:00:46,890 --> 00:00:52,680 Sie können auch festlegen, ob Sie eine base64-Zeichenfolge anstelle einer Datei oder zusätzlich zu der Datei, die ich sagen sollte, möchten. Dies bedeutet, dass Sie 11 00:00:52,920 --> 00:00:57,570 eine Textzeichenfolge erhalten, die Ihr Bild darstellt, die jedoch ziemlich groß ist, und ich werde es hier nicht tun und 12 00:00:57,570 --> 00:01:04,740 Sie können auch die Qualität steuern und dort werde ich die Qualität auf 0 setzen. 13 00:01:04,740 --> 00:01:09,780 In 5 sollte dies ein Wert zwischen 0 und 1 sein, wobei einer der höchstmögliche Wert ist, 14 00:01:09,870 --> 00:01:13,350 und dies wirkt sich natürlich auch auf die Bildgröße danach aus. 15 00:01:13,380 --> 00:01:17,030 Sie möchten also eine Größe oder Qualität auswählen, die für Ihre App sinnvoll ist. 16 00:01:17,040 --> 00:01:23,490 Wenn Sie das Bild nur als Miniaturansicht verwenden, benötigen Sie möglicherweise keine hochauflösenden Bilder. Damit ist dies konfiguriert und die Frage 17 00:01:23,490 --> 00:01:28,050 ist natürlich, wie wir Zugriff auf das aufgenommene Bild erhalten. 18 00:01:28,950 --> 00:01:32,520 Denken Sie daran, dass dies ein Versprechen ist oder dass dies ein Versprechen zurückgibt. 19 00:01:32,550 --> 00:01:33,570 Natürlich können 20 00:01:33,600 --> 00:01:41,050 wir dieses Versprechen abwarten und das Ergebnis, das wir erhalten, nachdem das Versprechen tatsächlich gelöst wurde, ist das Bild, sodass 21 00:01:41,130 --> 00:01:47,340 wir dieses Bild einfach in einer Konstanten speichern können. Ein Bild ist jetzt ein Objekt mit verschiedenen Informationen 22 00:01:47,340 --> 00:01:48,840 zu dem aufgenommenen Bild. 23 00:01:49,590 --> 00:01:53,230 Hier können wir also das Protokollbild konsolidieren, um zu sehen, was sich dort befindet. 24 00:01:53,250 --> 00:01:58,150 Speichern wir dies und testen es auf Android. Wenn ich jetzt hier zu diesem 25 00:01:58,160 --> 00:02:05,930 neuen Bildschirm gehe, mache ich ein Bild und ich mache dieses Bild mit dieser Dummy-Simulatorkamera, die ich hier bekomme, und ich bestätige 26 00:02:05,960 --> 00:02:06,460 dies, 27 00:02:06,470 --> 00:02:09,170 jetzt gehe ich zu diesem Zuschneiden oder 28 00:02:09,200 --> 00:02:16,760 zu diesem Bearbeitungswerkzeug, weil ich die Bearbeitung aktiviert habe, hier ich Ich habe dieses 16: 9-Format, das ich verschieben kann, und 29 00:02:16,880 --> 00:02:22,050 indem ich auf Zuschneiden klicke, kann ich es jetzt auswählen. Wenn wir uns jetzt 30 00:02:22,250 --> 00:02:27,280 die Konsole ansehen, sehen wir, dass dies das Objekt ist, das wir zurückbekommen haben. 31 00:02:27,440 --> 00:02:32,930 Es ist ein Objekt mit einem abgebrochenen Feld, das uns mitteilt, dass dies nicht abgebrochen wurde, sondern dass wir ein Bild 32 00:02:32,930 --> 00:02:33,470 aufgenommen 33 00:02:33,470 --> 00:02:37,880 haben. In diesem Feld können wir also überprüfen, ob der Benutzer ein Bild aufgenommen hat oder ob 34 00:02:37,880 --> 00:02:38,700 der Vorgang abgebrochen wurde. 35 00:02:39,290 --> 00:02:41,330 Wir erhalten die Höhe des 36 00:02:41,570 --> 00:02:49,310 Bildes und die Breite, wir erhalten den Typ, der das Bild ist, und den URI, also einen Link zur Bilddatei. 37 00:02:49,310 --> 00:02:53,570 Dies befindet sich in einem temporären Verzeichnis, das regelmäßig automatisch bereinigt wird. Natürlich 38 00:02:53,630 --> 00:02:59,830 ist es nicht der Speicher oder der Pfad, in dem Sie das dauerhaft speichern möchten, und wir werden es 39 00:02:59,840 --> 00:03:04,010 später tatsächlich mit der Dateisystem-API verschieben, aber im Moment ist dies etwas, was 40 00:03:04,670 --> 00:03:06,740 wir tun kann mit arbeiten. 41 00:03:06,770 --> 00:03:16,840 Um eine Vorschau auszugeben, können wir hier in der Bildauswahl einen Status verwalten, indem wir den Verwendungsstatus importieren und dort oben 42 00:03:16,870 --> 00:03:24,150 initialisieren. Der Verwendungsstatus kann hier aufgerufen werden, und natürlich erhalte ich hier einige Daten zurück, 43 00:03:24,510 --> 00:03:33,840 und das ist mein ausgewähltes Bild und ein Stellen Sie die ausgewählte Bildfunktion so ein, wie Sie es vom 44 00:03:33,870 --> 00:03:36,740 Verwendungsstatus gewohnt sind, und jetzt können 45 00:03:36,810 --> 00:03:39,160 wir sie hier verwenden. 46 00:03:39,240 --> 00:03:44,340 Hier möchte ich das ausgewählte Bild auf Bild setzen. uri, also zu diesem Link zu 47 00:03:44,360 --> 00:03:46,550 meinem Bild, so dass der 48 00:03:46,590 --> 00:03:53,910 Pfad als Zeichenfolge zu meinem Bild und das Coole daran ist, dass dieser Pfad mit der Bildkomponente verwendet 49 00:03:53,940 --> 00:03:57,830 werden kann, funktioniert er mit der Bildkomponente ohne spezielle Konfiguration. 50 00:03:57,840 --> 00:04:02,160 Dort können wir also eine Quelle hinzufügen, und jetzt müssen wir 51 00:04:02,160 --> 00:04:08,800 diese auf ein Objekt mit dieser URI-Eigenschaft setzen. Bisher verwenden wir dies im Kurs, um auf Netzwerkbilder zu zeigen. Nun, 52 00:04:08,820 --> 00:04:11,130 Sie können auch auf lokale Bilder zeigen, 53 00:04:11,130 --> 00:04:13,770 sodass wir hier auf ein ausgewähltes Bild zeigen können. 54 00:04:13,980 --> 00:04:18,700 Dies funktioniert natürlich nur, wenn wir ein ausgewähltes Bild haben, was erst nach Verwendung der Kamera 55 00:04:19,140 --> 00:04:23,940 der Fall ist. Jetzt können wir hier eine if-Prüfung oder einen einfachen ternären Ausdruck hinzufügen, in dem 56 00:04:24,590 --> 00:04:31,770 wir prüfen, ob das ausgewählte Bild festgelegt ist und wenn es nicht festgelegt ist. daher das Ausrufezeichen, ich zeige diesen Fallback-Text, ansonsten setze ich hier 57 00:04:31,890 --> 00:04:38,820 mit dem Doppelpunkt das Bild und jetzt haben wir diese bedingte Ausgabe und daher jetzt, wenn wir das speichern und dies daher auf beiden 58 00:04:38,820 --> 00:04:42,640 Geräten neu startet, auf beiden Simulatoren, wenn ich gehe auf Android und ich 59 00:04:42,660 --> 00:04:50,290 nehme mein Bild hier auf, natürlich öffnet sich diese Kamera nicht überraschend. Wir können dies bestätigen, unser Bild auswählen, 60 00:04:50,290 --> 00:04:51,490 es 61 00:04:51,490 --> 00:04:56,230 zuschneiden und jetzt sehen wir es hier in der 62 00:04:56,230 --> 00:04:59,700 Vorschau. Jetzt wird unser Bild verwendet. 63 00:04:59,890 --> 00:05:05,310 Und damit ist es natürlich an der Zeit, es zu dem Ort hinzuzufügen, den wir durch Klicken auf die Schaltfläche "Ort speichern" hinzufügen können, und es 64 00:05:05,650 --> 00:05:08,350 ist Zeit, einen gewissen Abstand zwischen diesen beiden Schaltflächen hinzuzufügen, denke ich.