Filetypes that preview as a link. If your saved website has one of the following extensions, it will preview as a shortcut to the website. For the preview to work, your file must be smaller than 10 MB. .url. .webloc. .website. *Only the first page will display in preview. CaraMenampilkan Circle Image pada Android. Seperti yang kita ketahui, saat kita ingin membuat dan mengembangkan sebuah aplikasi Android, ada saatnya kita akan menggunakan suatu wigdet yaitu ImageView. Namun, terkadang kita ingin image yang kita tampilkan mempunyai bentuk, tidak hanya berbentuk persegi, contohnya seperti bentuk bulat ( circle ). Thetiles are wrapped into a single file, a .tpk file, so you can share the file as you would any file. You can email it, copy it to a network locale, upload it to ArcGIS Online, and so on. Cara Membuat File RAR dan ZIP dengan WinRAR Silahkan blok satu file atau banyak file (sesuai kebutuhan) kemudian klik kanan dan pilih Add to archive. AndroidStudio 3.0 : 1) Klik kanan direktori 'dapat ditarik'. 2) Klik pada: Show in Explorer. Sekarang Anda memiliki opsi explorer dengan beberapa direktori di dalamnya, salah satunya adalah 'drawable'. 3) Masuk ke direktori 'drawable'. 4) Tempatkan gambar yang Anda inginkan di sana. 5) Tutup lagi explorer. Pagiini Saya akan mengajarkan bagaimana cara menampilkan gambar atau bagaimana cara Membuat ImageView di Android. Nantinya Anda membuat sebuah halaman berisi gambar dan tombol button. Ketika Anda mengklik tombol button tersebut maka gambar akan berubah. Jadi siapkan dua buah gambar di dalam folder drawable. Berikut file 2 konekkan FD ( flashdisk ) ke Komputer, setelah itu klik tombol reload untuk memunculkan drive FD kalian. 3. klik menu Option Partition style pilih Partition style sesuai storage kalian MBR / GPT , cara mengetahui partition style di windows 10 bisa klik link di bawah. 5. nanti bakal muncul pop up yang berisikan peringatan bahwa data FD . Android Studio menyertakan alat bernama Vector Asset Studio yang membantu Anda menambahkan ikon material dan mengimpor file Scalable Vector Graphic SVG dan Adobe Photoshop Document PSD ke dalam project sebagai resource vektor drawable. Penggunaan vektor drawable sebagai ganti bitmap akan mengurangi ukuran APK karena file yang sama dapat diubah ukurannya untuk kepadatan layar yang berbeda tanpa mengurangi kualitas gambar. Untuk Android versi lama yang tidak mendukung vektor drawable, selama waktu build Vector Asset Studio dapat mengubah resource vektor drawable menjadi beragam ukuran bitmap untuk setiap kepadatan layar. Tentang Vector Asset Studio Vector Asset Studio menambahkan grafik vektor ke project sebagai file XML yang menjelaskan gambar tersebut. Memelihara satu file XML lebih mudah daripada mengubah beberapa grafis raster pada beragam resolusi. Android API level 20 dan yang lebih lama tidak mendukung vektor drawable. Jika API level minimum Anda disetel pada salah satu API level ini, Anda memiliki dua opsi saat menggunakan Vector Asset Studio menghasilkan file Portable Network Graphic PNG default atau menggunakan Support Library. Untuk kompatibilitas mundur, Vector Asset Studio menghasilkan gambar raster vektor drawable. Vektor dan raster drawable dipaketkan bersama dalam APK. Anda dapat merujuk ke vektor drawable sebagai Drawable dalam kode Java atau drawable dalam kode XML; jika aplikasi Anda berjalan, gambar vektor atau raster terkait akan otomatis ditampilkan, bergantung pada API level-nya. Jika ingin menggunakan vektor drawable saja, Anda dapat menggunakan Android Support Library atau yang lebih tinggi. Teknik ini mengharuskan perubahan pada file sebelum Anda menjalankan Vector Asset Studio, seperti yang dijelaskan dalam Kompatibilitas Mundur Support Library. Class VectorDrawableCompat dalam Support Library memungkinkan Anda mendukung VectorDrawable di Android API level 7 dan yang lebih baru. Jenis grafik vektor yang didukung Spesifikasi Desain Material Google menyediakan ikon material yang dapat Anda gunakan dalam aplikasi Android. Vector Asset Studio membantu Anda memilih, mengimpor, dan mengukur ikon material, serta menentukan opasitas dan setelan pencerminan Right-to-Left RTL. Vector Asset Studio juga memungkinkan Anda mengimpor file SVG dan PSD milik sendiri. SVG adalah standar terbuka berbasis XML dari World Wide Web Consortium W3C. Format file PSD mendukung berbagai fitur Adobe Photoshop. Vector Asset Studio mendukung fitur standar yang penting, tetapi tidak semua fitur SVG dan PSD. Saat Anda menetapkan file SVG atau PSD, Vector Asset Studio akan memberikan masukan langsung tentang apakah kode grafis tersebut didukung atau tidak. Vector Asset Studio akan mengonversi file ini menjadi file XML yang berisi kode VectorDrawable. Jika menerima pesan error, sebaiknya Anda memverifikasi apakah vektor drawable muncul sebagaimana yang diinginkan. Untuk informasi selengkapnya tentang fitur PSD yang diperbolehkan, lihat Dukungan dan pembatasan untuk file PSD. Untuk Android API level 21 dan yang lebih baru, Anda dapat menggunakan class AnimatedVectorDrawable untuk menganimasikan properti class VectorDrawable. Dengan Support Library tersebut, Anda dapat menggunakan class AnimatedVectorDrawableCompat untuk menganimasikan class VectorDrawable untuk Android API level 11 dan yang lebih baru. Untuk informasi selengkapnya, lihat Menganimasikan vektor drawable. Pertimbangan untuk file SVG dan PSD Vektor drawable sesuai untuk ikon sederhana. Ikon material memberikan contoh jenis gambar yang bagus dan berfungsi dengan baik sebagai vektor drawable dalam aplikasi. Sebaliknya, banyak ikon peluncuran aplikasi memiliki banyak detail, sehingga ikon aplikasi tersebut berfungsi lebih baik sebagai gambar raster. Pemuatan awal vektor drawable dapat menggunakan lebih banyak siklus CPU daripada gambar raster terkait. Selain itu, penggunaan dan performa memori keduanya akan serupa. Kami menyarankan agar Anda membatasi gambar vektor ke maksimum 200 x 200 dp; jika tidak, proses menggambar akan memerlukan waktu terlalu lama. Meskipun vektor drawable mendukung satu atau beberapa warna, dalam banyak kasus, akan lebih baik jika warna ikon ditetapkan ke hitam androidfillColor="FF000000". Dengan menggunakan pendekatan ini, Anda dapat menambahkan tint ke vektor drawable yang ditempatkan di tata letak, dan warna ikon akan berubah sesuai warna tint. Jika warna ikon bukan hitam, warna ikon akan menyatu dengan warna tint. Solusi kompatibilitas mundur vektor drawable Tabel berikut merangkum dua teknik yang dapat Anda gunakan untuk kompatibilitas mundur Teknik Drawable di APK Elemen XML VectorDrawable Versi Flag build Kode aplikasi Pembuatan PNG Vektor dan raster Mendukung subset SVG Android Plugin untuk Gradle atau yang lebih tinggi PSD Android Studio atau yang lebih tinggi Default Mendukung berbagai teknik coding Support Library atau yang lebih tinggi Vektor Dukungan penuh Plugin Android untuk Gradle atau yang lebih tinggi Diperlukan pernyataan Support Library Mendukung subset teknik coding Penggunaan vektor drawable dapat menghasilkan ukuran APK yang lebih kecil, tetapi pemuatan awal vektor drawable dapat memerlukan waktu lebih lama. Pembuatan PNG Android API level 21 dan yang lebih lama menyediakan dukungan vektor drawable. Jika aplikasi Anda memiliki API level minimum yang lebih rendah, Vector Asset Studio akan menambahkan file vektor drawable ke project. Selain itu, pada waktu build, Gradle akan membuat gambar raster PNG dengan beragam resolusi. Gradle menghasilkan kepadatan PNG yang ditentukan oleh properti generatedDensities Domain Specific Language DSL dalam file Untuk Android API level 21 dan yang lebih tinggi, Vector Asset Studio mendukung semua elemen VectorDrawable. Untuk kompatibilitas mundur dengan Android API level 20 dan yang lebih rendah, Vector Asset Studio mendukung elemen XML berikut androidwidth androidheight androidviewportWidth androidviewportHeight androidalpha androidrotation androidpivotX androidpivotY androidscaleX androidscaleY androidtranslateX androidtranslateY androidpathData androidfillColor androidstrokeColor androidstrokeWidth androidstrokeAlpha androidfillAlpha androidstrokeLineCap androidstrokeLineJoin androidstrokeMiterLimit Anda dapat mengubah kode XML yang dihasilkan Vector Asset Studio walaupun tindakan ini bukan praktik terbaik. Mengubah nilai dalam kode seharusnya tidak menyebabkan masalah apa pun, asalkan nilai dalam kode valid dan statis. Jika ingin menambahkan elemen XML, Anda perlu memastikan elemen XML tersebut didukung berdasarkan API level minimum. Support Library Teknik ini memerlukan Android Support Library atau yang lebih baru dan plugin Android untuk Gradle atau yang lebih baru, serta hanya menggunakan vektor drawable. Class VectorDrawableCompat dalam Support Library memungkinkan Anda mendukung VectorDrawable di Android API level 7 dan yang lebih baru. Sebelum menggunakan Vector Asset Studio, Anda harus menambahkan pernyataan ke file Groovy android { defaultConfig { = true } } dependencies { implementation ' } Kotlin android { defaultConfig { = true } } dependencies { implementation" } Anda juga harus menggunakan teknik coding yang kompatibel dengan Support Library, misalnya menggunakan atribut appsrcCompat sebagai ganti atribut androidsrc untuk vektor drawable. Untuk informasi selengkapnya, lihat Android Support Library Menjalankan Vector Asset Studio Untuk memulai Vector Asset Studio Di Android Studio, buka project aplikasi Android. Di jendela Project, pilih Android view. Klik kanan folder res, lalu pilih New > Vector Asset. Beberapa folder dan tampilan project lainnya juga memiliki item menu ini. Vector Asset Studio akan muncul. Gambar 1. Vector Asset Studio. Jika yang muncul justru dialog Need Newer Android Plugin for Gradle, perbaiki versi Gradle Anda seperti berikut Pilih File > Project Structure. Pada dialog Project Structure, pilih Project. Pada kolom Android Plugin Version, ubah versi Plugin Android untuk Gradle ke atau yang lebih baru, lalu klik OK. Gradle akan menyinkronkan project. Pada Android view di jendela Project, klik kanan folder res, lalu pilih New > Vector Asset. Vector Asset Studio akan muncul. Lanjutkan dengan Mengimpor Grafik Vektor. Mengimpor grafik vektor Vector Asset Studio membantu Anda mengimpor file grafik vektor ke dalam project aplikasi. Ikuti salah satu prosedur berikut Menambahkan ikon material Mengimpor file SVG atau PSD Menambahkan ikon material Setelah membuka Vector Asset Studio, Anda dapat menambahkan ikon material seperti berikut Di Vector Asset Studio, pilih Material Icon. Di kolom Icon, klik tombol Icon. Dialog Select Icon akan muncul. Anda dapat memfilter ikon yang terlihat dengan memilih kategori ikon dari daftar di sebelah kiri atau mengetik di kolom penelusuran seperti yang ditunjukkan pada gambar 2. Gambar 2. Memfilter ikon material di Vector Asset Studio. Pilih ikon material, lalu klik OK. Ikon tersebut akan muncul di Vector Drawable Preview. Anda dapat memilih untuk mengubah nama resource, ukuran, opasitas, dan setelan pencerminan Right-To-Left RTL Name - Ketik nama baru jika Anda tidak ingin menggunakan nama default. Vector Asset Studio akan otomatis membuat nama unik menambahkan angka pada akhir nama jika nama resource sudah ada dalam project. Nama hanya boleh berisi karakter huruf kecil, garis bawah, dan angka. Override - Pilih opsi ini jika Anda ingin menyesuaikan ukuran gambar. Saat Anda mengetik ukuran baru, perubahan tersebut akan muncul di area pratinjau. Nilai defaultnya adalah 24 x 24 dp, yang ditentukan dalam spesifikasi desain material. Hapus centang pada kotak untuk menampilkan nilai default. Opacity - Gunakan penggeser untuk menyesuaikan opasitas gambar. Perubahan akan muncul di area pratinjau. Enable auto mirroring for RTL layout - Pilih opsi ini jika Anda ingin gambar pencerminan ditampilkan saat tata letak disetel kanan ke kiri, bukan kiri ke kanan. Misalnya, beberapa bahasa dibaca dari kanan ke kiri. Dalam kasus ini, jika memiliki ikon panah, Anda mungkin ingin menampilkan gambar hasil pencerminannya. Perlu diperhatikan bahwa jika sedang mengerjakan project lama, Anda mungkin juga perlu menambahkan androidsupportsRtl="true" ke manifes aplikasi. Pencerminan otomatis didukung pada Android API level 21 dan yang lebih tinggi, serta dengan Support Library. Klik Next. Anda memiliki pilihan untuk mengubah modul dan direktori resource Res Directory - Pilih set sumber resource tempat Anda ingin menambahkan vektor drawable src/main/res, src/debug/res, src/release/res, atau set sumber yang ditentukan pengguna. Set sumber utama diterapkan ke semua varian build, termasuk debug dan rilis. Set sumber debug dan rilis akan menggantikan set sumber utama dan diterapkan ke satu versi build. Set sumber debug hanya untuk proses debug. Untuk menentukan set sumber baru, pilih File > Project Structure > app > Build Types. Misalnya, Anda dapat menentukan set sumber beta dan membuat versi ikon yang menyertakan teks "BETA” di sudut kanan bawah. Untuk informasi selengkapnya, lihat Mengonfigurasi Varian Build. Area Output Directories menampilkan vektor drawable dan direktori tempat munculnya. Klik Finish. Vector Asset Studio akan menambahkan file XML yang mendefinisikan vektor drawable ke project dalam folder app/src/main/res/drawable/. Dari Android view di jendela Project, Anda dapat menampilkan file XML vektor yang dihasilkan dalam folder drawable. Buat project. Jika API level minimum adalah Android API level 20 dan yang lebih rendah, dan Anda belum mengaktifkan teknik Support Library, Vector Asset Studio akan menghasilkan file PNG. Dari Project Files view di jendela Project, Anda dapat menampilkan file PNG dan XML yang dihasilkan dalam folder app/build/generated/res/pngs/debug/. Anda tidak boleh mengedit file raster yang dihasilkan ini, dan sebagai gantinya gunakan file XML vektor. Sistem build akan otomatis menghasilkan kembali file raster jika diperlukan, jadi Anda tidak perlu mengelolanya. Mengimpor file SVG atau PSD Setelah membuka Vector Asset Studio, Anda dapat mengimpor file SVG atau PSD seperti berikut Di Vector Asset Studio, pilih Local file. File tersebut harus berada di drive lokal. Seumpama file terletak di jaringan, Anda perlu mendownloadnya ke drive lokal terlebih dahulu. Tetapkan Image file dengan mengklik …. Gambar akan muncul di Vector Drawable Preview. Jika file SVG atau PSD berisi fitur yang tidak didukung, pesan error akan muncul di bagian bawah Vector Asset Studio, seperti yang ditampilkan dalam gambar 3. Gambar 3. Vector Asset Studio menampilkan beberapa error. Jika melihat error, Anda perlu memastikan bahwa vektor drawable yang diimpor telah dirender dengan benar. Scroll daftar untuk melihat error. Untuk daftar elemen yang didukung, lihat Solusi Kompatibilitas Mundur Vektor Drawable. Untuk informasi selengkapnya tentang file PSD yang diizinkan, lihat Dukungan dan Pembatasan untuk File PSD. Anda dapat memilih untuk mengubah nama resource, ukuran, opasitas, dan setelan pencerminan Right-To-Left RTL Name - Ketik nama baru jika Anda tidak ingin menggunakan nama default. Vector Asset Studio otomatis membuat nama unik menambahkan angka pada akhir nama jika nama resource sudah ada dalam project. Nama hanya boleh berisi karakter huruf kecil, garis bawah, dan angka. Override - Pilih opsi ini jika Anda ingin menyesuaikan ukuran gambar. Setelah memilihnya, ukuran akan berubah ke ukuran asli gambar. Setiap kali Anda mengubah ukuran, perubahan tersebut akan muncul di area pratinjau. Nilai defaultnya adalah 24 x 24 dp, yang ditentukan dalam spesifikasi desain material. Opacity - Gunakan penggeser untuk menyesuaikan opasitas gambar. Perubahan akan muncul di area pratinjau. Enable auto mirroring for RTL layout - Pilih opsi ini jika Anda ingin gambar pencerminan ditampilkan saat tata letak disetel kanan ke kiri, bukan kiri ke kanan. Misalnya, beberapa bahasa dibaca dari kanan ke kiri. Dalam kasus ini, jika memiliki ikon panah, Anda mungkin ingin menampilkan gambar hasil pencerminannya. Perlu diperhatikan bahwa jika sedang mengerjakan project lama, Anda mungkin perlu menambahkan androidsupportsRtl="true" ke manifes aplikasi. Pencerminan otomatis didukung oleh Android API level 21 dan yang lebih tinggi, serta dengan Support Library. Klik Next. Jika mau, Anda dapat mengubah direktori resource Res Directory - Pilih set sumber resource tempat Anda ingin menambahkan vektor drawable src/main/res, src/debug/res, src/release/res, atau set sumber yang ditentukan pengguna. Set sumber utama diterapkan ke semua varian build, termasuk debug dan rilis. Set sumber debug dan rilis akan menggantikan set sumber utama dan diterapkan ke satu versi build. Set sumber debug hanya untuk proses debug. Untuk menentukan set sumber baru, pilih File > Project Structure > app > Build Types. Misalnya, Anda dapat menentukan set sumber beta dan membuat versi ikon yang menyertakan teks "BETA” di sudut kanan bawah. Untuk informasi selengkapnya, lihat Mengonfigurasi Varian Build. Area Output Directories menampilkan vektor drawable dan direktori tempat munculnya. Klik Finish. Vector Asset Studio akan menambahkan file XML yang mendefinisikan vektor drawable ke project dalam folder app/src/main/res/drawable/. Dari Android view di jendela Project, Anda dapat menampilkan file XML vektor yang dihasilkan dalam folder drawable. Buat project. Jika API level minimum adalah Android API level 20 dan yang lebih rendah, dan Anda belum mengaktifkan teknik Support Library, Vector Asset Studio akan menghasilkan file PNG. Dari Project Files view di jendela Project, Anda dapat menampilkan file PNG dan XML yang dihasilkan dalam folder app/build/generated/res/pngs/debug/. Anda tidak boleh mengedit file raster yang dihasilkan ini, dan sebagai gantinya gunakan file XML vektor. Sistem build akan otomatis menghasilkan kembali file raster jika diperlukan, jadi Anda tidak perlu mengelolanya. Menambahkan vektor drawable ke tata letak Dalam file tata letak, Anda dapat menyetel widget terkait ikon apa pun, seperti ImageButton, ImageView, dan seterusnya, untuk mengarah ke vektor drawable. Misalnya, tata letak berikut menampilkan vektor drawable yang ditampilkan pada tombol Gambar 4. Vektor drawable yang ditampilkan pada tombol dalam tata letak. Untuk menampilkan vektor drawable pada widget, seperti yang ditampilkan dalam gambar Buka project dan impor vektor drawable. Contoh ini menggunakan project Ponsel/Tablet yang dihasilkan dengan New Project Wizard. Pada Android view di jendela Project, klik dua kali file XML tata letak, seperti Klik tab Design untuk menampilkan Layout Editor. Tarik widget ImageButton dari jendela Palette ke Layout Editor. Pada dialog Resources, pilih Drawable di panel kiri, lalu pilih vektor drawable yang telah diimpor. Klik OK. Vektor drawable akan muncul di ImageButton pada tata letak. Untuk mengubah warna gambar menjadi warna aksen yang didefinisikan dalam tema, pada jendela Properties, temukan properti tint, lalu klik …. Pada dialog Resources, pilih Color di panel kiri, lalu pilih colorAccent. Klik OK. Warna gambar akan berubah menjadi warna aksen di tata letak. Jika project menggunakan Support Library, kode ImageButton harus sama dengan kode berikut Jika project tidak menggunakan Support Library, kode vektor drawable akan menjadi androidsrc="drawable/ic_build_black_24dp". Merujuk ke vektor drawable dalam kode Umumnya, Anda dapat merujuk ke resource vektor drawable dengan cara biasa dalam kode Anda, dan saat aplikasi dijalankan, gambar vektor atau raster terkait akan otomatis ditampilkan, bergantung pada API level-nya Dalam sebagian besar kasus, Anda dapat merujuk ke vektor drawable sebagai drawable dalam kode XML atau Drawable dalam kode Java. Misalnya, kode XML tata letak berikut akan menerapkan gambar ke tampilan Kode Java berikut mengambil gambar sebagai Drawable Kotlin val drawable = theme Java Resources res = getResources; Drawable drawable = getTheme; Metode getResources berada di class Context, yang berlaku untuk objek UI, seperti activity, fragment, layout, view, dan seterusnya. Jika aplikasi Anda menggunakan Support Library meskipun Anda tidak memiliki pernyataan = true dalam file Anda juga dapat merujuk ke vektor drawable dengan pernyataan appsrcCompat. Contoh Terkadang, Anda mungkin perlu menetapkan resource drawable ke class-nya yang tepat, seperti saat Anda perlu menggunakan fitur spesifik dari class VectorDrawable. Caranya, Anda dapat menggunakan kode Java seperti berikut Kotlin if >= { val vectorDrawable = drawable as VectorDrawable } else { val bitmapDrawable = drawable as BitmapDrawable } Java if >= { VectorDrawable vectorDrawable = VectorDrawable drawable; } else { BitmapDrawable bitmapDrawable = BitmapDrawable drawable; } Anda hanya dapat mengakses resource vektor drawable dari thread utama. Untuk teknik Support Library, Anda harus menggunakan teknik coding yang kompatibel dengan Support Library. Untuk informasi selengkapnya, lihat Android Support Library Memodifikasi kode XML yang dihasilkan oleh Vector Asset Studio Anda dapat memodifikasi kode XML vektor drawable, tetapi tidak dengan PNG dan kode XML terkait yang dihasilkan pada waktu build. Namun, kami tidak merekomendasikannya. Saat menggunakan teknik pembuatan PNG, Vector Asset Studio akan memastikan bahwa vektor drawable dan PNG telah sesuai, dan manifes tersebut berisi kode yang tepat. Jika Anda menambahkan kode yang tidak didukung pada Android API level 20 dan yang lebih rendah, gambar vektor dan PNG mungkin akan berbeda. Anda juga harus memastikan bahwa manifes berisi kode untuk mendukung perubahan Anda. Untuk memodifikasi file XML vektor saat Anda tidak menggunakan teknik Support Library Pada jendela Project, klik dua kali file XML vektor yang dihasilkan dalam folder drawable. File XML akan muncul di editor dan jendela Preview. Gambar 5. File XML vektor yang ditampilkan di Code Editor dan jendela Preview. Edit kode XML berdasarkan apa yang didukung oleh API level minimum Android API level 21 dan yang lebih tinggi - Vector Asset Studio mendukung semua elemen Drawable dan VectorDrawable. Anda dapat menambahkan elemen XML dan mengubah nilainya. Android API level 20 dan yang lebih rendah - Vector Asset Studio mendukung semua elemen Drawable dan subset elemen VectorDrawable. Untuk daftarnya, lihat Solusi Kompatibilitas Mundur Vektor Drawable. Anda dapat mengubah nilai dalam kode yang dihasilkan dan menambahkan elemen XML yang didukung. Buat project dan pastikan bahwa vektor drawable dan gambar raster terkait tampak sama. Perlu diingat bahwa PNG yang dihasilkan dapat ditampilkan secara berbeda di jendela Preview dan di aplikasi karena mesin rendering yang berbeda dan segala perubahan yang dibuat pada vektor drawable sebelum build. Jika Anda menambahkan kode ke file XML vektor yang dibuat oleh Vector Asset Studio, semua fitur yang tidak didukung di Android API level 20 dan yang lebih rendah tidak akan muncul di file PNG yang dihasilkan. Oleh karena itu, saat menambahkan kode, Anda harus selalu memeriksa apakah PNG yang dihasilkan sesuai dengan vektor drawable. Caranya, Anda dapat mengklik dua kali PNG di Project Files view di jendela Project; margin kiri Code Editor juga menampilkan gambar PNG saat kode Anda merujuk ke drawable, seperti yang ditampilkan dalam gambar 6. Gambar 6. Gambar PNG ditampilkan di margin kiri Code Editor. Menghapus vektor drawable dari project Untuk menghapus vektor drawable dari project Di jendela Project, hapus file XML vektor yang dihasilkan dengan memilih file dan menekan tombol Delete atau pilih Edit > Delete. Dialog Safe Delete akan muncul. Secara opsional, pilih opsi untuk menemukan tempat file digunakan dalam project, lalu klik OK. Android Studio akan menghapus file tersebut dari project dan drive. Namun, jika Anda memutuskan untuk mencari tempat file digunakan dalam project dan beberapa penggunaan ditemukan, Anda dapat menampilkannya dan memutuskan apakah akan menghapusnya atau tidak. Pilih Build > Clean Project. Semua file PNG dan XML yang otomatis dihasilkan terkait vektor drawable yang dihapus akan dihapus dari project dan drive. Menghasilkan Aplikasi Berisi vektor drawable Jika Anda menggunakan teknik Support Library atau API level minimum adalah Android API level 21 atau yang lebih tinggi, APK akan berisi vektor drawable yang Anda tambahkan dengan Vector Asset Studio. Semua APK ini akan lebih kecil dibandingkan jika gambar vektor dikonversi ke PNG. Saat API level minimum menyertakan Android API level 20 atau yang lebih rendah, dan Anda memiliki vektor drawable dan gambar raster terkait di project, Anda memiliki dua opsi untuk menghasilkan file APK Buat satu APK yang menyertakan vektor drawable dan representasi raster terkait. Inilah solusi paling sederhana untuk diterapkan. Buat APK terpisah untuk API level yang berbeda. Jika Anda tidak menyertakan gambar raster terkait dalam APK untuk Android API level 21 dan yang lebih tinggi, maka ukuran APK bisa jadi jauh lebih kecil. Untuk informasi selengkapnya, lihat Dukungan Multi-APK. Dukungan dan pembatasan untuk file PSD Tidak semua fitur file PSD didukung oleh Vector Asset Studio. Daftar berikut merangkum karakteristik PSD yang didukung dan tidak didukung, serta sejumlah detail konversi. Dokumen Didukung Mode warna PSD untuk bitmap, hitam putih, indexed, RGB, Lab, atau warna 8, 16, atau 32 bit. Detail konversi Dimensi dokumen PSD menjadi dimensi vektor drawable dan area pandang. Tidak didukung Mode warna PSD untuk duotone atau multisaluran. Bentuk Didukung Clipping mask, jika dasar clipping adalah bentuk lain. Operasi bentuk, meliputi merge/add, intersect, subtract, dan exclude. Tidak didukung Aturan pengisian ganjil-genap yang digunakan oleh bentuk di Photoshop. Di Android API level 23 dan yang lebih rendah, vektor drawable hanya mendukung aturan pengisian nonzero. Pada bentuk yang saling berpotongan sendiri, pembatasan ini dapat mengakibatkan perbedaan rendering antara PSD dan vektor drawable yang dihasilkan. Untuk memperbaiki masalah ini, tambahkan androidfillType="evenOdd" pada bentuk tersebut di vektor drawable. Contoh Garis dan isian Didukung Bentuk garis, termasuk warna, opasitas, lebar, sambungan, penutup, garis putus-putus, dan dan isian warna isian dan garis ditetapkan sebagai RGB, Lab, atau CMYK. Detail konversi Jika garis tampak putus-putus, dipotong menggunakan clipping base, atau menggunakan penyejajaran yang berbeda dengan bagian tengah, Vector Asset Studio akan mengonversinya menjadi bentuk isian di vektor drawable. Tidak didukung Garis dan isian warna selain solid, seperti gradien. Opasitas Didukung Lapisan bentuk dengan opasitas 0. Detail konversi Vector Asset Studio melipatgandakan opasitas isian dengan opasitas lapisan untuk menghitung alfa isian. Alat ini melipatgandakan opasitas clipping base jika ada dengan alfa isian untuk menghitung alfa isian akhir. Alat ini melipatgandakan opasitas garis dengan opasitas lapisan untuk menghitung alfa garis. Alat ini melipatgandakan opasitas clipping base jika ada dengan alfa garis untuk menghitung alfa garis akhir. Lapisan Didukung Semua lapisan bentuk yang visible. Detail konversi Vector Asset Studio menyimpan nama lapisan di file vektor drawable. Tidak didukung Efek teks dan Blending diabaikan. Dukungan dan pembatasan untuk file SVG Vector Asset Studio hanya mendukung sebagian fitur file SVG. Bagian berikut merangkum fitur yang didukung dan tidak didukung saat alat mengonversi file SVG menjadi VectorDrawable, beserta detail konversi tambahan. Fitur yang didukung VectorDrawable mendukung semua fitur dari Tiny SVG kecuali untuk teks. Bentuk VectorDrawable mendukung jalur SVG. Alat ini mengonversi bentuk dasar seperti lingkaran, persegi, dan poligon menjadi jalur. Transformasi Alat ini mendukung matriks transformasi dan menerapkannya langsung ke jalur turunan. Grup Alat ini mendukung elemen grup untuk penerjemahan, penskalaan, dan rotasi. Grup tidak mendukung properti opasitas. Alat ini juga menerapkan gaya atau opasitas grup ke jalur turunan. Isian dan garis Jalur dapat diisi dan diberi garis menggunakan warna solid atau gradien linier, radial, atau sudut. Hanya garis terpusat yang didukung. Mode campuran tidak didukung. Jalur putus-putus tidak didukung. Mask Alat ini mendukung satu mask pemangkasan per grup. Fitur yang tidak didukung oleh pengimpor SVG Fitur apa pun yang tidak tercantum di bagian Fitur yang didukung di atas berarti tidak didukung. Fitur penting yang tidak didukung antara lain Efek filter efek seperti drop shadow, blur, dan matriks warna tidak didukung. Teks konversi teks menjadi bentuk menggunakan alat lain sangat disarankan. Isian pola Tetap teratur dengan koleksi Simpan dan kategorikan konten berdasarkan preferensi Anda. 1. Pengantar Dalam codelab ini, Anda akan mempelajari cara menambahkan gambar ke aplikasi menggunakan ImageView. Prasyarat Cara membuat dan menjalankan aplikasi baru di Android Studio. Cara menambahkan dan menghapus, serta menetapkan atribut di TextViews menggunakan Layout Editor. Yang akan Anda pelajari Cara menambahkan gambar atau foto ke aplikasi Android. Cara menampilkan gambar di aplikasi menggunakan ImageView. Cara mengekstrak teks ke resource string untuk memudahkan penerjemahan aplikasi dan menggunakan kembali string tersebut. Cara membuat aplikasi dapat digunakan oleh banyak orang. Yang akan Anda buat Memperluas aplikasi Selamat Ulang Tahun untuk menambahkan gambar. Yang Anda perlukan Komputer yang dilengkapi Android Studio. Aplikasi dari codelab Membuat Kartu Ulang Tahun. 2. Menyiapkan aplikasi Buka project Anda dari codelab sebelumnya di Android Studio. Anda dapat menggunakan kode solusi atau kode yang sudah Anda buat. Saat Anda menjalankan aplikasi, maka akan terlihat seperti ini. Menambahkan gambar ke project Anda Dalam tugas ini, Anda akan mendownload gambar dari internet dan menambahkannya ke aplikasi Selamat Ulang Tahun. Klik di sini untuk mengakses gambar kartu ulang tahun Anda di GitHub. Klik tombol Download di sebelah kanan. Tindakan ini akan menampilkan gambar dengan sendirinya. Klik kanan pada gambar dan simpan file ke komputer sebagai Catat tempat Anda menyimpannya misalnya, folder Downloads. Di Android Studio, klik View > Tool Windows > Resource Manager di menu atau klik tab Resource Manager di sebelah kiri jendela Project. Klik tanda + yang ada di bawah Resource Manager, lalu pilih Import Drawables. Tindakan ini akan membuka file browser. Di file browser, temukan file gambar yang sudah didownload, lalu klik Open. Klik Next. Android Studio akan menampilkan pratinjau gambar. Klik Import. Jika gambar berhasil diimpor, Android Studio akan menambahkan gambar ke daftar Drawable. Daftar ini mencakup semua gambar dan ikon Anda untuk aplikasi. Sekarang Anda dapat menggunakan gambar ini di aplikasi Anda. Kembali ke tampilan project dengan mengklik View > Tool Windows > Project di menu atau tab Project di bagian paling kiri. Pastikan bahwa gambar ada di folder drawable pada aplikasi Anda dengan meluaskan app > res > drawable. 3. Menambahkan ImageView Anda memerlukan sebuah tempat untuk menampilkan gambar di aplikasi Anda. Sama seperti Anda menggunakan TextView untuk menampilkan teks, Anda dapat menggunakan ImageView untuk menampilkan gambar. Dalam tugas ini, Anda akan menambahkan ImageView ke aplikasi, dan menyetel gambarnya ke gambar kue yang sudah didownload. Kemudian Anda akan memosisikannya dan menyesuaikan ukurannya sehingga memenuhi layar. Menambahkan ImageView dan menyetel gambarnya Di jendela Project, buka app > res > layout > Di Layout Editor, buka Palette dan tarik ImageView ke aplikasi Anda. Letakkan di dekat bagian tengah dan jangan tumpang-tindih dengan teks Dialog Pick a Resource akan terbuka. Dialog ini mencantumkan semua resource gambar yang tersedia untuk aplikasi Anda. Perhatikan gambar tanggal lahir yang tercantum di bawah tab Drawable. Resource drawable adalah konsep umum untuk grafis yang dapat digambar di layar. Resource drawable ini termasuk gambar, bitmap, dan ikon serta banyak tipe resource lainnya yang digambar. Pada dialog Pick a Resource, temukan gambar kue dalam daftar Drawable. Klik gambar, lalu klik OK. Tindakan ini akan menambahkan gambar ke aplikasi Anda, tetapi letaknya mungkin tidak pas dan ukurannya tidak memenuhi layar. Anda akan memperbaikinya di langkah berikutnya. Memosisikan dan mengukur ImageView Klik dan tarik ImageView di sekitar Layout Editor, dan perhatikan bahwa saat Anda menyeret, kotak merah muda akan muncul di sekitar layar aplikasi di tampilan Design. Kotak merah muda menunjukkan batas layar untuk memosisikan ImageView. Letakkan ImageView dengan tepi kiri dan kanan sejajar kotak merah muda. Android Studio akan mengepaskan gambar ke tepi saat Anda hampir mencapainya. Anda akan menangani bagian atas dan bawah sebentar lagi. Views di ConstraintLayout perlu memiliki batasan horizontal dan vertikal untuk memberi tahu ConstraintLayout cara memosisikannya. Anda akan menambahkan batasan tersebut nanti. Arahkan kursor ke lingkaran di bagian atas garis batas ImageView, dan tandai dengan lingkaran lain. Seret lingkaran ke bagian atas layar aplikasi, dan tanda panah akan menghubungkan lingkaran ke pointer seiring Anda menariknya. Tarik untuk mengepaskannya ke bagian atas layar. Anda telah menambahkan batasan dari bagian atas ImageView ke bagian atas ConstraintLayout. Tambahkan batasan dari bagian bawah ImageView ke bagian bawah ConstraintLayout. Letaknya mungkin terlalu dekat dengan tepi untuk bisa ditarik, seperti yang Anda lakukan di bagian atas. Jika demikian, Anda dapat mengeklik tanda + di bagian bawah pada Constraint Widget di jendela Attributes untuk menambahkan batasan. Pastikan marginnya 0. Di panel Attributes, gunakan Constraint Widget untuk menambahkan margin 0 ke sisi kiri dan kanan. Tindakan ini akan otomatis membuat batasan ke arah tersebut. Sekarang gambar sudah berada di tengah, tetapi belum memenuhi seluruh layar. Anda akan memperbaikinya di langkah berikutnya Di bawah Constraint Widget di bagian Constraint, tetapkan layout_width ke 0dp match constraint. 0dp adalah suatu singkatan untuk memberi tahu Android Studio agar menggunakan match constraint untuk lebar ImageView. Batasan yang baru saja Anda tambahkan akan menjadikannya selebar ConstraintLayout, dikurangi margin. Tetapkan layout_height ke 0dp match constraint. Batasan yang Anda tambahkan akan menjadikan ImageView setinggi ConstraintLayout, dikurangi margin. ImageView selebar dan setinggi layar aplikasi, tetapi gambar diletakkan di tengah dalam ImageView dan ada banyak spasi kosong di atas dan bawah gambar. Namun, karena komposisi seperti ini tidak terlihat menarik, Anda harus menyesuaikan scaleType dari ImageView, yang menjelaskan cara menyesuaikan ukuran dan menyelaraskan gambar. Baca lebih lanjut ScaleType dalam panduan referensi developer. Aplikasi Anda sekarang seharusnya terlihat seperti di bawah ini. Cari atribut scaleType. Anda mungkin perlu men-scroll ke bawah atau menelusuri atribut ini. Coba tetapkan nilai scaleType yang berbeda untuk mengetahui dampaknya. Setelah selesai, tetapkan scaleType ke centerCrop karena ini akan membuat gambar mengisi layar tanpa mendistorsinya. Gambar kue kini akan memenuhi seluruh layar, seperti yang ditunjukkan di bawah ini. Namun, kini Anda tidak dapat melihat tanda tangan dan ucapan selamat ulang tahun. Anda akan memperbaikinya di langkah berikutnya. Memindahkan ImageView ke belakang teks Setelah membuat ImageView agar mengisi layar, Anda tidak dapat melihat teksnya lagi. Itu karena gambar sekarang menutupi teks. Ternyata, urutan penempatan elemen UI sangatlah penting. Tadi Anda menambahkan TextViews terlebih dahulu, lalu menambahkan ImageView, yang berarti ImageView ada di posisi teratas. Jika Anda menambahkan sejumlah tampilan ke tata letak, tampilan tersebut akan ditempatkan di urutan belakang daftar tampilan yang ada, dan akan digambar sesuai urutannya dalam daftar. ImageView ditambahkan ke akhir daftar Views di ConstraintLayout, yang berarti akan digambar terakhir dan digambar di atas TextViews. Untuk memperbaikinya, Anda harus mengubah urutan tampilan dan memindahkan ImageView ke awal daftar agar digambar terlebih dahulu. Di Component Tree, klik ImageView, dan tarik ke atas TextViews tepat di bawah ConstraintLayout. Garis biru beserta ikon segitiga akan muncul dan menunjukkan batasan ImageView. Letakkan ImageView tepat di bawah ConstraintLayout. ImageView sekarang ada di urutan pertama dalam daftar di bawah ConstraintLayout, dan TextViews berada setelahnya. Teks "Selamat Ulang Tahun, Bud!" dan "Dari Annisa". kini seharusnya terlihat. Untuk saat ini, abaikan peringatan tidak ada deskripsi konten. Selamat! Anda telah menambahkan gambar ke aplikasi Android! 4. Menerapkan praktik coding yang baik Saat Anda menambahkan TextViews di codelab sebelumnya, Android Studio menandainya dengan segitiga peringatan. Pada langkah ini, Anda akan memperbaiki peringatan tersebut dan juga memperbaiki peringatan di ImageView. Menerjemahkan Saat Anda menulis aplikasi, penting untuk diingat bahwa aplikasi mungkin diterjemahkan ke bahasa lain. Seperti yang sudah Anda pelajari di codelab sebelumnya, string adalah rangkaian karakter seperti "Selamat Ulang Tahun, Bud!". String yang di-hardcode adalah string yang ditulis langsung dalam kode aplikasi Anda. String tersebut membuat aplikasi lebih sulit diterjemahkan ke bahasa lain, dan juga lebih sulit untuk digunakan kembali di berbagai tempat di aplikasi. Anda dapat mengatasi masalah tersebut dengan "mengekstrak string ke file resource". Itu berarti, masukkan string ke dalam sebuah file, beri nama, lalu gunakan nama tersebut setiap kali Anda ingin menggunakan string ini, bukan meng-hardcode string yang ada di dalam kode. Nama filenya akan tetap sama, meskipun Anda mengubah string atau menerjemahkannya ke bahasa lain. Klik segitiga oranye di samping TextView pertama yang memuat tulisan "Selamat Ulang Tahun, Bud!" Android Studio akan membuka jendela berisi informasi lebih lanjut dan perbaikan yang disarankan. Anda mungkin perlu men-scroll ke bawah untuk melihat Suggested Fix. Klik tombol Fix. Android Studio akan menampilkan dialog Extract Resource. Dalam dialog ini, Anda dapat menyesuaikan nama resource string dan sejumlah informasi terkait cara penyimpanannya. Resource name merupakan nama yang dipakai untuk string. Resource value adalah isi dari string-nya. Pada dialog Extract Resource, ubah Resource name menjadi happy_birthday_text. Resource string harus memiliki nama huruf kecil, dan jika namanya terdiri dari beberapa kata harus dipisahkan dengan garis bawah. Biarkan setelan lain menggunakan setelan default. Klik tombol OK. Di panel Attributes, temukan atribut text, dan perhatikan bahwa Android Studio otomatis menetapkannya ke string/happy_birthday_text untuk Anda. Buka app > res > values > dan perhatikan bahwa Android Studio telah membuat resource string yang disebut happy_birthday_text. Happy Birthday Happy Birthday, Sam! File memiliki daftar string yang akan dilihat pengguna di aplikasi Anda. Perhatikan bahwa nama aplikasi Anda juga merupakan resource string. Dengan menempatkan string di satu tempat, Anda bisa menerjemahkan semua teks dalam aplikasi dengan mudah, dan menggunakan kembali string di berbagai bagian aplikasi dengan lebih mudah. Ikuti langkah yang sama untuk mengekstrak teks tanda tangan TextView, dan beri nama resource string-nya sebagai signature_text. File yang sudah jadi akan terlihat seperti ini. Happy Birthday Happy Birthday, Sam! From Emma. Memeriksa aksesibilitas aplikasi Anda Dengan mengikuti praktik coding yang baik untuk aksesibilitas, semua pengguna, termasuk pengguna dengan disabilitas, dapat lebih mudah menjelajahi dan berinteraksi dengan aplikasi Anda. Android Studio menyediakan petunjuk dan peringatan agar aplikasi Anda lebih mudah diakses. Pada Component Tree, perhatikan segitiga oranye di sebelah ImageView yang sebelumnya Anda tambahkan. Jika mengarahkan pointer ke atasnya, Anda akan melihat tooltip yang berisi peringatan tentang atribut contentDescription' yang tidak ada pada gambar. Deskripsi konten, yang berfungsi menjelaskan tujuan elemen UI, dapat membuat aplikasi Anda jadi lebih bermanfaat jika digunakan dengan fitur TalkBack. Namun, gambar yang ada dalam aplikasi ini hanya disertakan sebagai penghias saja. Jadi, Anda tidak perlu menyetel deskripsi konten yang akan diucapkan kepada pengguna. Untuk melakukannya, cukup beri tahu TalkBack untuk melewati ImageView dengan menyetel atribut importantForAccessibility ke no. Di Component Tree, pilih ImageView. Di jendela Attributes, di bagian All Attributes, cari importantForAccessibility dan tetapkan ke no. Segitiga oranye di samping ImageView akan hilang. Jalankan lagi aplikasi Anda untuk memastikan aplikasi masih berfungsi dengan baik. Selamat! Anda telah menambahkan gambar ke aplikasi Selamat Ulang Tahun dengan mengikuti panduan aksesibilitas sehingga mudah diterjemahkan ke bahasa lain! 5. Kode solusi Kode solusi untuk aplikasi Selamat Ulang Tahun telah kami upload ke GitHub jika Anda ingin tahu seluruh kode yang dipakai untuk aplikasi ini. GitHub adalah layanan yang dapat digunakan developer untuik mengelola kode project software yang mereka buat. Layanan ini menggunakan Git sebagai sistem kontrol versi yang memantau jika ada perubahan pada setiap versi kode. Jika Anda pernah melihat histori versi dokumen di Google Dokumen, Anda dapat melihat waktu dan hasil edit pada dokumen sebelumnya. Proses di GitHub kurang lebih sama, Anda dapat melacak histori versi kode yang ada di sebuah project. Cara ini sangat membantu jika Anda mengerjakan sendiri atau bersama tim. GitHub juga memiliki situs web yang dapat digunakan untuk melihat dan mengelola project. Anda dapat menggunakan link GitHub berikut ini untuk mencari file project Selamat Ulang Tahun secara online atau mendownloadnya ke komputer. Untuk mendapatkan kode yang dipakai pada codelab ini dan membukanya di Android Studio, lakukan hal berikut. Mendapatkan kode Klik URL yang diberikan. Tindakan ini akan membuka halaman GitHub project di browser. Di halaman GitHub project, klik tombol Code yang akan menampilkan dialog. Di dialog, klik tombol Download ZIP untuk menyimpan project di komputer. Tunggu download selesai. Temukan file di komputer Anda mungkin di folder Downloads. Klik dua kali pada file ZIP untuk mengekstraknya. Tindakan ini akan membuat folder baru yang berisi file project. Membuka project di Android Studio Mulai Android Studio. Di jendela Welcome to Android Studio, klik Open an existing Android Studio project. Catatan Jika Android Studio sudah terbuka, pilih opsi menu File > New > Import Project. Di dialog Import Project, buka lokasi folder project yang telah diekstrak kemungkinan ada di folder Downloads. Dalam folder project, pilih folder Selamat Ulang Tahun. Klik Open. Tunggu Android Studio membuka project. Klik tombol Run untuk mem-build dan menjalankan aplikasi. Pastikan aplikasi di-build seperti yang diharapkan. Cari file project di jendela alat Project untuk melihat cara aplikasi disiapkan. 6. Ringkasan Resource Manager di Android Studio membantu menambahkan dan mengatur gambar serta resource lainnya. ImageView adalah elemen UI untuk menampilkan gambar di aplikasi. ImageViews harus memiliki deskripsi konten agar aplikasi juga dapat diakses oleh penyandang disabilitas. Teks yang ditampilkan kepada pengguna, seperti ucapan ulang tahun, harus diekstrak ke resource string agar aplikasi mudah diterjemahkan ke bahasa lain. 7. Mempelajari lebih lanjut Kosakata Dasar-Dasar Android di Kotlin Resource Manager di Android Studio Kelas ImageView Aksesibilitas Mendukung berbagai bahasa Mulai Menggunakan GitHub 8. Berlatih sendiri Lakukan hal berikut Buat aplikasi kartu ulang tahun dengan desain Anda sendiri. Mulailah dengan memikirkan Views yang akan diperlukan. Urutan apa yang paling mudah untuk ditambahkan? Gambar apa yang perlu Anda tambahkan ke folder drawable? Ada dua jenis gambar bitmap yang umum digunakan untuk aplikasi Android, yaitu file JPEG dan file PNG. File PNG dapat memiliki area transparan kosong di dalamnya. Baca format gambar selengkapnya di referensi developer. Jangan lupa memosisikan Views terlebih dahulu dengan batasan dan margin, lalu menata gayanya. Untuk membuat teks lebih menarik di beberapa gambar, coba bereksperimen dengan shadowColor, shadowDx, shadowDy, dan shadowRadius Periksa hasil kerja Anda Aplikasi yang sudah selesai akan berjalan tanpa error dan menampilkan kartu ulang tahun yang sudah Anda desain. Selamat, Anda berhasil membuat Kartu Ulang Tahun sendiri! Bagikan aplikasi buatan Anda di media sosial, dan gunakan hashtag LearningKotlin sehingga kami dapat melihatnya! Kecuali dinyatakan lain, konten di halaman ini dilisensikan berdasarkan Lisensi Creative Commons Attribution sedangkan contoh kode dilisensikan berdasarkan Lisensi Apache Untuk mengetahui informasi selengkapnya, lihat Kebijakan Situs Google Developers. Java adalah merek dagang terdaftar dari Oracle dan/atau afiliasinya. - Ketika menerima foto yang dikirim via WhatsApp, tak jarang foto tersebut terlihat blur karena kualitasnya turun. Hal itu disebabkan karena WhatsApp mengompresi file foto yang dikirim, sehingga ukurannya lebih kecil dan mudah ditransfer Namun, ada cara untuk membuat foto yang dikirim lewat WhastApp tetap pada resolusi tinggi, sehingga foto tidak akan blur. Bagaimana cara kirim foto di WhatsApp tanpa mengurangi kualitas aslinya? Cara kirim foto di WhatsApp tanpa mengurangi kualitas aslinya adalah dengan memanfaatkan fitur berkirim dokumen. Jenis file ini sedikit memakan waktu upload, apalagi jika ukuran file cukup file foto yang dikirim tidak akan turun kualitasnya layaknya mengirim foto dengan cara biasa. Baca juga Cara Mengirim Isi Percakapan WhatsApp ke Pengguna Lain lewat E-mail Cara kirim foto di WhatsApp tanpa mengurangi kualitas aslinya bisa dilakukan baik di ponsel Android maupun iOS. Di kedua platform ini caranya hampir mirip, hanya saja untuk iPhone/iPad, caranya sedikit lebih rumit. Android Di ponsel Android, cara mengirim foto via WhatsApp tanpa menurunkan resolusi, atau berupa dokumen bisa dilakukan dengan cara lebih mudah. Sebagaimana mengirim foto biasa, klik menu lampiran berupa ikon penjepit kertas di bagian bawah, atau sebelah ikon kamera. Kemudian, pilih opsi dokumen. Lanjutkan dengan klik "browse other documents" cari dokumen lain. Pilih foto mana yang akan dipilih, jika hanya memilih satu, klik opsi "send" kirim yang muncul secara pop-up. Jika ingin mengirim lebih dari satu foto, tahan satu foto hingga muncul tanda centang biru, lalu pilih beberapa foto lain yang yang dikehendaki. Kemudian pilih opsi "open" yang ada di kanan atas, dan pilih opsi "send". Tangkapan layar cara mengirim foto beresolusi tinggi berupa dokumen di yang terkirim akan berupa file dokumen dengan format JPG. Bedanya dengan pengiriman foto biasa, thumbnail foto tidak akan terlihat. Sehingga, penerima harus membuka file tersebut lebih dulu untuk mengetahui isi foto. Dikarenakan pengiriman berbentuk dokumen, maka foto tidak akan masuk ke galeri foto melainkan ke folder "files". Foto bisa ditemukan di "WhatsApp Documents". iOS iPhone/iPad Pengiriman serupa melalui iPhone agak sedikit rumit. Sebab membutuhkan bantuan "Files App" untuk menautkannya ke iCloud. Setelah gambar tersimpan di "Files App", cara pengirimannya sama dengan Android. Tangkapan layar bentuk file dokumen JPG di Android. Pilih ikon lampiran, lalu pilih file gambar yang telah disimpan di "Files App", lantas kirimkan gambar tersebut. Baca juga Cara Membuat Link Grup WhatsApp untuk Dibagikan Karena resolusi gambar yang tidak dikompresi, tentu konsekuensinya adalah penggunaan data yang lebih banyak untuk mengunggah gambar. Namun resolusi tetap terjaga. Waktu yang dibutuhkan untuk upload atau pengiriman juga agak sedikit lama, dibandingkan dengan pengiriman foto cara biasa, atau yang dikompresi. Tapi tidak ada salahnya menggunakan cara ini jika memang foto beresolusi tinggi dibutuhkan segera. Dapatkan update berita pilihan dan breaking news setiap hari dari Mari bergabung di Grup Telegram " News Update", caranya klik link kemudian join. Anda harus install aplikasi Telegram terlebih dulu di ponsel. tutorial ini, kita akan belajar membuat sebuah library untuk Android yang bisa digunakan pada Android Studio. Bagi yang belum tahu apa itu library; contohnya seperti Library Glide dan Picasso untuk mempermudah kita menampilkan contoh kasus library yang kita buat sekarang sangat sederhana agar teman-teman dapat lebih mudah paham bagaimana cara pembuatan library Android sampai library yang kita buat dapat kita langsung gunakan. Contoh library yang akan kita buat adalah libray yang dapat menampilkan pesan ke dalam atau Info yang ada di dalam Logcat Android mari kita mulai! Sila ikuti proyek baru. Seperti biasa, bisa pilih Empty Activity, dengan nama proyek seperti nama library yang kalian Saja Empty Activity2. Akan tampil seperti biasa proyek baru Android Proyek Baru di Android Studio3. Lalu, tambahkan library di dalam proyek kita. Caranya pilih menu File → New Library ke ProyekLalu, akan muncul window baru untuk memilih tipe modul yang ingin kita Tipe Modul LibrarySila pilih tipe modul Android Library karena kita ingin membuat sebuah library. D yaiyalaahSetelah memilih Android Library, pilih Next. Akan muncul window baru untuk memasukkan nama library yang kita inginkan. Sila isi dengan nama library yang kita inginkan. Kali ini tidak perlu menambahkan example atau apapun di belakangnya. Lebih baik hanya nama library. Setelah selesai, pilih Modul LibrarySetelah berhasil membuat modul library, akan tampil sebuah modul baru di bagian kiri tampilan Android Studio Library yang Telah Dibuat4. Kemudian, dengan modul yang baru, tambahkan file class Kotlin, agar kita bisa melakukan perintah apapun seperti membuat aplikasi seperti membuat class baru, klik kanan pada folder library kita → pilih New → Kotlin File/ Class Baru di LibraryAkan muncul dialog untuk memasukkan nama dan tipe file yang ingin kita buat. Sila masukkan nama class yang kalian inginkan, lalu pilih tipenya Class, kemudian pilih catatan, nama class atau nama function ini akan kita gunakan nanti saat menggunakan library Class BaruSetelah berhasil membuat class Kotlin, bila muncul pilihan untuk konfigurasi modul yang baru kita buat menjadi support Kotlin, pilih configure saja agar module kita yang baru bisa support bahasa kita configure, biasanya di dalam gradle bagian dependency ada perintah yang masih menggunakan compile. Ganti compile dengan Implementation. Apabila masih ada warning, bisa dibiarkan Kemudian, kita tambahkan kode untuk library kita. Karena di sini hanya percobaan, library yang akan kita buat adalah library yang simpel yaitu membuat atau menampilkan pesan log info pada Android Studio dengan bantuan library kita. Sila tambahkan kode di bawah ini ke class yang baru kita LibDebug { companion object Builder { private const val TAG = "LIB_EXAMPLE_ANDROID" fun imessageString{ message } }}6. Setelah kita memiliki library dan sudah ditambahkan dengan sebuah perintah yang ingin kita lakukan nanti dengan library tersebut, saatnya memasukkan proyek kita ke GitHub sila eksplor sendiri, ya, cara memasukkan proyek ke GitHub D.Setelah masuk ke Github, tampilan repositori di Github akan terlihat seperti iniTampilan Repositori di GitHub7. Kita akan mencoba agar library kita dapat di-publish menggunakan Sila buka website-nya Website Salin URL repositori library yang kita punya di dalam GitHub Tempel URL tersebut ke kolom yang ada di website lalu pilih Look Kita akan Otomatis Dipersingkat oleh JitPackAkan tampil informasi tentang versi dari library kita yang ada di repositori GitHub dan bagaimana menggunakan library kita dengan JitPackPada bagian Releases, terdapat riwayat commit kita di GitHub, dan di sampingnya ada tombol Get pada Bagian ReleasesIni digunakan bila ingin library kita dibuat berdasarkan versi dari commit yang Selanjutnya, kita membutuhkan versi release dari library. Oleh sebab itu, kita harus melakukan release pada repositori kita yang ada di buka repo GitHub kita lagi yang ada di browser, lalu klik bagian Repositori di GitHubMasukkan informasi versi dari library kita dan deskripsi library kita, lalu pilih Publish untuk Merilis LibraryBila berhasil, tampilannya akan seperti iniTampilan LibraryYeeey, kita sudah berhasil merilis library kita! D11. Kembali ke website tekan button Look up lagi, maka tampilan terbaru untuk status versi library kita akan berubah menjadi versi release. Tunggu sampai ikon loading berubah menjadi ikon dokumen berwarna hijau, lalu tekan tombol Get it. Library kalian pun siap digunakan!12. Selamat, kamu sudah berhasil membuat library yang bisa digunakan di proyek Android Studio! Tinggal tambahkan library kalian ke dependency seperti library yang untuk mudahnya cara menggunakan library kalian dengan sudah ada tutorialnya. Setelah menekan tombol Get it, akan diarahkan ke tutorial cara memasukkan library kalian ke dalam sebuah LibraryDengan menambahkan library kalian ke dalam dependencies, library kalian jadi bisa digunakan. hore13. Sila dicoba dengan membuat proyek baru atau dengan project yang sudah ada. Masukkan dependencies seperti di atas, lalu gunakan library yang kalian buat sesuka Pesan Hanya dengan Huruf “i”. DKarena dalam kasus ini kita hanya membuat library yang sederhana menampilkan pesan pada log info, hasil dari library kita akan seperti itu. Sila teman-teman membuat library yang lebih bagus dan bisa bermanfaat untuk semua orang. 😃Terima kasih sudah membaca! Keep learning and never give up. See you! ❤Repositori GitHub Firdaus adalah salah satu Android developer di GITS Indonesia. - Ketika menerima foto yang dikirim via WhatsApp, tak jarang foto tersebut terlihat blur karena kualitasnya turun. Hal itu disebabkan karena WhatsApp mengompresi file foto yang dikirim, sehingga ukurannya lebih kecil dan mudah ditransfer Namun, ada cara untuk membuat foto yang dikirim lewat WhastApp tetap pada resolusi tinggi, sehingga foto tidak akan menjaga file foto yang dikirim lewat WhatsApp tetap dalam resolusi tinggi adalah dengan memanfaatkan fitur berkirim dokumen. Jenis file ini sedikit memakan waktu, apalagi jika ukuran file cukup ini bisa dilakukan baik di ponsel platform Android maupun iOS. Di kedua platform ini caranya hampir mirip, hanya saja untuk iPhone/iPad, caranya agak sedikit lebih rumit. Baca juga Awas, Foto yang Dikirim lewat WhatsApp Bisa Diedit Hacker Android Di ponsel Android, cara mengirim foto via WhatsApp tanpa menurunkan resolusi, atau berupa dokumen bisa dilakukan dengan cara lebih mudah. Sebagaimana mengirim foto biasa, klik menu lampiran berupa ikon penjepit kertas di bagian bawah, atau sebelah ikon kamera. Kemudian, pilih opsi dokumen. Lanjutkan dengan klik "browse other documents" cari dokumen lain. Pilih foto mana yang akan dipilih, jika hanya memilih satu, klik opsi "send" kirim yang muncul secara pop-up. Jika ingin mengirim lebih dari satu foto, tahan satu foto hingga muncul tanda centang biru, lalu pilih beberapa foto lain yang yang dikehendaki. Kemudian pilih opsi "open" yang ada di kanan atas, dan pilih opsi "send". Tangkapan layar cara mengirim foto beresolusi tinggi berupa dokumen di Android. Foto yang terkirim akan berupa file dokumen dengan format JPG. Bedanya dengan pengiriman foto biasa, thumbnail foto tidak akan terlihat. Sehingga, penerima harus membuka file tersebut lebih dulu untuk mengetahui isi pengiriman berbentuk dokumen, maka foto tidak akan masuk ke galeri foto melainkan ke folder "files". Foto bisa ditemukan di "WhatsApp Documents". iOS iPhone/iPad Pengiriman serupa melalui iPhone agak sedikit rumit. Sebab membutuhkan bantuan "Files App" untuk menautkannya ke iCloud. Setelah gambar tersimpan di "Files App", cara pengirimannya sama dengan Android. Tangkapan layar bentuk file dokumen JPG di Android. Pilih ikon lampiran, lalu pilih file gambar yang telah disimpan di "Files App", lantas kirimkan gambar tersebut. Baca juga Studi WhatsApp Hindarkan Orang dari Rasa Kesepian Karena resolusi gambar yang tidak dikompresi, tentu konsekuensinya adalah penggunaan data yang lebih banyak untuk mengunggah gambar. Namun resolusi tetap terjaga. Waktu yang dibutuhkan untuk upload atau pengiriman juga agak sedikit lama, dibandingkan dengan pengiriman foto cara biasa, atau yang dikompresi. Tapi tidak ada salahnya menggunakan cara ini jika memang foto beresolusi tinggi dibutuhkan segera. Dapatkan update berita pilihan dan breaking news setiap hari dari Mari bergabung di Grup Telegram " News Update", caranya klik link kemudian join. Anda harus install aplikasi Telegram terlebih dulu di ponsel.

cara membuat file img android