Apps Development (Android Studio) BM

Diterbitkan & Diedar oleh Advanced Business Systems Consultants Sdn. Bhd. (162056-U)
AMC College, Lot 43-44, 1ST Floor, Likas Square Commercial Centre,
Jalan Istiadat Likas, 88400 Kota Kinabalu, Sabah, Malaysia.
Tel: +(6) 088 235 218
Fax: +(6) 088 245 955
Website: www.amc.edu.my

PEMBANGUNAN APLIKASI (ANDROID STUDIO) 1

KANDUNGAN

Bab Muka Surat
Bab 1 Pengenalan Kepada Android Studio 2
1.1 Keperluan Sistem 2
1.2 Muat Turun Android Studio 3
1.3 Kegunaan Interface 4
1.4 Asas Aliran Perkembangan Kerja 5
1.5 Muat Turun Java Development Kit (JDK) 6
1.6 Mencari Pembolehubah Persekitaran Pada Windows 7

Bab 2 Memahami Tata Atur Menggunakan XML Visualizer 9
2.1 Bahasa Android Studio 10
2.2 TextView 10
Latihan 1: Ubah TextView menggunakan Android Visualizer 11
Latihan 2: Mengenalpasti Kesalahan Dan Membetulkan Nilai 13
2.3 Paparan Imej 15

Bab 3 Melaraskan Pembangunan Persekitaran Android Studio 17
3.1 Menggunakan Pengurus Peranti Maya Android 22
3.2 Jadikan Alat-Alat Mudah Alih SDK Android Boleh Dihubungi 29
3.3 Mengemas Kini Android Studio Dan Sdk 32
3.4 Ringkasan 32

Bab 4 Mengendalikan Android Studio 33
4.1 Panel Utama Android Studio 33
4.2 Tindakan Berguna Dalam Android Studio 34
4.3 Navigasi 35
4.4 Struktur Projek Android Studio 36
4.5 Menjalankan dan Debugging Android Studio 36
4.6 Menujudkan Komponen Android Baharu 37
4.7 Pereka Tata Letak dan Tata Letak Pratonton 38

Bab 5 Membuat Aplikasi Pertama Anda: Hello World 40
5.1 Apakah Hello World Dalam Pengaturcaraan? 40
5.2 Membangunkan App Hello World 40
5.3 Membuat Aplikasi Kad Hari Jadi 44
5.4 Menggayakan Paparan 51

Bab 6 Jalankan Aplikasi Pada Telefon Anda 59
6.1 Peralatan Diperlukan 59
6.2 Alat Sdk Yang Lain 61
6.3 Latihan 63

PEMBANGUNAN APLIKASI (ANDROID STUDIO) 2

BAB 1

PENGENALAN KEPADA ANDROID STUDIO

Objektif

a. Pelajar dapat melihat sistem yang diperlukan oleh Android Studio
b. Pelajar akan memahami mengenai penggunaan interface

Android Studio adalah Persatuan Pembangunan Bersepadu rasmi (IDE) untuk platform
Android. Pembentukan stabil pertama dikeluarkan pada bulan Disember 2014. Menurut
JetBrains IntelliJDEA Android Studio direka khusus untuk pembangunan Android, termasuk
peneditan debungging, pengujian dan alat profil yang kaya. Bagaimanapun Mateusz
Batros seorang pembangun Android dari www.medium.com menyatakan dalam
artikelnya aplikasi IOS di Java serasi dengan Android1.

1.1 Keperluan Sistem

Windows Mac

Microsoft Windows 7/8/10 (32 – or 64 – bit) Mac® OS X® 10.10 (Yosemite) atau lebih
tinggi, sehingga 10.12 (macOS Sierra)
Minimum 3 GB RAM, disyorkan 8 GB RAM,
dan 1 GB untuk Android Emulator Minimum 3 GB RAM, Disyorkan 8 GB RAM;
dan 1 GB untuk Android Emulator
Minimum 2 GB ruang disk kosong,
2 GB minimum ruang disk kosong,
Disyorkan 4 GB (500 MB for IDE + 1.5 GB
untuk Android SDK dan sistem imej Disyorkan 4 GB (500 MB for IDE + 1.5 GB
emultor) untuk Android SDK dan sistem imej
emulator)
Minimum resolusi skrin 1280 x 800
Minimum resolusi skrin 1280 x 800
Untuk emulator pantas: Intel® processor
with support for Intel® VT-x, Intel® EM64T
(Intel® 64), and Execute Disable (XD) Bit
functionality

1 https://medium.com/@mateusz_bartos/write-ios-apps-in-java-along-with-android-900d6013f83f
(July 2017)

PEMBANGUNAN APLIKASI (ANDROID STUDIO) 3

1.2 Muat turun Android Studio

Anda boleh memuat turun perisian Android Studio di

https://developer.android.com/studio

Rajah 1.0 Muat turun Android Studio dengan percuma

PEMBANGUNAN APLIKASI (ANDROID STUDIO) 4

1.3 Kegunaan Interface

Bar alat membolehkan Bar navigasi membantu anda Tetingkap editor adalah di
mengendalikan projek anda mana anda membuat dan
anda melakukan dan membuka fail untuk mengubah suai kod.
mengedit. Ia memberikan Bergantung pada jenis fail
pelbagai tindakan, semasa editor boleh berubah.
Contohnya apabila melihat fail
termasuk menjalankan susun atur editor memaparkan
Editor Tata Letak
aplikasi anda dan pandangan yang lebih padat
Tetingkap Editor
melancarkan alat mengenai struktur yang dapat
Android dilihat dalam tetingkap Projek.

Bar alat Bar Navigasi

Tetingkap
Bar alat

Tetingkap
alat

Bar
Status

Tetingkap Bar alat berfungsi Tetingkap alat memberi Bar status memaparkan
sekeliling luar tetingkap IDE status projek anda dan
dan mempunyai butang anda akses kepada tuas IDE itu sendiri serta
yang membolehkan anda sebarang amaran atau
untuk mengembangkan atau tertentu seperti pengurusan mesej.
mengecilkan tetingkap alat
individu. projek, carian, kawalan versi

dan banyak lagi. Ia boleh

dikembangkan atau

dikecilkan.

PEMBANGUNAN APLIKASI (ANDROID STUDIO) 5

1.4 Asas Aliran Perkembangan Kerja

PEMBANGUNAN APLIKASI (ANDROID STUDIO) 6

1.5 Muat turun Java Development Kit (JDK)

Java diperlukan dalam membina aplikasi menggunakan perisian Android Studio. Berikut
adalah langkah-langkah untuk menubuhkan persekitaran java untuk JDK;

Rajah 1.1 Proses memuat turun JDK
Rajah 1.1 menunjukkan bahawa anda perlu menerima Lesen Perjanjian dengan cara
menekan butang radio.

