Advertisement
  1. Code
  2. Android SDK

SDK Android: Sumber Daya Aplikasi

Scroll to top
Read Time: 9 min
This post is part of a series called Learn Android SDK From Scratch.
Android SDK: Java Application Programming
Android SDK: Project Manifest

() translation by (you can also view the original English article)

Kami sedang mempelajari cara mengembangkan aplikasi Android dalam seri ini. Sejauh ini, kami telah melihat struktur aplikasi Android dan menjelajahi antarmuka pengguna. Sejauh ini, kami telah melihat struktur aplikasi Android dan menjelajahi antarmuka pengguna.


Pengenalan

Di bagian seri ini, kami akan memeriksa jenis sumber daya yang kemungkinan besar akan Anda gunakan dalam proyek pertama Anda. Sumber daya proyek mencakup tata letak, gambar, dan nilai data yang digunakan dalam aplikasi. Saat Anda membuat proyek baru, beberapa folder untuk jenis sumber daya umum disertakan dalam direktori proyek Anda secara otomatis. Anda dapat menambahkan folder untuk tipe tambahan jika Anda membutuhkannya.

Anda dapat menemukan sumber daya untuk proyek yang kami buat sebelumnya dalam rangkaian dengan menjelajah ke folder 'res' di Paket Explorer. Buka folder untuk melihat isinya. Anda dapat menambahkan folder baru ke direktori sumber daya dan dapat menambahkan file baru ke masing-masing file, serta bekerja dengan file yang ada (seperti yang kita lakukan dengan file nilai tata letak dan string sebelumnya dalam seri ini).


1. Sumber Daya Alternatif

Sebelum kita mulai dengan spesifikasinya, perlu dicatat bahwa Anda dapat menempatkan sumber daya Android Anda ke dalam dua kategori: sumber daya yang dapat digunakan di seluruh perangkat dan sumber daya yang disesuaikan dengan sebagian perangkat. Anda dapat melihat contoh ini dalam struktur proyek yang ada. Dalam Eclipse Package Explorer, lihat direktori 'res'. Ingat bahwa folder yang dapat digambar berbeda disesuaikan dengan kerapatan layar perangkat tertentu. Kami akan menambahkan satu di tutorial ini untuk file yang dapat ditarik yang tidak ditargetkan (yang dapat digunakan di seluruh perangkat).

Anda dapat menambahkan direktori alternatif untuk setiap jenis sumber daya menggunakan kualifikasi untuk menargetkan kategori, seperti Eclipse telah dilakukan dengan 'drawable-hdpi', 'drawable-xhdpi', dan seterusnya. Platform Android mendukung kualifikasi tersebut untuk berbagai aspek perangkat pengguna, termasuk ukuran layar, kepadatan, tingkat API, bahasa, wilayah, dan lainnya. Folder jenis sumber daya apa pun yang tidak menyertakan kualifikasi dalam nama adalah untuk sumber daya yang dapat digunakan di seluruh perangkat. Anda tidak akan selalu membutuhkan folder yang memenuhi syarat untuk semua jenis sumber daya Anda, tetapi ketika Anda menguji aplikasi Anda di perangkat yang berbeda Anda mungkin menemukan bahwa beberapa aspek perlu tweaking agar tetap dapat digunakan di seluruh konfigurasi.


2. Drawables

Langkah 1

Seperti yang kita ketahui, Eclipse membuat beberapa folder yang dapat digambar, masing-masing ditargetkan pada bucket kepadatan tertentu. Folder yang dapat digambar berisi gambar apa pun yang Anda gunakan di aplikasi Anda. Anda dapat menyertakan gambar yang disiapkan di luar Eclipse dalam format digital, seperti JPEG, PNG, dan GIF. Anda juga dapat menentukan drawables dalam kode XML. Mari lakukan ini dan tambahkan satu ke tata letak utama.

