1
00:00:02,310 --> 00:00:09,000
Jadi mari kita mulai dengan mengkonfigurasi ini. Di sini, luncurkan kamera async adalah fungsi yang kita

2
00:00:09,570 --> 00:00:13,310
panggil untuk membuka kamera tetapi sebenarnya di sana, Anda dapat mengonfigurasi sedikit.

3
00:00:13,340 --> 00:00:19,920
Jika Anda melewatkan objek di sini, Anda punya beberapa opsi yang dapat Anda atur dan tentu saja dokumen

4
00:00:19,920 --> 00:00:24,520
expo resmi untuk pemilih gambar adalah tempat untuk mempelajari semua opsi ini.

5
00:00:24,600 --> 00:00:26,930
Sekarang pengaturan default sebenarnya cukup baik tetapi

6
00:00:26,940 --> 00:00:32,940
untuk contoh di sini, Anda dapat menambahkan memungkinkan mengedit dan mengaturnya menjadi benar untuk mendapatkan editor dasar yang memungkinkan

7
00:00:32,940 --> 00:00:37,560
Anda untuk memotong gambar misalnya dan itu sebenarnya sesuatu yang akan saya aktifkan di sini.

8
00:00:37,620 --> 00:00:44,040
Anda juga dapat mengatur rasio aspek tertentu di mana Anda ingin masuk, seperti 16: 9 yang

9
00:00:44,040 --> 00:00:46,850
akan diperhitungkan dalam mode pengeditan Anda.

10
00:00:46,890 --> 00:00:52,680
Anda juga dapat mengatur apakah Anda menginginkan string base64 alih-alih file atau selain file yang harus saya katakan, yang berarti Anda mendapatkan

11
00:00:52,920 --> 00:00:57,570
string teks yang mewakili gambar Anda, yang cukup besar dan saya tidak akan melakukannya di sini dan Anda

12
00:00:57,570 --> 00:01:04,740
juga dapat mengontrol kualitas dan di sana, saya akan mengatur kualitas ke 0.

13
00:01:04,740 --> 00:01:09,780
5, ini harus berupa nilai antara 0 dan 1 di mana satu adalah nilai setinggi mungkin

14
00:01:09,870 --> 00:01:13,350
dan tentu saja ini juga berdampak pada ukuran gambar sesudahnya.

15
00:01:13,380 --> 00:01:17,030
Jadi, Anda ingin memilih ukuran atau kualitas yang masuk akal untuk aplikasi Anda.

16
00:01:17,040 --> 00:01:23,490
Jika Anda hanya menggunakan gambar sebagai thumbnail, Anda mungkin tidak memerlukan gambar beresolusi sangat tinggi. Dengan itu, ini dikonfigurasi dan pertanyaannya

17
00:01:23,490 --> 00:01:28,050
tentu saja, bagaimana kita mendapatkan akses ke gambar yang diambil?

18
00:01:28,950 --> 00:01:32,520
Ingat baik-baik bahwa ini adalah janji atau bahwa ini mengembalikan janji.

19
00:01:32,550 --> 00:01:33,570
Yah tentu

20
00:01:33,600 --> 00:01:41,050
saja karena itu kita bisa menunggu janji itu dan hasil yang kita dapatkan setelah janji itu benar-benar diselesaikan, jadi

21
00:01:41,130 --> 00:01:47,340
kita bisa menyimpan gambar ini secara konstan. Sebuah gambar sekarang menjadi objek dengan berbagai informasi tentang

22
00:01:47,340 --> 00:01:48,840
gambar yang diambil.

23
00:01:49,590 --> 00:01:53,230
Jadi di sini, kita dapat menghibur gambar log untuk melihat apa yang ada di sana.

24
00:01:53,250 --> 00:01:58,150
Mari kita simpan ini dan mengujinya di Android. Di sana jika saya sekarang pergi

25
00:01:58,160 --> 00:02:05,930
ke layar baru ini di sini, mengambil gambar dan saya mengambil gambar ini dengan kamera simulator dummy ini saya dapatkan di sini

26
00:02:05,960 --> 00:02:06,460
dan

27
00:02:06,470 --> 00:02:09,170
saya mengkonfirmasi ini, sekarang saya pergi ke

28
00:02:09,200 --> 00:02:16,760
pemangkasan ini atau ke alat pengeditan ini karena saya mengaktifkan pengeditan, di sini saya memiliki format format 16: 9 yang dapat

29
00:02:16,880 --> 00:02:22,050
saya pindahkan dan dengan mengklik pada crop, saya sekarang dapat memilih ini dan jika

30
00:02:22,250 --> 00:02:27,280
sekarang kita melihat konsol, kita melihat bahwa ini adalah objek yang kita dapatkan kembali.

31
00:02:27,440 --> 00:02:32,930
Ini adalah objek dengan bidang yang dibatalkan yang memberi tahu kami bahwa ini tidak dibatalkan tetapi kami memang mengambil gambar,