Rajah 1.2
Seterusnya, anda mesti memilih JDK yang sesuai untuk sistem pengendalian anda.
Sekiranya anda menggunakan Windows 7 atau Windows 8, anda perlu menekan pautan
fail di sebelah kanan lebel Windows x64, juga ditunjukkan pada Rajah 1.1. Oracle kerap
membuat kemas kini pada JDK. Pada masa buku ini akan cetak, JDK versi terbaru boleh
didapati, oleh itu pastikan memuat turun versi terbaru. Tunggu fail pemasangan dimuat
turun. Fail ini hanya mempunyai saiz sebanyak 125MB, proses muat turun tidak akan
mengambil masa yang lama.2

2 Learning Android Studio by Adam Gerber | Clifton Craig 2015

PEMBANGUNAN APLIKASI (ANDROID STUDIO) 7

Rajah 1.3 menyalin laluan Java yang dipasang
Panduan C:\Java juga mengekalkan persekitaran pembangunan anda. Rajah 1.3
adalah langkah pada Configuring Environmental Variables pada windows. Salin laluan
Java yang dipasang.

1.6 Mencari Pembolehubah Persekitaran Pada Windows;

Rajah 1.4 Sistem Window
Klik pilihan Advanced System Settings, ditunjukkan pada Rajah 1.4. Seterusnya, pilih
Environment Variables.

Masukkan
maklumat &
tampal laluan
pada ‘variable

value’

Rajah 1.5 Perubahan nama & Nilai

PEMBANGUNAN APLIKASI (ANDROID STUDIO) 8
Sekarang klik OK,OK,OK untuk menerima perubahan dan keluar dari system properties.
Untuk mencuba JDK yang baru di pasang, tarik baris arahan dengan cara mengklik Start
button, taip cmd, dan kemudian tekan Enter. Dalam tetingkap arahan, keluarkan arahan
tersebut dan tekan Enter:
java –version
Sekiranya anda mendapat tindak balas seperti yang ditunjukkan pada Rajah 1.6, tahniah.
Anda telah memasang JDK dengan betul.

Rajah 1.6 JDK dipasang dengan betul.

PEMBANGUNAN APLIKASI (ANDROID STUDIO) 9

BAB 2
MEMAHAMI TATA ATUR MENGGUNAKAN XML VISUALIZER

Objektif

a. Pelajar akan mempelajari aplikasi single-screen Android dengan ayat dan gambar
b. Pelajar akan mempelajari bagaimana untuk membuat penggunaan interface XML

Visualizer sebagai permulaan

Pandangan Android Studio

Rajah 2.0 Pandangan
Ini merupakan pandangan utama pada android; Text view, Image view dan Button.
Kesemua pandangan adalah dalam segi empat tepat yang tidak kelihatan seperti
ditunjukan pada Rajah 2.0.
Format pandangan ini dinamakan Camel case.
Camel Case bermaksud tiada ruang diantara perkataan dan permulaan ayat bermula
dengan huruf besar.3

Rajah 2.1 format Camel Case

3 Resource: www.studioandroid.com/Tutorial

PEMBANGUNAN APLIKASI (ANDROID STUDIO) 10

2.1 Bahasa Android Studio

XML adalah bahasa komputer, ia merupakan cara untuk menerangkan bagaimana
aplikasi android anda akan kelihatan. Menaip kod adalah seperti menaip arahan yang
khusus. Sama seperti bagaimana kita menggunakan Gmail sebagai alat untuk menaip
email, menaip kod untuk Android, kita akan menggunakan IDE, IDE pula dipanggil Android
Studio.

 Kod
 XML (eXtensible Markup Language)

 Integrated development environment (IDE) – Ini adalah alat dimana kita akan
menulis kod. Sama seperti kita menggunakan Gmail untuk menaip email.

2.2 TextView

Teks Hasil dalam

pandangan teks

Tag Tag
(buka) (tutup)

Rajah 2.1 Pandangan Teks

Diatas TextViews adalah XML Syntax. Syntax bermaksud peraturan yang menentukan XML
yang sah. Sekiranya XML tidak sah, ia tidak akan keluar pada telefon anda.

Jika anda mula membuka tag anda mesti sentiasa menutupnya.

Rajah 2.2 dp bermaksud Density – Piksel bebas adalah unit pengukuran untuk Android.

PEMBANGUNAN APLIKASI (ANDROID STUDIO) 11

Nota: Semua sasaran sentuhan contohnya Butang perlu sekurangnya 48 dp tinggi dan
lebar, ini membolehkan aplikasi anda senang digunakan oleh semua orang.

Latihan 1: Ubah TextView menggunakan Android Visualizer

Aktiviti ini disediakan dari Labs Udacity.

1. Pergi pada laman sesawang ini http://labs.udacity.com/android-
visualizer/#/android/text-view untuk membuka Android Visualizer.

2. Ubah teks pada TextView. Untuk menukar bahagian pratonton kita perlu menukar nilai
dari ‘android:text’.

3. Cuba tukarkan saiz TextView
4. Cuba untuk buat kesalahan. Kemudian Undo (CTRL + Z).

Berdasarkan aktiviti ini anda telah melakukan penulisan XML.

Kod yang diberi Pratonton
untuk Text View

Rajah 2.3 Ubah TextView

Rajah 2.4 Ubah teks

PEMBANGUNAN APLIKASI (ANDROID STUDIO) 12

Rajah 2.5 Ubah tinggi dan lebar

Kesalahan Peranti kelabu
keluar disebabkan
tiada nilai yang sah

Rajah 2.6 Cuba untuk melakukan kesalahan

Rajah 2.7 Menyelesaikan Kesalahan –Udacity Tutorial

Adalah penting bagi anda untuk mengetahui bahawa ia memerlukan banyak kerja yang
cuba mencapai matlamat anda dalam membangunkan android. Pembuat biasanya
mengalami kesilapan semasa bekerja pada sintaks XML, satu penyelesaian mungkin
membawa kepada ralat lain dalam perjalanan, jadi di sinilah anda perlu kreatif dalam
mencari penyelesaian terbaik.

Cara Menyelesaikan Kesalahan;

1. Baca mesej Kesalahan
2. Bandingkan kod
3. Butang undo
4. Minta pertolongan

PEMBANGUNAN APLIKASI (ANDROID STUDIO) 13

Exercise 2: Mengenal pasti Kesalahan dan Betulkan Nilai
Taipkan nilai ini didalam
Android Visualizer

Senaraikan sekurangnya 2 masalah yang anda lihat:
1. ____________________________________________________
2. ____________________________________________________

Figure 2.8 Teks Kesalahan4
2.2.1 Gunakan Android Visualizer untuk aktiviti ini;
Disini anda akan menukar pilihan balut teks, menular saiz teks dan warna teks.

Masukan wrap_content
didalam nilai

‘android:layout_width’

Rajah 2.9 Cuba gunakan wrap_content untuk membuat warna kelabu gelap pada teks

4 Video 14 from Udacity Online Free Tutorials

PEMBANGUNAN APLIKASI (ANDROID STUDIO) 14