Meskipun Anda umumnya harus mencoba untuk menyesuaikan drawable Anda ke setiap kepadatan target, untuk keperluan tutorial ini kita akan menggunakan satu drawable untuk semua perangkat. Dengan folder 'res' yang dipilih di Eclipse Package Explorer, buat folder baru dengan memilih 'File' atau klik kanan folder, lalu pilih 'Baru' dan 'Folder'. Beri nama pada folder 'drawable' dan klik 'Finish' untuk membuatnya.

New FolderNew FolderNew Folder

Ini adalah proses untuk mengikuti kapan pun Anda perlu membuat folder baru di proyek Anda.

Langkah 2

Folder drawable baru Anda seharusnya sekarang muncul di Packager Explorer bersama folder yang dapat ditarik yang ada. Seperti yang kami jelajahi di atas, jika folder tidak ditargetkan ke sebagian perangkat tertentu, mis. didefinisikan menggunakan kategori kepadatan atau tingkat API (seperti folder nilai), Anda dapat menempatkan sumber daya di dalamnya yang dapat digunakan pada perangkat pengguna. Jadi apa pun yang kita tempatkan di folder baru yang dapat ditarik ditampilkan di semua perangkat pengguna. Untuk sebagian besar gambar, Anda harus menyiapkan versi khusus untuk kerapatan yang berbeda, tetapi untuk kesederhanaan kami akan menggunakan folder baru dalam tutorial ini.

Buat file baru di folder drawable baru Anda dengan memilihnya di Paket Explorer, klik kanan atau pilih 'File', lalu pilih 'New' dan 'Android XML File'. Anda akan melihat wizard untuk membuat file baru. Android mendukung beberapa jenis file drawable. Kita akan membuat bentuk yang dapat ditarik di mana kita mendefinisikan gambar menggunakan markup untuk mewakili berbagai aspek bentuk dan tampilannya. Lihat Developer Guide untuk ikhtisar dari jenis lain yang dapat ditarik.

New Shape FileNew Shape FileNew Shape File

Di daftar drop-down atas Anda dapat memilih jenis sumber daya, yang secara otomatis dipilih untuk ditarik karena kami membuat file di folder itu. Berikutnya adalah daftar drop-down proyek, yang juga harus secara otomatis diisi dengan proyek yang Anda pilih. Berikutnya adalah bidang-teks untuk nama-file - masukkan 'nice_shape.xml'. Di bawah ini adalah daftar elemen root yang dapat Anda pilih. Gulir ke bawah dan pilih 'bentuk' karena kita akan mendefinisikan bentuk yang dapat digambar. Klik "Finish". Eclipse akan membuat file baru dan membukanya untuk diedit.

Langkah 3

Dengan bentuk dapat digambar, Anda dapat memilih dari berbagai jenis bentuk umum, termasuk persegi panjang, oval, garis, dan cincin. Setelah Anda memilih jenis bentuk, Anda dapat menentukan properti bentuk termasuk warna solid atau gradien, sudut, padding, dimensi, dan goresan. Edit elemen bentuk akar Anda untuk memilih persegi panjang:

1
<shape xmlns:android="http://schemas.android.com/apk/res/android"
2
  android:shape="rectangle" >
3
4
</shape>

Anda kemudian dapat menentukan properti bentuk dengan menambahkan elemen lain di dalam elemen bentuk akar. Mulai dengan menentukan gradien:

1
<shape xmlns:android="http://schemas.android.com/apk/res/android"
2
	android:shape="rectangle" >
3
4
	<gradient
5
		android:angle="270"
6
		android:centerColor="#FFFFFF00"
7
		android:endColor="#FF0000FF"
8
		android:startColor="#FFFF0000"
9
		android:type="linear" />
10
11
</shape>

Kami mendefinisikan tipe gradien, sudut, dan mulai, akhir, dan warna tengah. Setelah elemen gradien, tambahkan beberapa sudut membulat:

1
<corners android:radius="10dp" />

Selanjutnya tambahkan stroke:

1
<stroke
2
	android:width="2dp"
3
	android:color="#FF339966" />

Saat Anda mengetik di editor, Anda akan melihat elemen dan tipe atribut yang tersedia di Eclipse, jadi luangkan waktu untuk bereksperimen dengan mereka setelah Anda menyelesaikan tutorial ini. Kami akan menggunakan bentuk di UI kami di langkah berikutnya. Simpan file drawable Anda untuk saat ini.

