1
00:00:02,310 --> 00:00:09,000
Zacznijmy od skonfigurowania tego. Tutaj uruchom asynchronię kamery jest funkcją, którą nazywamy,

2
00:00:09,570 --> 00:00:13,310
aby otworzyć kamerę, ale tak naprawdę można ją dość sporo skonfigurować.

3
00:00:13,340 --> 00:00:19,920
Jeśli przekazujesz tutaj przedmiot, masz kilka opcji, które możesz ustawić, i oczywiście oficjalne dokumenty expo dla selektora

4
00:00:19,920 --> 00:00:24,520
obrazów są miejscem, gdzie możesz dowiedzieć się wszystkiego o tych opcjach.

5
00:00:24,600 --> 00:00:26,930
Teraz domyślne ustawienia są całkiem dobre,

6
00:00:26,940 --> 00:00:32,940
ale na przykład tutaj możesz dodać opcję edycji i ustawić ją na wartość true, aby uzyskać podstawowy

7
00:00:32,940 --> 00:00:37,560
edytor, który pozwala na przykład przyciąć obraz i to właśnie tutaj włączę.

8
00:00:37,620 --> 00:00:44,040
Możesz także ustawić określony współczynnik kształtu, w którym chcesz się zalogować, np. 16: 9, które będą

9
00:00:44,040 --> 00:00:46,850
brane pod uwagę w trybie edycji.

10
00:00:46,890 --> 00:00:52,680
Możesz również ustawić, jeśli chcesz ciąg base64 zamiast pliku lub oprócz pliku, co powinienem powiedzieć, co oznacza, że otrzymujesz

11
00:00:52,920 --> 00:00:57,570
ciąg tekstowy reprezentujący twój obraz, który jest dość duży i nie zrobię tego tutaj i

12
00:00:57,570 --> 00:01:04,740
możesz również kontrolować jakość, a ja ustawię jakość na 0.

13
00:01:04,740 --> 00:01:09,780
5, powinna to być wartość od 0 do 1, gdzie jedna jest najwyższą możliwą wartością

14
00:01:09,870 --> 00:01:13,350
i oczywiście wpływa to również na rozmiar obrazu później.

15
00:01:13,380 --> 00:01:17,030
Więc chcesz wybrać rozmiar lub jakość, która ma sens dla Twojej aplikacji.

16
00:01:17,040 --> 00:01:23,490
Jeśli używasz obrazu jako miniatury, być może nie potrzebujesz obrazów o wysokiej rozdzielczości. Dzięki temu jest to skonfigurowane i

17
00:01:23,490 --> 00:01:28,050
pytanie oczywiście, w jaki sposób uzyskamy dostęp do zrobionego zdjęcia?

18
00:01:28,950 --> 00:01:32,520
Pamiętajcie, że to jest obietnica lub że to zwraca obietnicę.

19
00:01:32,550 --> 00:01:33,570
Cóż, oczywiście

20
00:01:33,600 --> 00:01:41,050
dlatego możemy poczekać na tę obietnicę, a rezultatem, który otrzymamy po spełnieniu obietnicy, jest rzeczywiście obraz, więc możemy po

21
00:01:41,130 --> 00:01:47,340
prostu przechowywać ten obraz w stałej wartości. Obraz jest teraz obiektem zawierającym różne informacje

22
00:01:47,340 --> 00:01:48,840
o zrobionym zdjęciu.

23
00:01:49,590 --> 00:01:53,230
Więc tutaj możemy konsolować obraz dziennika, aby zobaczyć, co tam jest.

24
00:01:53,250 --> 00:01:58,150
Zapiszmy to i przetestujmy na Androidzie. Tam, jeśli teraz przejdę

25
00:01:58,160 --> 00:02:05,930
do tego nowego ekranu, zrobię zdjęcie i zrobię to zdjęcie za pomocą tej sztucznej kamery symulatora, dostanę

26
00:02:05,960 --> 00:02:09,170
się tutaj i potwierdzam, teraz przechodzę do

27
00:02:09,200 --> 00:02:16,760
tego narzędzia do przycinania lub edytowania, ponieważ włączyłem edytowanie, tutaj mam tę rzecz w formacie 16: 9,

28
00:02:16,880 --> 00:02:22,050
którą mogę przenieść, i klikając przycinanie, mogę teraz to wybrać, a

29
00:02:22,250 --> 00:02:27,280
jeśli spojrzymy na konsolę, zobaczymy, że to jest obiekt, który otrzymaliśmy.

30
00:02:27,440 --> 00:02:32,930
Jest to obiekt z anulowanym polem, które mówi nam, że nie zostało to anulowane, ale zrobiliśmy zdjęcie, więc