Taip
android:textSize=“40sp”
untuk menukar saiz fon

Rajah 2.10 ubah saiz Fon dalam Android Visualizer
Nota: Layar laman sesawang https://material.io/guidelines/ untuk mengetahui lebih lanjut
mengenai spec reka bentuk di desktop, tablet dan android.

Rajah 2.11 ubah warna paparan Fon dalam Android Visualizer
Nota: Terdapat set warna terhad yang disediakan oleh Android. Tetapi anda masih boleh
mengakses pelbagai warna lain dengan menyatakan kod warna yang tepat dengan
menyalin kod daripada Google spec bahan reka bentuk disini
https://material.io/guidelines/style/color.html#color-color-palette5

Salin kod dan tampalkannya
pada “@android:color/white”

Rajah 2.12 https://material.io/guidelines/style/color.html#color-color-palette layari laman
sesawang ini untuk memuat turun atau menyalin palet warna

5 Udacity Video Tutorial from video 12
https://classroom.udacity.com/courses/ud834/lessons/4027328704/concepts/41998985690923

PEMBANGUNAN APLIKASI (ANDROID STUDIO) 15
Hasil: Daripada kelabu ke warna merah jambu

Rajah 2.13 ubah warna di “android: background” barisan ke 3

Tambah atribut ini untuk
menukar warna fon

Rjaah 2.14 https://www.w3schools.com/colors/colors_hex.asp layari ini untuk lebih
informasi mengenai warna hex

2.3 Paparan Imej
Latihan 3: Taip atribut didalam Android/XML Visualizer

<ImageView
android:src="@drawable/cake"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:scaleType="centerCrop"/>

PEMBANGUNAN APLIKASI (ANDROID STUDIO) 16
Pratonton anda akan kelihatan seperti dibawah;

Rajah 2.15 Memasukkan imej dan gunakan nilai ‘centerCrop’

Daripada aktiviti ini anda perlu cuba langkah ini untuk melihat perubahan pada imej
anda;

 Ubah ketinggian dan lebar untuk menjadi nilai dp tetap (contoh 100dp)
 Ubah Scaletype antara center dan centerCrop
 Ubah kepada imej yang berbeza (lihat pautan imej yang tersedia)

Ini adalah lebih banyak atribut untuk mencuba dan menyemak hasil pada bilangan
pratonton;

<ImageView Rajah 2.16 Imej Android
android:src="@drawable/android"
android:layout_width="900dp"
android:layout_height="900dp"
android:scaleType="center"/>

Anda mungkin memerlukan dokumentasi rujukan dalam membina aplikasi anda untuk
memudahkan proses anda boleh lihat pada pautan ini untuk mempelajari lebih lagi;

developer.android.com

Rajah 2.17 laman sesawang develo-
per.android

Anda boleh menemui semua Atribut XML
yang boleh digunakan di dalam visualizer
XML anda1

PEMBANGUNAN APLIKASI (ANDROID STUDIO) 17

BAB 3
MELARASKAN PEMBANGUNAN PERSEKITARAN ANDROID

STUDIO

Objektif

a. Pelajar akan dapat membuat aplikasi Android skrin tunggal dengan teks dan imej
b. Pelajar akan mengamalkan cara membuat interface pengguna dengan menavigasi

Android Studio

Persediaan Android Studio

Kali pertama Android Studio dilancarkan setelah dipasang, dialog akan muncul
menyediakan pilihan untuk mengimport tetapan dari versi Android Studio sebelumnya.
Jika anda mempunyai tetapan dari versi sebelumnya dan ingin mengimportnya ke dalam
pemasangan terkini, pilih pilihan dan lokasi yang sesuai.6
LANGKAH 1

Rajah 3.1 Android studio menetapkan wizard
NOTA: dialog tidak muncul di semua platform. Sekiranya ini berlaku, klik butang
seterusnya.

6 Android Studio Essentials by Neil Smyth (2015)

LANGKAH 2 PEMBANGUNAN APLIKASI (ANDROID STUDIO) 18

Rajah 3.2 selepas pertama kali memasang
perisian, persediaan Android Studio biasanya
akan memerlukan bahagian ini dipilih. Jika anda
seorang pemula dalam ini, anda boleh klik
butang seterusnya.
Seorang pengaturcara biasanya akan
menetapkan persediaan mereka sendiri sesuai
dengan pekerjaan mereka.

Rajah 3.3 rajah kiri diperlukan untuk mengesahkan tetapan yang anda inginkan dan klik
butang selesai, rajah kanan diperlukan untuk memuat turun komponen yang hilang pada
Android Studio anda.

NOTA: Sila pastikan anda mempunyai sambungan internet yang baik, fail biasanya bersaiz
1GB.

LANGKAH 3

Rajah 3.4 Kiri Android SDK adalah yang terkini manakala Kanan adalah Selamat Datang
apabila anda membuka Perisian Android.

Nota: Folder -> Setting -> Appearance & Behaviour -> System Setting -> Uncheck “Reopen
last Project on Start-up”

PEMBANGUNAN APLIKASI (ANDROID STUDIO) 19

Nota yang diberikan adalah dalam kes setiap kali anda membuka Android Studio,
permulaan selamat datang tidak muncul oleh itu anda perlu menukar tetapan dengan
mengikuti arahan yang diberikan.

LANGKAH 4

Rajah 3.5 mengkongfigurasi projek baru

Application name : HelloAndroid

Company domain : amc.edu.my

Project Location : anda boleh mengklik butang dengan bulatan jika anda ingin

menukar penempatan folder anda.

Menggunakan Android Studio 2.2 atau lebih tinggi dengan
plugin Android untuk Gradle ver 2.2.0 atau lebih tinggi anda
boleh menambah kod C dan C++ ke aplikasi anda dengan
menyusunnya ke perpustakaan asli yang Gradle boleh pakej
dengan APK anda. Kod Java anda kemudian boleh
memanggil fungsi dalam pustaka asal anda melalui Java Native Interface (JNI). Jika anda
ingin mengetahui lebih lanjut mengenai menggunakan rangka kerja JNI, baca tips JNI
untuk Android.7

Sistem pengendalian Android boleh berfungsi di pelbagai platform, termasuk konsol
permainan, televisyen, jam tangan, kacamata, telefn pintar, dan komputer tablet. Secara
lalai8, kotak semak Telefon dan Tablet akan dipilih dan API-11 akan dipilih sebagai SDK
minimum. Terima tetapan ini dan klik ‘Next’, seperti yang ditunjukkan dalam Rajah 3.5

Apabila persediaan sudah siap klik butang ‘Next’

7 https://developer.android.com/studio/projects/add-native-code.html(2017)
8 Android Studio 2.3.3 version

PEMBANGUNAN APLIKASI (ANDROID STUDIO) 20

LANGKAH 5

Rajah 3.6 menunjukan bahawa anda perlu menambah Aktiviti ke Mudah Alih, sila klik
‘Empty Activity’ dan klik butang ‘Next’.