Tip: Untuk menggunakan file gambar digital yang Anda siapkan di luar Eclipse di aplikasi Anda, cukup salin ke folder yang dapat ditarik yang relevan di direktori ruang kerja Anda. Setelah menyalin file ke folder sumber daya, Anda mungkin harus menyegarkan tampilan Eclipse. Lakukan ini di Paket Explorer dengan memilih proyek, klik kanan atau pilih 'File', lalu pilih 'Refresh'. Anda kemudian akan dapat merujuk ke file dalam kode aplikasi Anda.

3. Layouts

Langkah 1

Kami mulai melihat tata letak di awal seri, saat kami merancang antarmuka pengguna aplikasi. Mari kita lihat bagaimana file layout dan drawables berinteraksi. Kita dapat menampilkan drawable di layout sebagai latar belakang dari View atau dalam View khusus. Mulailah dengan mencantumkan bentuk yang dapat digambar yang kami buat sebagai latar belakang untuk Tampilan yang ada. Buka file tata letak utama aplikasi Anda. Mari kita atur bentuk yang bisa digambar sebagai latar belakang untuk tombol yang kita tambahkan. Tambahkan atribut berikut ke elemen Tombol Anda:

1
android:background="@drawable/nice_shape"

Kami menggunakan jenis dan nama sumber daya (nama file yang kami berikan dapat digambar) untuk merujuknya dalam tata letak. Perhatikan bahwa ini adalah pola sintaks yang sama yang kita gunakan saat mengacu pada nilai string. Simpan dan beralih ke tab Tata Letak Grafis untuk melihat bentuk sebagai latar belakang tombol. Anda mungkin memperhatikan bahwa tombol membutuhkan sedikit bantalan, jadi kembali ke pengeditan XML dan tambahkan atribut padding ke elemen Tombol:

1
android:padding="5dp"

Beralih kembali ke Tata Letak Grafis untuk melihat efeknya.

Background LayoutBackground LayoutBackground Layout

Langkah 2

Sekarang mari gunakan bentuk yang dapat digambar dalam Tampilan khusus. Tambahkan berikut setelah elemen Tombol di tata letak Anda:

1
<ImageView
2
	android:layout_width="fill_parent"
3
	android:layout_height="fill_parent"
4
	android:layout_margin="10dp"
5
	android:src="@drawable/nice_shape" />

Kami mengatur ImageView untuk mengisi ruang yang tersedia tanpa margin. Anda dapat secara opsional mengaturnya untuk menggunakan lebar dan tinggi tetap. Perhatikan bahwa Eclipse menampilkan peringatan karena Anda belum menambahkan atribut deskripsi konten, ini membantu aksesibilitas jadi mari tambahkan satu. Buka file XML string 'res / values' Anda dan tambahkan yang berikut:

1
<string name="pic">Picture</string>

Sekarang Anda dapat menambahkan string ke ImageView di file layout Anda:

1
android:contentDescription="@string/pic"

Seperti yang Anda lihat, bekerja dengan sumber daya melibatkan pengalihan bolak-balik antara berbagai file dalam proyek dan menggunakan pola sintaks standar untuk membuat referensi antara item sumber daya. Beralih kembali untuk melihat pratinjau grafis.

Image ViewImage ViewImage View

Anda dapat menggunakan kontrol untuk memperbesar dan memperkecil.


4. Jenis Sumber Daya Lainnya

Sejauh ini kami menggunakan tiga jenis sumber daya di aplikasi: layout, drawable, dan values. Masih banyak lagi yang bisa Anda gunakan di aplikasi Anda, menggunakan proses yang sama yang kami gunakan di atas untuk mereferensikannya. Seperti yang kita lihat sebelumnya dalam seri, Anda juga dapat referensi sumber daya dalam file Java Anda menggunakan sintaks berikut:

1
//R.type.name

2
R.string.pic//example