31
00:02:32,930 --> 00:02:33,470
jest

32
00:02:33,470 --> 00:02:37,880
to pole, które możemy sprawdzić, aby dowiedzieć się, czy użytkownik zrobił zdjęcie lub czy

33
00:02:37,880 --> 00:02:38,700
proces został anulowany.

34
00:02:39,290 --> 00:02:41,330
Otrzymujemy wysokość i

35
00:02:41,570 --> 00:02:49,310
szerokość obrazu, otrzymujemy typ, którym jest obraz i identyfikator URI, więc link do pliku obrazu.

36
00:02:49,310 --> 00:02:53,570
Teraz znajduje się w katalogu tymczasowym, który jest okresowo czyszczony automatycznie, więc

37
00:02:53,630 --> 00:02:59,830
oczywiście nie jest to pamięć ani ścieżka, w której chcesz ją na stałe przechowywać, a my przeniesiemy ją

38
00:02:59,840 --> 00:03:04,010
później za pomocą interfejsu API systemu plików, ale na razie jest to

39
00:03:04,670 --> 00:03:06,740
coś, co może pracować z.

40
00:03:06,770 --> 00:03:16,840
Aby wyświetlić podgląd, możemy zarządzać niektórymi stanami tutaj w selektorze obrazów, importując stan użycia, a następnie inicjując go

41
00:03:16,870 --> 00:03:24,150
tam, stan użycia można wywołać tutaj i oczywiście odzyskam tu trochę danych,

42
00:03:24,510 --> 00:03:33,840
a to jest mój wybrany obraz i ustaw wybraną funkcję obrazu tak, jak jesteś przyzwyczajony ze

43
00:03:33,870 --> 00:03:36,740
stanu użytkowania, a teraz możemy

44
00:03:36,810 --> 00:03:39,160
to wykorzystać tutaj.

45
00:03:39,240 --> 00:03:44,340
Tutaj chcę ustawić wybrany obraz na obraz. uri, więc do tego linku

46
00:03:44,360 --> 00:03:46,550
do mojego obrazu, aby

47
00:03:46,590 --> 00:03:53,910
ścieżka jako ciąg do mojego obrazu i fajne jest to, że ta ścieżka może być używana z

48
00:03:53,940 --> 00:03:57,830
komponentem obrazu, działa z komponentem obrazu bez specjalnej konfiguracji.

49
00:03:57,840 --> 00:04:02,160
Tak więc możemy dodać źródło, a teraz musimy ustawić to

50
00:04:02,160 --> 00:04:08,800
na obiekt z tą właściwością URI. Jak dotąd w kursie używamy tego do wskazywania obrazów sieciowych,

51
00:04:08,820 --> 00:04:11,130
możesz również wskazywać na obrazy lokalne,

52
00:04:11,130 --> 00:04:13,770
więc tutaj możemy wskazywać na wybrany obraz.

53
00:04:13,980 --> 00:04:18,700
Oczywiście działa to tylko wtedy, gdy mamy wybrany obraz, co ma miejsce dopiero po

54
00:04:19,140 --> 00:04:23,940
użyciu kamery, więc teraz możemy dodać tutaj sprawdzenie if lub proste wyrażenie potrójne, w

55
00:04:24,590 --> 00:04:31,770
którym sprawdzamy, czy wybrany obraz jest ustawiony, a jeśli nie jest ustawiony, stąd wykrzyknik, pokazuję ten tekst zastępczy, w przeciwnym razie tutaj,

56
00:04:31,890 --> 00:04:38,820
z dwukropkiem, ustawiam obraz i teraz mamy to warunkowe wyjście, a zatem teraz, jeśli zapiszemy to, a zatem uruchomi się ponownie

57
00:04:38,820 --> 00:04:42,640
na obu urządzeniach, na obu symulatorach, jeśli pójdę na Androida i robię

58
00:04:42,660 --> 00:04:50,290
tutaj swoje zdjęcie, oczywiście ten aparat otwiera się nie dziwi. Możemy to potwierdzić, wybrać nasz obraz,

59
00:04:50,290 --> 00:04:51,490
przyciąć

60
00:04:51,490 --> 00:04:56,230
go, a teraz widzimy go tutaj w podglądzie,

61
00:04:56,230 --> 00:04:59,700
więc teraz nasz obraz się przyzwyczaja.

62
00:04:59,890 --> 00:05:05,310
Dzięki temu nadszedł czas, aby dodać go do miejsca, które możemy dodać, klikając przycisk Zapisz miejsce, i chyba

63
00:05:05,650 --> 00:05:08,350
czas dodać trochę odstępów między tymi dwoma przyciskami.