Rajah 3.7 menunjukkan bahawa Nama Aktiviti adalah lalai yang ditetapkan oleh
MainActivity, serta Nama Tata Letak sebagai utama. Biarkan penetapan dengan cara itu,
terus dan tekan butang Finish.

PEMBANGUNAN APLIKASI (ANDROID STUDIO) 21

Rajah 3.7 Dengan menggunakan persediaan yang anda buat sebelum ini, Android Studio
akan mula membina maklumat Projek Gradle. Untuk menjadikannya Berjaya anda
memerlukan sambungan internet yang baik.
Apakah Sistem Gradle?
Gradle adalah sistem automasi membina sumber terbuka yang membina konsep Apache
Ant dan Apache Maven dan memperkenalkan Bahasa khusus domain (DSL) berdasarkan
Groovy dan bukannya bentuk XML yang digunakan oleh Apache Maven untuk
mengisytiharkan konfigurasi projek.
LANGKAH 6

Interface ini masih
dalam mod indeks
pemuatan, mungkin
mengambil sedikit

masa untuk
menyediakan
interface keseluruhan.

Rajah 3.8 Ini adalah interface pertama yang akan muncul selepas Android Studio
menyelesaikan penyediaan projek Gradle. Anda boleh mengklik butang Close untuk
keluar dari Tip of the Day.

PEMBANGUNAN APLIKASI (ANDROID STUDIO) 22

Rajah 3.9 Selepas memuat indeks, berikut adalah pandangan penuh tempat kerja
Android Studio.
Nota: Android Studio menggunakan banyak ruang dan RAM, computer anda mungkin
menghadapi gangguan dan tindak balas yang lebih perlahan.
LANGKAH 7

3.1 Menggunakan Pengurus Peranti Maya Android

Pengurus Peranti Maya Android membolehkan anda membuat Peranti Maya Android
(AVDs), yang membolehkan anda menjalankan untuk meniru peranti pada komputer
anda. Terdapat perbezaan yang penting antara simulasi dan emulasi. Simulasi bermakna
bahawa peranti maya hanyalah sebuah permukaan yang menyerupai bagaimana
peranti fizikal sebenarnnya berfungsi, tetapi tidak menjalankan sistem operasi yang
disasarkan. Persekitaran pembangunan Ios menggunakan simulasi, dan ini mungkin
merupakan pilihan yang baik untuk iOS memandangkan bilangan peranti terhad yang
tersedia untuk platform itu.
Dengan emulasi, bagaimanapun, computer anda mengetepikan blok ingatan untuk
menghasilkan semula persekitaran yang terdapat diperanti yang ditiru emulator. Android
Studio menggunakan emulasi yang bermaksud Pengurus Peranti Maya Android
melancarkan versi kotak pasir kernel Linux dan keseleruhan susunan Android untuk meniru
persekitan yang terdapat pada peranti fizikal Android. Walaupun persaingan
menyediakan persekitaran yang lebih setia untuk menguji aplikasi anda daripada simulasi,

PEMBANGUNAN APLIKASI (ANDROID STUDIO) 23
boot sehingga AVD boleh menyeret ke dalam minit, bergantung pada kelajuan computer
anda.
Berita baik ialah selepas emulator anda aktif dalam ingatan, ia tetap reponsif. Walau
bagaimanapun, jika anda mempunyai telefon atau tablet Android, kami mengesyorkan
menggunakan peranti fizikal untuk menguji aplikasi anda, dan bukannya menggunakan
AVD.

Rajah 3.1.1 Klik butang Peranti Maya Android (AVD).

Rajah 3.1.2 Jika anda sudah mempunyai peranti maya senarai itu akan diberikan pada
Pengurus Maya Android anda. Klik Create Virtual Device… untuk memuat turun satu lagi
jenis android.

PEMBANGUNAN APLIKASI (ANDROID STUDIO) 24

Rajah 3.1.3 persediaan Konfigurasi Peranti Maya memerlukan anda untuk memilih definisi
peranti; peranti maya yang disyorkan oleh Android Studio. Dengan mengklik
Next anda akan disambungan ke Konfigurasi Peranti Maya. Untuk ini
berfungsi, anda perlu memastikan anda mengklik butang semak untuk jenis
android yang anda pilih dari SDK Manager.

Rajah 3.1.4 Klik x86 Images – Klik butang Download (menginginkan versi android)
Nota: Versi x86_64 memerlukan akselerasi perkakasan Intel, yang berfungsi pada
beberapa set cip Intel yang terhad. Jika anda cuba memasang x86_64 dan gagal, cuba
versi armeabi-vxx sebaliknya (imej lain).
Tip: Jika anda ingin mencipta AVD untuk peranti Android Studio yang belum mempunyai
definisi peranti, kami mengesyorkan pergi ke phonearena.com dan cari model anda. Di
sana anda akan menemui spesifikasi teknikal, yang boleh anda gunakan untuk membuat
definisi peranti baru.

PEMBANGUNAN APLIKASI (ANDROID STUDIO) 25
Terdapat emulator Android pihak ketiga yang sangat baik di pasaran yang dipanggil
Genymotion. Emulator Genymotion adalah percuma untuk tujuan bukan komersial dan
berfungsi dengan baik. Anda boleh memuat turun emulator Genymotion dari
genymotion.com.

Rajah 3.1.5 Pemasangan SDK Quickfix, klik Accept dan klik butang Next untuk meneruskan.

Rajah 3.1.6 Kemasan pemasangan mestilah kelihatan seperti ini.

PEMBANGUNAN APLIKASI (ANDROID STUDIO) 26
Rajah 3.1.7 Klik butang Next selepas pemasangan.
Rajah 3.1.8 Klik Finish dan mula menggunakan AVD

PEMBANGUNAN APLIKASI (ANDROID STUDIO) 27

Rajah 3.1.9 AVD/Emulator

LANGKAH 8

Rajah 3.1.7 menunjukkan Tetapan Emulator, anda boleh menguruskan penggunaan
kelajuan computer anda dengan menguruskan peruntukan RAM untuk projek ini.

Rajah 3.1.8 SDK yang terkini

PEMBANGUNAN APLIKASI (ANDROID STUDIO) 28

Awas

Jika pemasangan emulator anda tidak berjaya, sila semak semula
Pengurus SDK anda. Pastikan jenis android yang anda pilih dipilih. Rujuk
pada rajah 3.1.9.

Rajah 3.1.9 Pengurus SDK

PEMBANGUNAN APLIKASI (ANDROID STUDIO) 29

Dalam Pengurus SDK Android, pastikan pakej berikut disenaraikan sebagai Dipasang
dalam lajur Status:

 Tools > Android SDK Tools
 Tools > Android SDK Platform-tools
 Tools > Android SDK Build-tools
 SDK Platform (versi yang terbaru) > SDK Platform
 SDK Platform (versi yang terbaru) > ARM EABI v7a System Image
 Extras > Android Support Repository
 Extras > Android Support Library
 Extras > Google Repository
 Extras > Google USB Driver (Diperlukan pada Sistem Windows sahaja)
 Extras > Intel x86 Emulator Accelerator (HAXM installer)