32
00:02:32,930 --> 00:02:33,470
jadi

33
00:02:33,470 --> 00:02:37,880
ini adalah bidang yang dapat kami periksa untuk mengetahui apakah pengguna memang mengambil gambar atau apakah

34
00:02:37,880 --> 00:02:38,700
proses itu dibatalkan.

35
00:02:39,290 --> 00:02:41,330
Kami mendapatkan tinggi

36
00:02:41,570 --> 00:02:49,310
gambar dan lebar, kami mendapatkan jenis gambar dan URI, jadi tautan ke file gambar.

37
00:02:49,310 --> 00:02:53,570
Sekarang ini berada di direktori sementara yang dibersihkan secara otomatis secara berkala, jadi

38
00:02:53,630 --> 00:02:59,830
tentu saja ini bukan tempat penyimpanan atau jalur tempat Anda ingin menyimpannya secara permanen dan kami akan memindahkannya

39
00:02:59,840 --> 00:03:04,010
nanti dengan sistem file API, tetapi untuk saat ini, ini adalah sesuatu

40
00:03:04,670 --> 00:03:06,740
yang kami dapat bekerja dengan.

41
00:03:06,770 --> 00:03:16,840
Jadi untuk menampilkan pratinjau, kita dapat mengatur beberapa keadaan di sini di pemilih gambar dengan mengimpor status penggunaan dan kemudian menginisialisasi

42
00:03:16,870 --> 00:03:24,150
di sana, status penggunaan dapat dipanggil di sini dan tentu saja saya mendapatkan kembali beberapa

43
00:03:24,510 --> 00:03:33,840
data di sini dan itu adalah gambar yang saya pilih dan atur fungsi pengambilan gambar seperti yang biasa Anda gunakan

44
00:03:33,870 --> 00:03:36,740
dari status penggunaan dan sekarang kita

45
00:03:36,810 --> 00:03:39,160
dapat menggunakannya di sini.

46
00:03:39,240 --> 00:03:44,340
Di sini saya ingin mengatur gambar yang dipilih menjadi gambar. uri, jadi untuk tautan ke

47
00:03:44,360 --> 00:03:46,550
gambar saya, sehingga jalur

48
00:03:46,590 --> 00:03:53,910
sebagai string ke gambar saya dan yang keren adalah jalur ini dapat digunakan dengan komponen gambar,

49
00:03:53,940 --> 00:03:57,830
ia bekerja dengan komponen gambar tanpa konfigurasi khusus.

50
00:03:57,840 --> 00:04:02,160
Jadi di sana, kita dapat menambahkan sumber dan sekarang kita perlu

51
00:04:02,160 --> 00:04:08,800
mengatur ini ke objek dengan properti URI ini. Sejauh ini dalam kursus, kami menggunakannya untuk menunjuk pada gambar jaringan, baik

52
00:04:08,820 --> 00:04:11,130
Anda juga dapat menunjuk pada gambar lokal,

53
00:04:11,130 --> 00:04:13,770
jadi di sini kita dapat menunjuk pada gambar yang dipilih.

54
00:04:13,980 --> 00:04:18,700
Tentu saja ini hanya berfungsi jika kita memiliki gambar pilihan yang hanya merupakan kasus setelah kita

55
00:04:19,140 --> 00:04:23,940
menggunakan kamera, jadi sekarang kita dapat menambahkan tanda centang di sini atau ekspresi ternary sederhana di mana

56
00:04:24,590 --> 00:04:31,770
kita memeriksa apakah gambar yang dipilih diatur dan jika tidak diatur, maka tanda seru, saya tunjukkan teks fallback ini, jika tidak dengan titik dua di

57
00:04:31,890 --> 00:04:38,820
sini, saya mengatur gambar dan sekarang kita memiliki output bersyarat ini dan oleh karena itu sekarang jika kita menyimpan itu dan ini maka restart

58
00:04:38,820 --> 00:04:42,640
pada kedua perangkat, pada kedua simulator, jika saya pergi ke Android dan saya

59
00:04:42,660 --> 00:04:50,290
mengambil gambar saya di sini, tentu saja kamera ini terbuka tidak mengejutkan. Kami dapat mengonfirmasi ini, memilih gambar

60
00:04:50,290 --> 00:04:51,490
kami,

61
00:04:51,490 --> 00:04:56,230
memotongnya dan sekarang kami melihatnya di pratinjau, sehingga

62
00:04:56,230 --> 00:04:59,700
sekarang gambar kami mulai digunakan.

63
00:04:59,890 --> 00:05:05,310
Dan dengan itu, tentu saja saatnya untuk menambahkannya ke tempat yang dapat kita tambahkan dengan mengklik tombol save place dan

64
00:05:05,650 --> 00:05:08,350
sekarang saatnya untuk menambahkan jarak antara kedua tombol ini.