Mari kita secara singkat meringkas beberapa jenis sumber daya lain yang mungkin berguna bagi Anda di masa mendatang. Kami menggunakan sumber daya yang dapat digambar dan tata letak di atas dan di tutorial sebelumnya, dan menggunakan nilai string dalam file tata letak. Perluas folder 'values' di Package Explorer. Bersama file string, Eclipse biasanya menambahkan satu untuk dimensi dan satu untuk gaya. Dalam file gaya Anda dapat menentukan properti tampilan yang koheren untuk UI aplikasi Anda. Dalam file 'dimens' Anda dapat menentukan nilai dimensi yang ingin Anda gunakan dalam aplikasi Anda.

Seperti yang kami sebutkan di atas, Anda dapat membuat folder jenis sumber daya alternatif menggunakan kualifikasi untuk properti perangkat tertentu. Seperti yang Anda lihat, Eclipse membuat folder nilai yang ditargetkan pada tingkat API tertentu, tetapi Anda dapat menargetkan perangkat menggunakan banyak kualifikasi lainnya. Misalnya, Anda mungkin ingin menggunakan lebar dan tinggi tetap untuk ImageView yang kami tambahkan, menyesuaikan ukuran yang ditampilkan ke ukuran layar perangkat. Untuk mencapai ini, Anda dapat menambahkan folder nilai untuk setiap ukuran atau kerapatan bucket ("-small", "-large", "-hdpi", "-mdpi", etc), dengan file dimensi di masing-masingnya. Dengan menyertakan nilai dimensi di setiap file ini, memberikan nilai dengan nama yang sama tetapi nomor yang berbeda, Android secara otomatis memilih yang benar untuk perangkat pengguna.

Jenis sumber daya lain yang mungkin berguna bagi Anda termasuk angka, menu, animasi, dan nilai warna. Eclipse biasanya membuat folder menu saat Anda membuat aplikasi, jadi lihatlah sekarang. Untuk mendefinisikan animasi XML, Anda dapat menambahkan folder 'anim' atau 'animator' ke 'res', atau menambahkan file animasi Anda ke folder yang dapat ditarik tergantung pada jenis yang Anda gunakan.

Jika Anda ingin menggunakan serangkaian warna di UI aplikasi Anda, Anda dapat menentukannya dalam file yang disimpan di direktori nilai, menggunakan elemen warna. Setiap elemen warna dapat berisi nilai HEX dan atribut nama, sehingga Anda dapat merujuk ke warna di file Anda yang lain. Sumber daya XML yang tidak termasuk dalam salah satu kategori yang didefinisikan di Android dapat disimpan dalam direktori 'xml' di 'res'.

Untuk ikhtisar semua jenis sumber daya di Android, lihat bagian Panduan Pengembang tentang Resource Types Daya dan Resource Types Lain. Meskipun kebutuhan Anda akan cukup mudah pada awalnya, ada baiknya mencari melalui daftar sekarang sehingga Anda memiliki gagasan tentang apa yang mungkin nanti.

Kiat: Saat Anda melihat contoh Android atau Panduan Pengembang, Anda akan sering melihat nama file standar yang sama digunakan untuk sumber daya. Namun, nama file biasanya arbitrary - selama Anda menggunakan nama dan elemen folder yang benar, kode aplikasi Anda akan mengakses semua sumber daya Anda menggunakan sistem identifikasi. Selain itu, menempel pada nama file konvensional dapat membuat aplikasi Anda lebih mudah digunakan, terutama di folder nilai.

Kesimpulan

Dalam tutorial ini, kami melihat dasar-dasar resources aplikasi di Android. Tapi seperti yang Anda lihat, ada banyak hal yang bisa dijelajahi. Untuk beberapa aplikasi pertama Anda, Anda dapat menyimpan hal-hal yang relatif sederhana saat Anda terbiasa dengan praktik penggunaan sumber daya. Namun seiring berkembangnya aplikasi Anda, Anda harus mencoba memikirkan berbagai perangkat pengguna yang dapat dijalankan aplikasi Anda, dengan menyediakan sumber daya tambahan seperlunya. Di bagian selanjutnya dari seri, kita akan melihat file Manifest proyek.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Code tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.