Sekianya mana-mana pakej di atas disenaraikan sebagai Tidak Dipasang, pilih kotak
pilihan di sebelah pakej-pakej tersebut dan klik pada butang Pasang pasangkan untuk
memulakan proses pemasangan. Dalam dialog yang terhasil, terima perjanjian lesen
sebelum mengklik pada butang Pasang. Pengurus SDK kemudian akan memuat turun dan
memasang pakej yang ditetapkan. Apabila proses pemasangan diteruskan, bar
kemajuan akan muncul di bahagian bawah tetingkap pengurus yang menunjukkan status
pemasangan.

LANGKAH 9

Rajah 3.1.9 Untuk menjalankan aplikasi Hello anda pada AVD yang baru dibuat, klik
Butang Run hijau pada bar alat.

3.2 Jadikan Alat-Alat Mudah Alih SDK Android Boleh Dihubungi

Kebanyakan masa, alat asas SDK Android akan diakses dari dalam persekitaran Android
Studio. Bagaimanapun, katanya, terdapat juga contoh di mana ia berguna untuk dapat
menggunakan alat tersebut dari tingkap command prompt atau terminal. Untuk sistem
operasi yang mana anda sedang membangunkan untuk mencari alat-alat ini, perlu
menambahkannya ke pembolehubah persekitaran sistem PATH.9 Tidak kira dari Sistem
Pengoperasian, pemboleh ubah PATH perlu dikonfigurasi untuk menyertakan laluan
berikut (di mana <path_to_android_sdk_installation> mewakili lokasi sistem fail ke dalam
mana Android SDK dipasang):

9 Android Studio Development Essentials (Smyth 2015) August 2017 & Android Studio Essentials Ebook
Frenzy

PEMBANGUNAN APLIKASI (ANDROID STUDIO) 30

<path_to_android_sdk_installation>/sdk/tools
<path_to_android_sdk_installation>/sdk/platform-tools

Rajah 3.2.0 Laluan lokasi SDK Android
Sebaik sahaja lokasi SDK telah dikenal pasti, langkah-langkah untuk menambah ini
kepada pemboleh ubah PATH adalah bergantung kepada sistem pengendalian:10

3.2.1 Windows 7

1. Klik kanan pada Computer dalam menu permulaan desktop dan pilih Properties dari
menu yang dihasilkan.

2. Dalam panel properties, pilih pautan Advanced System Settings dan dalam dialog
yang terhasil, klik pada Environment Variables….butang.

3. Dalam dialog Environment Variables, cari Path variable dalam senarai System
variables, pilih dan klik pada Edit…. Cari rentetan akhir nilai ubah semasa dan
tambah path ke alat platform android hingga akhir, menggunakan titik koma untuk
memisahkan laluan dari nilai sebelumnya. Sebagai contoh, dengan mengambil
Android Studio dipasang ke C:\Users\demo\AppData\Local\Android\sdk, berikut
akan ditambahkan pada akhir nilai Path semasa:

;C\Users\demo\AppData\Local\Android/sdk\platform-tools;C:\
\Users\demo\AppData\Local\Android\sdk\tools

4. Klik OK dalam setiap kotak dialog dan tutup panel kawalan sifat sistem.
Setelah langkah-langkah di atas selesai, sahkan laluan itu ditetapkan dengan betul
dengan membuka tetingkap Command Prompt (Start -> All Programs -> Accessories ->
Command Prompt) dan pada prompt masukkan:

echo %Path%

10 Android Studio Development Essentials (Smyth 2015) August 2017 & Android Studio Essentials Ebook
Frenzy

PEMBANGUNAN APLIKASI (ANDROID STUDIO) 31

Nilai pembolehubah path yang dikembalikan harus menyertakan laluan ke folder alat
platform Android SDK. Sahkan bahawa nilai alat platform adalah betul dengan cuba
menjalankan alat adb seperti berikut:

adb

Alat ini harus mengeluarkan senarai pilihan baris perintah apabila dilaksanakan.
Begitu juga, periksa tetapan Tools path dengan cuba melancarkan Pengurus SDK Android:

android

Sekirannya mesej yang serupa dengan mesej berikut muncul untuk satu atau kedua-dua
perintah, kemungkinan besar jalan salah dimasukkan ke pembolehubah persekitaran
Path:

‘adb’ is not recognized as an internal or external command,
operable program or batch file.

3.2.2 Windows 8.1

1. Pada skrin permulaan, gerakkan tetikus ke penjuru kanan sebelah bawah skrin dan
pilih Search dari menu yang dihasilkan. Dalam kotak carian, masukkan Control Panel.

2. Apabila ikon Control Panel muncul di kawasan keputusan, klik padanya untuk
melancarkan alat pada desktop.

3. Di dalam Control Panel, gunakan menu Category untuk menukar paparan ke Large
Icons. Dari senarai ikon pilih Sistem yang dilabelkan. Ikuti langkah-langkah yang
digariskan untuk Windows 7 bermula dari langkah 2 ke langkah 4.

Buka tetingkap arahan command (gerakkan tetikus ke sudut kanan bawah skrin, pilih
pilihan Carian dan masukkan cmd ke dalam kotak carian). Pilih Command Prompt dari
hasil carian. Dalam tetingkap Command Prompt, masukkan:

echo %Path%

Nilai pembolehubah laluan yang dikembalikan perlu memasukkan laluan ke folder alat
platform SDK Android. Sahkan bahawa nilai alat platform adalah betul dengan cuba
menjalankan alat adb seperti berikut:

adb

Alat ini harus mengeluarkan senarai pilihan baris perintah apabila dilaksanakan.
Begitu juga, periksa tetapan laluan alat dengan cuba melancarkan Pengurus SDK
Android:

android

Sekiranya mesej yang sama dengan mesej berikut muncul untuk satu atau kedua-dua
perintah, kemungkinan besar jalan yang salah dilampirkan kepada pembolehubah
persekitaran Path:

PEMBANGUNAN APLIKASI (ANDROID STUDIO) 32

‘adb’ tidak diiktiraf sebagai perintah dalaman atau luaran, program beroperasi atau fail
kelompok.

3.2.3 Windows 10

Klik kanan pada menu Start, pilih System dari menu yang dihasilkan dan klik pada pilihan
tetapan sistem lanjutan dalam tetingkap Sistem. Ikuti langkah-langkah yang digariskan
untuk Windows 7 bermula dari langkah 2 ke langkah 4.

3.3 Mengemas Kini Android Studio dan SDK

