Advertisement
  1. Code
  2. Mobile Development
  3. Android Templates

Bagaimana untuk memulai dengan Android App Template

Scroll to top

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

Menciptakan antarmuka pengguna menarik untuk aplikasi Android hampir selalu adalah tugas yang memakan waktu, apa dengan mendukung puluhan versi Android, ukuran layar, dan kepadatan piksel. Hari ini, dengan semakin banyak pengguna mengharapkan apps guidelines darai Material Design, tugas telah diperdebatkan menjadi lebih sulit. Untungnya, CodeCanyon memiliki beberapa aplikasi Android template yang dapat Anda gunakan untuk memulai pengembangan aplikasi Anda berikutnya.

Dalam tutorial ini, saya akan membantu Anda memulai dengan salah satu template, disebut Material Design UI Android Template App yang dikembangkan oleh CreativeForm.

Prasyarat

Untuk dapat mengikuti tutorial ini, Anda akan memerlukan versi terbaru dari Android Studio dan perangkat Android atau emulator yang menjalankan Android 2.3 atau lebih tinggi.

1. Dapatkan Template

Mulailah dengan sign in ke account Envato Market dan beli Material Design UI Android Template App pada CodeCanyon.

Material Design UI Android Template App on CodeCanyonMaterial Design UI Android Template App on CodeCanyonMaterial Design UI Android Template App on CodeCanyon

Anda sekarang akan dapat menemukan kode sumber template — dalam bentuk ZIP file — di bagian download.

Setelah men-download ZIP file dan extracting ke folder pilihan Anda, Anda harus memiliki file dan folder berikut:

Template contentsTemplate contentsTemplate contents

2. Buka Template

Template dapat digunakan dengan Eclipse dan Android Studio. Dalam tutorial ini, namun, mari kita fokus hanya pada yang terakhir.

Api Android studio dan pilih Open an existing Android Studio project yang ada di menu pembuka. Menavigasi ke folder di mana Anda diekstrak template, pilih android - AS, dan tekan OK.

Open project dialogOpen project dialogOpen project dialog

3. mengkonfigurasi Template

Material Design UI Android Template App tergantung pada beberapa open source perpustakaan. CompileSdkVersion dari beberapa perpustakaan tersebut adalah API tingkat 19, yang sedikit lebih tua daripada template itu sendiri. Oleh karena itu, untuk menghindari kesalahan membangun, Anda harus memperbarui Perpustakaan.

Berikut ini adalah perpustakaan yang perlu diubah:

Buka file build.gradle masing-masing Perpustakaan dan mengubah nilai compileSdkVersion 21 sehingga cocok compileSdkVersion template.

1
compileSdkVersion 21

Jangan lupa untuk tekan tombol Sync Now setelah membuat perubahan.

4. Jalankan Template

Pada titik ini, Silahkan menjalankan app template pada perangkat Android atau emulator. Namun, sebelum Anda menekan tombol Run, pastikan bahwa konfigurasi UIAppTemplate menjalankan dipilih.

Perhatikan bahwa pertama kalinya Anda mencoba menjalankan app, Anda mungkin menemukan beberapa kesalahan yang berhubungan dengan pengkodean karakter. Kesalahan hadir dalam sebuah file bernama ProgressWheel.java, yang merupakan milik Perpustakaan Progress Wheel.

Character encoding errorsCharacter encoding errorsCharacter encoding errors

Cara termudah untuk memperbaiki kesalahan adalah untuk membuka file, pastikan bahwa pengkodean yang diatur ke UTF-8, dan menyimpannya.

Character encoding fixCharacter encoding fixCharacter encoding fix

Setelah membangun selesai, Anda harus dapat melihat layar home template app.

Home screen of app templateHome screen of app templateHome screen of app template

Merasa bebas untuk menggunakan laci navigasi untuk melihat semua layout, animasi, dan tampilan kustom yang tersedia dalam template. Sebagai contoh, memilih halaman Login Pages > Media menunjukkan layar berikut.

Login ScreenLogin ScreenLogin Screen

Kesimpulan

Sekarang Anda dapat mulai menyesuaikan Material Design UI Android Template App agar sesuai dengan kebutuhan Anda. Ini memiliki lebih dari 100 layout XML file, lima tema dan lebih dari 50 activity yang berbeda. Itu berarti Anda bisa membangun aplikasi berikutnya Anda dengan hanya memilih sebuah subset dari unsur-unsur UI dan bergaul logika data dan bisnis Anda dengan itu.

Untuk mempelajari lebih lanjut tentang template, lihat dokumentasi yang komprehensif yang tersedia dalam folder docs.

Envato pasar memiliki ratusan template aplikasi Android lain yang dapat Anda pilih. Ada template untuk games dan complete aplikasi, serta template starter komprehensif seperti yang kita digunakan dalam posting ini. Jadi kita lihat, dan Anda hanya mungkin menyelamatkan diri banyak pekerjaan pada aplikasi Android Anda berikutnya.

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.