Dari masa ke masa versi Android Studio baru dan Android SDK dibebaskan. Versi baru SDK
dipasang menggunakan Pengurus SDK Android. Android Studio biasanya akan
memberitahu anda apabila kemas kini bersedia dipasang. Untuk menyemak kemas kini
Android secara manual, klik pada Semak Kemas kini seterusnnya klik pautan yang terletak
di bahagian bawah skrin selamat datang Android Studio, atau gunakan pilihan menu
Bantuan -> Semak untuk Kemas Kini… yang boleh diakses dari dalam tetingkap utama
Android Studio.

3.4 Ringkasan

Sebelum memulakan perkembangan aplikasi berasaskan Android, langkah pertama
adalah untuk menyediakan persekitaran pembanguan yang sesuai. Ini terdiri daripada
Java Development Kit (JDK), Android SDKs, dan Android Studio IDE. Dalam bab ini, kita
telah membincangkan langkah-langkah yang diperlukan untuk memasang pakej-pakej
ini pada Windows, Mac OS X dan Linux.

PEMBANGUNAN APLIKASI (ANDROID STUDIO) 33

BAB 4
MENGENDALI ANDROID STUDIO

Objektif

a. Pelajar akan dapat memahami fungsi setiap alat yang disediakan
b. Pelajar akan mengamalkan cara menggunakan ciri-ciri ini

Lokasi Android Studio

Selepas memasang Android Studio, anda boleh membuat projek baru dan menentukan
lokasi destinasi untuk fail projek. Jika anda tidak jelas menentukan lokasi destinasi untuk fail
projek anda, Android Studio akan meletakkan fail anda ke folder ~/AndroidStudioProjects
dalam folder pengguna semasa pada mesin anda.

4.1 Panel Utama Android Studio

Android Studio IDE terdiri daripada pelbagai panel, alat dan fungsi yang luas untuk
membantu anda menjadi produktif yang mungkin dalam membangunkan aplikasi
Android.
Panel utama yang akan anda berinteraksi semasa penggunaan Android aplikasi harian
anda muncul dalam Jadual 4.11

Jadual 4.1 Panel Penting dalam Android Studio

11 Android developer tool chapter 6

PEMBANGUNAN APLIKASI (ANDROID STUDIO) 34

Kawasan akhir, yang paling penting adalah bar status di bahagian bawah Android Studio,
ditunjukkan dalam Rajah 4.0. Di sinilah majoriti kemas kini status akan berlaku apabila
proses latar belakang dijalankan. Sebahagian daripada proses latar belakang ini
termasuk kemas kini indeks pada fail pemprosesan latar Maven atau Gradle, dan ralat
acara. Kotak paling kanan menunjukkan penggunaan memori IDE.

Rajah 4.0 bar status
Android Studio menghantar dengan bar alat yang sangat disesuaikan yang mudah
diakses dari bahagian atas paparan. Bar alat lalai yang dihantar dengan Android Studio
ditunjukkan dalam Rajah 4.1.

Rjah 4.1 toolbar dalam Android Studio

Jadual 4.2 Perintah dan perihalan Toolbar

4.2 Tindakan Berguna dalam Android Studio

Sebagai tambahan kepada pelbagai panel dan bar alat, Android Studio mempunyai set
ciri yang luas yang boleh diakses melalui menu teratas dan pelbagai menu kontekstual.
Jadual 4.2 menunjukkan beberapa tindakan biasa yang anda ingin membiasakan diri
anda.

PEMBANGUNAN APLIKASI (ANDROID STUDIO) 35

Jadual 4.3 Tindakan Biasa

4.3 Navigasi

Pintasan navigasi digunakan untuk menavigasi di sekitar pangkalan kod anda pada
kelajuan cahaya. Menguasai pintasan dalam Jadual 6-4 dan anda akan meningkatkan
produktiviti anda dengan sangat baik.

Table 4.4 Jalan pintas Keystrokes di Android Studio

PEMBANGUNAN APLIKASI (ANDROID STUDIO) 36

4.4 Struktur Projek Android Studio

Struktur fail meletakkan sebahagian besar fail anda dalam folder src, seperti ditujukkan
dalam Rajah 4.2. Fail-fail dalam folder ini adalah fail sumber untuk projek anda. Ini adalah
fail yang akan anda edit mojoriti masa. Struktur fail ini memberikan lebih banyak
kelenturan dan pada akhirnya akan memberikan keupayaan untuk menyediakan
pelbagai binaan binaan (pelbagai jenis binaan dengan projek yang sama). Segala-
galanya dalam projek anda akan tetap bersikap sama untuk sebahagian besar.

Figure 4.2 Contoh struktur projek Android Studio

4.5 Menjalankan dan Debugging Android Studio

Apabila anda sudah bersedia untuk menggunakan aplikasi anda pada peranti atau
emulator untuk menguji dan / atau debug, anda boleh melakukannya dengan mudah
dengan Android Studio. Tiga kaedah yang berbeza untuk ini ialah Run, Debug, dan
“Lampirkan Debugger ke Proses Android.” Ketiga perintah ini boleh didapati melalui menu
Run atau bar alat utama di Android Studio, seperti ditunjukkan dalam Rajah 4.3 dan 4.4.

Rajah 4.3 Run menu

PEMBANGUNAN APLIKASI (ANDROID STUDIO) 37

Rajah 4.4 Bar tindakan yang dijalankan

Untuk menjalankan apl Android pada peranti yang sedang disambungkan, pilih Main dari
Run.
Menu atau tekan butang Run dalam bar alat. Perintah ini akan membina aplikasi Android
dan menyebarkannya ke peranti yang dilampirkan sekarang. Untuk debug aplikasi
Android pada peranti yang sedang disambungkan, pilih Debug dari menu Main atau klik
ikon debug dalam bar alat. Perintah ini akan membina aplikasi Android dan
menyebarkannya ke peranti yang dilampirkan sekarang, dan lampirkan Debug itu. Pada
ketika ini, jika ada titik putus yang ditetapkan, Android Studio akan menghentikan
pelaksanaan supaya anda dapat memeriksa persekitaran runtime anda untuk debug.

Alat lain yang berguna adalah perintah “Lampirkan Debug ke Proses Android”. Ini
digunakan terutamanya apabila anda perlu memulakan aplikasi anda dan menavigasi
beberapa siri langkah sebelum melampirkan debugger pada titik pelaksanaan tertentu
(mungkin betul sebelum anda mengklik butang atau sebelum anda menavigasi ke skrin
baru). Alat ini membolehkan anda dengan cepat mengalir menerusi aplikasi anda dan
kemudian menetapkan titik putus, bukannya mempunyai debugger yang berjalan
sepanjang masa. Untuk melampirkan debugger ke aplikasai yang sedang berjalan,
pasang apl dengan arahan lalai seperti yang digariskan lebih awal dan kemudian pilih
Run → Attach Debugger to Android Process atau tekan ikon “Attach Debugger to Android
Process” dalam bar alat.

4.6 Menujudkan Komponen Android Baharu

Tugas yang sangat biasa semasa pembangunan Android adalah untuk membuat
komponen baharu untuk aplikasi. Anda boleh dengan cepat mencapai ini di Android
Studio dengan mengklik kanan pada pakej nama dan pilih New → Android Component,
seperti yang ditunjukkan pada Rajah 4.5, atau dengan menekan Cmd + N pada Mac,
atau Ctrl + N.

Rajah 4.5 Menambah Komponen Android Baharu

PEMBANGUNAN APLIKASI (ANDROID STUDIO) 38

4.7 Pereka Tata Letak dan Tata Letak Pratonton

Android Studio mengangkut dengan dua alat grafik untuk membantu anda meletakkan
interface pengguna anda: Susun atur Pereka dan Tata Letak Pratonton. Susun atur Pereka
membolehkan anda mengatur Pandangan pada skrin dengan menyeret dan
menjatuhkan, manakala Pratonton Tata Letak membolehkan anda melihat bagaimana
skrin anda kelihatan semasa anda mengedit sumber XML anda. Saya akan memberikan
pengenalan ringkas kepada kedua-dua alat dalam bahagian ini.

4.7.1 Susun atur Reka BentukLayout Design

Apabila anda mula-mula membuka fail susunatur Android, anda akan melihat pereka
Android dengan tab reka bentuk dipilih, seperti yang ditunjukkan dalam Rajah 4.6. Tab
lain ialah Teks, yang membolehkan anda melompat ke XML yang mentakrifkan susun atur.

Rajah 4.6 Susun atur Reka bentuk

Android Studio’s Layout Designer membolehkan anda dengan mudah menyeret dan
mengecilkan kawalan ke permukaan susun atur dengan cepat membuat prototaip susun
atur yang anda perlukan. Pilih salah satu kawalan dari palet dan seret ke susun atur.
Setelah kawalan selesai, anda boleh mengedit pelbagai sifat kawalan dengan memilih
kawalan dan mengedit sifat-sifat di sebelah kanan, seperti yang ditunjukkan dalam Rajah
4.7. Susun atur Pereka secara automatik mencipta kod XML yang mendasar yang mewakili
susun atur yang anda buat. Pokok komponen menunjukkan kepada anda bagaimana
susun atur diatur dalam fesyen hierarki. Untuk melihat XML kawalan tertentu, pilih saja
dalam pereka dan klik Cmd + B pada Mac, atau Ctrl + B pada Windows / Linux. Anda juga
boleh klik kanan dan pilih “Go To Definition”. Ini akan membuka tab Teks pereka susun atur
dan anda dilayari ke potongan XML yang mentakrifkan kawalan itu.
Dalam Pereka Tata Letak, anda boleh memilih pelbagai peranti untuk meniru, tema,
tahap API, dan orientasi. Saya sangat menasihatkan anda untuk membaca pelbagai
pilihan dalam pereka, kerana ia adalah alat yang sangat berkuasa. Jika anda suka editor
grafik, Susun atur Pereka sangat baik untuk mencambuk interface pengguna dengan

PEMBANGUNAN APLIKASI (ANDROID STUDIO) 39
cepat. Walau bagaimanapun, sesetengah daripada kita suka untuk mendapatkan
seberapa dekat dengan logam yang mungkin, dan untuk melakukan itu, anda perlu
mengedit XML. Untuk mengedit XML, klik tab Teks pada bahagian bawah Pereka Tata
Letak.

Rajah 4.7 Pereka susun atur XML

PEMBANGUNAN APLIKASI (ANDROID STUDIO) 40

BAB 5
MEMBUAT APLIKASI PERTAMA ANDA: HELLO WORLD

Objektif

a. Pelajar akan dapat memahami langkah-langkah dalam membina aplikasi asas
b. Pelajar akan mengamalkan cara menggunakan ciri-ciri alat pemaju

5.1 Apakah Hello World dalam Programming?

"Hello, World!" program ini secara tradisinya digunakan untuk memperkenalkan
programmer pemula kepada bahasa programming. "Hello, world!" juga digunakan
secara tradisional dalam ujian kewarasan untuk memastikan bahawa Bahasa computer
dipasang dengan betul, dan pengendali memahami cara menggunakannya.
"Hello, world!" juga digunakan oleh penggodam computer sebagai bukti konsep bahawa
kod sewenang-wenangnya boleh dilaksanakan melalui eksploitasi di mana pereka sistem
tidak bermaksud untuk dilaksanakan kod.
Ini pada dasarnya merupakan langkah pertama kearah menjadi pemaju Android. Pada
akhir bab ini, program pertama ini kemudian akan berkembang menjadi aplikasi baru
yang lain.

5.2 Membangunkan App Hello World

Dari semasa ke semasa, Android Studio akan dikemas kini yang bermaksud menu dan skrin
akan kelihatan sedikit berbeza.
Pertama, buka Android Studio. Anda harus melihat tetingkap ini. Teruskan dan klik Start a
new Android Studio Project. Projek Android Studio biasanya bermaksud kod dan fail untuk
satu Aplikasi Android.

Figure 5.0 Memulakan Projek Android Studio Baru

PEMBANGUNAN APLIKASI (ANDROID STUDIO) 41

Nama Pemohon:
Happy Birthday

android.example.com

Nama domain syarikat

Rajah 5.1 Projek Baru
Aplikasi adalah nama aplikasi projek anda yang akan anda lihat di bar aplikasi anda
Domain Syarikat biasanya nama laman sesawang anda (jika anda memiliki satu). Ini
biasanya perlu unik supaya Google Play dan telefon anda mempunyai cara yang unik
untuk mengenal pasti aplikasi anda.
Nama Pakej adalah sebaliknya dari apa sahaja yang anda masukkan sebagai domain
syarikat anda. Jika anda merancang untuk menyebarkan aplikasi kepada orang lain,
anda perlu memastikan aplikasi mempunyai nama yang unik kerana mungkin terdapat
lebih daripada satu pemaju yang membuat aplikasi Selamat Hari Jadi.
Untuk tujuan latihan, masukkan android.example.com di bahagian domain syarikat.
Klik butang Next.

Anda membuat aplikasi untuk
telefon dan tablet

Klik di sini untuk memeriksa
berapa ramai orang yang
menggunakan versi android
tertentu.

Rajah 5.2 Sasaran Peranti Android

PEMBANGUNAN APLIKASI (ANDROID STUDIO) 42
Jadi anda membuat aplikasi untuk Telefon dan Tablet, plih versi system pengendalian
Android yang menyediakan keperluan anda yang boleh menyokong aplikasi. Untuk
latihan ini kami menggunakan: Android 4.0 Ice Cream Sandwhich. Ini harus berfungsi untuk
pengguna Android 90% di luar sana.

Rajah 5.3 Versi Android
Versi Android pertama adalah panggilan cupcake dengan pelepasan ini Google
bermula dengan sebuah konvokesyen di mana mereka terus pergi mengikut abjad
dengan menamakan setiap system operasi out of desert atau sugary treats

Pada masa ini, terdapat 99%
orang yang menggunakan
versi platform Jelly Bean

Rajah 5.4 Pengedaran Versi APL
Adalah lebih baik untuk membuat versi platform versi Android yang lebih tua dengan lebih
ramai orang (99%) boleh menggunakannya berbanding dengan membuat versi android
yang lebih baru dengan peratusan kecil pengguna boleh menggunakannya.

PEMBANGUNAN APLIKASI (ANDROID STUDIO) 43

Rajah 5.5 menunjukkan bahawa anda perlu menambah Aktiviti ke Mudah Alih, sila klik
Empthy Activity dan klik butang Next. Ini akan menghasilkan fail retak yang akan
membantu anda dengan aplikasi pertama yang anda buat.

Figure 5.6 menunjukkan bahawa Nama Aktiviti adalah yang ditetapkan oleh MainActivity,
serta Nama Tata Letak sebagai Activity_main. Biarkan penetapan dengan cara itu,
teruskan dan tekan butang Finish.
Pada asasnya terdapat banyak fail yang disusun bersama untuk membuat aplikasi.
Aktiviti adalah salah satu blok bangunan aplikasi asas di platform Android. Mereka
berfungsi sebagai titik masuk untuk interaksi pengguna dengan aplikasi, dan juga
penting kepada bagaimana pengguna menavigasi dalam aplikasi (seperti butang
Back) atau antara aplikasi (seperti butang Recents). Kegiatan pengurusan yang bijak
membolehkan anda memastikan bahawa, contohnya:
 Perubahan orientasi berlaku dengan lancar tanpa mengganggu pengalaman

pengguna.

PEMBANGUNAN APLIKASI (ANDROID STUDIO) 44
 Data pengguna tidak hilang semasa peralihan aktiviti.
 Sistem membunuh proses apabila sesuai untuk berbuat demikian.

5.3 Membuat Aplikasi Kad Hari Jadi

Rajah 5.2.0 Contoh aplikasi Kad Hari Jadi

Aplikasi ini akan kelihatan seperti dalam Rajah 5.2.0. Ia adalah kad digital di mana anda
boleh berkongsi dengan rakan dan ahli keluarga anda. Kemudian, pada akhir amalan
ditetapkan anda akan menyesuaikan kad ucapan anda sendiri.

Ini adalah proses pecahan untuk menukarkan imej menjadi kod;

Langkah 1: Pilih Paparan

Langkah 2: Letakkan Paparan

Langkah 3: Gayakan Paparan

5.3.1 Memilih Paparan

Mula-mula kita akan mengenalpasti bilangan paparan yang digunakan.

Paparan Teks Ini adalah contoh paparan
Paparan Imej yang akan kita gunakan dalam
Paparan Teks tutorial ini. Kami akan
menggunakan 2 paparan teks
dan 1 paparan imej.

PEMBANGUNAN APLIKASI (ANDROID STUDIO) 45

5.3.2 Posisi Paparan

Setiap kali anda menetapkan posisi paparan, anda perlu membuat keputusan tentang
Paparan Kumpulan yang patut anda guna. Dalam pelajaran ini, terdapat dua jenis
Paparan Kumpulan yang akan kita pelajari; Linear Layout atau Relative Layout. Paparan
Kumpulan adalah kontena untuk paparan. Berikut adalah contoh supaya anda dapat
memahami dengan lebih baik;

Rajah 5.2.2 Linear Susun atur
Paparan Kumpulan

Imej Parent Lebih dari itu, terdapat 4 paparan
dalam Rajah ini.

Imej Siblings Paparan Parent mempunyai
yang pelbagai pengawasan ibu bapa terhadap
paparan Anak.

Paparan Parent pada dasarnya
adalah bekas untuk paparan. Ia
memberi tempat dan arahan
tertentu kepada paparan kanak-
kanak.

LinearLayout adalah kumpulan paparan yang menyelaraskan semua kanak-kanak dalam

satu arah, secara menegak atau mendatar. Anda boleh menentukan arah susun atur

dengan android:orientation attribute.

Equally weighted children

Untuk membuat susun atur linear di mana setiap kanak-kanak menggunakan ruang yang
sama pada skrin, tetapkan android:layout_height setiap paparan kepada "0dp" (untuk
susun atur menegak) atau android:layout_width bagi setiap paparan ke "0dp" (untuk
susun atur mendatar). Kemudian tetapkan android:layout_weight dari setiap paparan ke
“1”.

5.3.3 Tata Letak Relatif

Tata letak di mana kedudukan kanak-kanak dapat diterangkan berkaitan dengan satu
sama lain atau kepada ibubapa. Ia bagus untuk elemen kedudukan berbanding satu
sama lain. Ia juga memudahkan untuk pandangan bertindih.

PEMBANGUNAN APLIKASI (ANDROID STUDIO) 46
Perhatikan bahawa anda tidak boleh mempunyai ketergantungan bulat antara saiz
Tataletak Relatif dan kedudukan anak-anaknya. Contohnya, anda tidak boleh
mempunyai Tataletak Relatif yang ketinggiannya ditetapkan kepada
WRAP_CONTENT dan kanak-kanak ditetapkan ke ALIGN_PARENT_BOTTOM.
Oleh kerana kad kita menunjukkan bahawa terdapat paparan yang bertindih antara satu
sama lain dalam kes ini, menggunakan Tataletak Relatif lebih sesuai.

5.3.4 Menambah Imej

Proses menambahkan imej dalam Android Studio di panggil sebagai Drawable Folder.
Pertama, pastikan anda membuka paparan teks yang menunjukkan kod (Rajah 5.2.4) Klik
activity_main.xml dan pilih bahagian teks yang ditunjukkan di bawah.

Rajah 5.2.4activity_main.xml

PEMBANGUNAN APLIKASI (ANDROID STUDIO) 47

Rajah 5.2.5 main activity
Di sini, kita perlu memastikan bahawa kita menukar paparan Kumpulan ke dalam
pengkodan paparan Relatif.

Rajah 5.2.6 Kod Xml semasa
Kita akan menambah atribut Tataletak Relatif pada nombor 2 dan 18 dari Rajah 5.2.6

Rajah 5.2.7 A Atribut Tataletak Relatif
Seterusnya, anda boleh menukar atribut android:text ke dalam ucapan Hari Jadi anda.
Sebagai contoh, “Happy Birthday Tony!”

PEMBANGUNAN APLIKASI (ANDROID STUDIO) 48

Rajah 5.2.8 Menukarkan perkataan android:text
Sekarang, kita akan memasukkan imej dalam Android Studio. Anda boleh melihat struktur
direktori di sebelah kiri ruang kerja.

Ringkasan untuk ‘Resources’
Gambar

Rajah 5.2.9 Struktur Direktori di mana semua fail dan komponen berada
Untuk aplikasi ini, semua imej perlu dimasukkan ke dalam folder drawable.

Androidparty.jpg Drawable folder