BAB 3 Anatomi, Organisasi Dan Akses Android PDF

APLIKASI MOBILE
Anatomi, Organisasi, Akses dan Layout

Android
OLEH
ZAIFUL BAHRI,S.Si.,M.Kom
Dosen Jurusan Ilmu Komputer FMIPA Universitas Riau
Pertemuan 3 1
Anatomi, Organisasi, Akses dan Layout Android
• Anatomi Android
• Sebelum Anda menjalankan aplikasi, Anda harus mengetahui beberapa
direktori dan file dalam proyek Android. Perhatikan gambar berikut :
Pertemuan 3 2
• Anatomi Android
No. Nama File, Direktori dan Deskripsi
1. Java Ini berisi file sumber .java untuk proyek Anda. Secara default, ini termasuk
file sumber MainActivity.java yang memiliki kelas aktivitas yang berjalan saat
aplikasi Anda diluncurkan menggunakan ikon aplikasi.
2. res/drawable Ini adalah direktori untuk objek yang dapat digambar yang dirancang untuk
layar berdensitas tinggi.
3. res/layout Ini adalah direktori untuk file yang mendefinisikan antarmuka pengguna
aplikasi Anda
4. res/value Ini adalah direktori untuk berbagai file XML lain yang berisi kumpulan
sumber daya, seperti string dan definisi warna.
5. AndroidManifest.xml Ini adalah file manifes yang menggambarkan karakteristik dasar aplikasi dan
mendefinisikan masing-masing komponennya.
6. build.gradle Ini adalah file yang dihasilkan secara otomatis yang berisi compileSdkVersion,
buildToolsVersion, applicationId, minSdkVersion, targetSdkVersion,
versionCode, dan versionName
Pertemuan 3 3
• File Main Activity
• Kode aktivitas utama adalah file Java MainActivity.java. Ini adalah file aplikasi
yang sebenarnya yang pada akhirnya akan dikonversi menjadi Dalvik
dieksekusi dan menjalankan aplikasi. Berikut ini adalah kode default yang
dihasilkan oleh wizard aplikasi untuk Hello World! aplikasi
package com.example.mr.zaiful.latihan1;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
public class MainActivity extends AppCompatActivity {

@Override
protected void onCreate(Bundle savedInstanceState)
{ super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
}
}
Pertemuan 3 4
• File Main Activity
• Di sini, R.layout.activity_main merujuk ke file activity_main.xml yang terletak
di folder res / layout. Metode onCreate () adalah salah satu dari banyak
metode yang ditentukan ketika suatu aktivitas dimuat.
• File Manifest
• Apa pun komponen yang dikembangkan sebagai bagian dari aplikasi, harus
dinyatakan semua komponennya dalam manifest.xml yang berada di akar
direktori proyek aplikasi. File ini berfungsi sebagai antarmuka antara OS
Android dan aplikasi, jadi jika Anda tidak menyatakan komponen dalam file
ini, maka itu tidak akan dipertimbangkan oleh OS. Sebagai contoh, file
manifes default akan terlihat seperti file berikut :
Pertemuan 3 5
Pertemuan 3 6
• File Manifest
• Tag di sini <application> ... </ application> menyertakan komponen yang
terkait dengan aplikasi. Ikon Atribut android: akan mengarah ke ikon aplikasi
yang tersedia di bawah res / drawable. Aplikasi ini menggunakan gambar
bernama ic_launcher.png yang terletak di folder yang dapat digambar
• Tag <activity> digunakan untuk menentukan aktivitas dan nama android:
atribut menentukan nama kelas yang sepenuhnya memenuhi syarat dari
subkelas Aktivitas dan atribut android: label menentukan string yang akan
digunakan sebagai label untuk aktivitas tersebut. Anda dapat menentukan
beberapa aktivitas menggunakan tag <activity>.
• Tindakan untuk filter bernama android.intent.action.MAIN untuk
menunjukkan bahwa aktivitas ini berfungsi sebagai titik masuk untuk aplikasi.
Kategori untuk intent-filter diberi nama android.intent.category.LAUNCHER
untuk menunjukkan bahwa aplikasi dapat diluncurkan dari ikon peluncur
perangkat.
Pertemuan 3 7
• File Manifest
• @string mengacu pada file strings.xml yang dijelaskan di bawah ini. Oleh
karena itu, @ string / app_name mengacu pada string app_name yang
ditentukan dalam file strings.xml, yaitu "HelloWorld". Cara serupa, string
lainnya terpopulasi dalam aplikasi.
• Berikut ini adalah daftar tag yang digunakan dalam file manifes untuk
menentukan komponen aplikasi Android yang berbeda.
1. <activity> elemen untuk activity

2. <service> elemen untuk service
3. <receiver> untuk penerima receiver
4. <provider> untuk penyedia provider
Pertemuan 3 8
• File String
• File strings.xml terletak di folder res / values dan berisi semua teks yang
digunakan aplikasi. Misalnya, nama tombol, label, teks default, dan jenis
string serupa masuk ke file ini. File ini bertanggung jawab untuk konten
tekstual mereka. Sebagai contoh, file string default akan terlihat seperti file.
Pertemuan 3 9
• Menjalankan Aplikasi
• Coba jalankan Hello World! aplikasi yang
baru dibuat. Diasumsikan bahwa AVD telah
dibuat saat melakukan pengaturan
lingkungan. Untuk menjalankan aplikasi dari
studio Android, buka salah satu file aktivitas
proyek dan klik ikon atau dari menu
Run->run’app’. Android studio menginstal
aplikasi pada AVD dan memulainya, jika
semuanya baik-baik saja dengan set-up dan
aplikasi, itu akan menampilkan jendela
Emulator berikut
Pertemuan 3 10
• File Layout
• File activity_main.xml adalah file layout yang tersedia di direktori res /
layout, yang direferensikan oleh aplikasi ketika membangun antarmuka.
Untuk mengubah tata letak komponen, maka file activity_main.xml sangat
sering untuk diubah. Untuk teks "Hello World!", file ini akan memiliki konten
yang terkait dengan tata letak default.
Pertemuan 3 11
• Organisasi Android
• Ada banyak lagi item yang digunakan untuk membangun aplikasi Android
yang bagus. Terlepas dari coding untuk aplikasi, mengurus berbagai sumber
lain seperti konten statis yang digunakan kode, seperti bitmap, warna,
definisi tata letak, string antarmuka pengguna, instruksi animasi, dan
banyak lagi. Sumber daya ini selalu dipelihara secara terpisah di berbagai
sub-direktori di bawah res / direktori proyek.
• Pada kuliah ini dijelaskan bagaimana dapat mengatur sumber daya aplikasi,
menentukan sumber daya alternatif dan mengaksesnya di aplikasi.
Pertemuan 3 12
• Organisasi Sumber Daya di Android
Pertemuan 3 13
• Jenis Direktor dan Sumber Daya di Android
No. Nama Jenis Direktori dan Sumber Daya
1. anim/ File XML yang menentukan animasi properti. Mereka
disimpan di res / anim / folder dan diakses dari kelas R.anim.
2. color/ File XML yang menentukan daftar status warna. Mereka
disimpan dalam res / color / dan diakses dari R.color.class
3. drawable/ File gambar seperti file .png, .jpg, .gif atau XML yang
dikompilasi menjadi bitmap, daftar status, shape, animasi
dapat digambar. Mereka disimpan dalam res / drawable / dan
diakses dari R.drawable.class
4. layout/ File XML yang menentukan tata letak antarmuka pengguna.
Mereka disimpan dalam res / layout / dan diakses dari
R.layout.class
5. menu/ File XML yang menentukan menu aplikasi, seperti Menu Opsi,
Menu Konteks, atau Sub Menu. Mereka disimpan dalam res /
menu / dan diakses dari R.menu.class
Pertemuan 3 14
6. raw/ File sebarang untuk disimpan dalam bentuk mentahnya. Perlu dimanggil
Resources.openRawResource () dengan ID sumber daya, yaitu
R.raw.filename untuk membuka file mentah tersebut.
7. values/ File XML yang berisi nilai-nilai sederhana, seperti string, integer, dan
warna. Sebagai contoh, berikut adalah beberapa konvensi nama file
untuk sumber daya yang dapat dibuat dalam direktori ini :
arrays.xml arrays.xml untuk array sumber daya, dan diakses dari
R.array.class
integers.xml integers.xml untuk integer sumber daya, dan diakses
dari R.integer.class
bools.xml bools.xml untuk resource boolean, dan diakses dari
R.bool.class
Pertemuan 3 15
7. values/ File XML yang berisi nilai-nilai sederhana, seperti string, integer, dan warna.
Sebagai contoh, berikut adalah beberapa konvensi nama file untuk sumber daya
yang dapat dibuat dalam direktori ini :
colors.xml colors.xml untuk nilai warna, dan diakses dari R.color.class
dimens.xml dimens.xml untuk nilai dimensi, dan diakses dari
R.dimen.class
strings.xml strings.xml untuk nilai string, dan diakses dari kelas
R.string.class
styles/ styles.xml untuk gaya, dan diakses dari R.style.class
8. File XML sebarang yang dapat dibaca saat runtime dengan memanggil
Resources.getXML (). Dapat disimpan berbagai file konfigurasi di sini yang akan
digunakan pada waktu proses.
Pertemuan 3 16
• Akses Sumber Daya di Android
• Selama pengembangan aplikasi, perlu diakses sumber daya yang
ditentukan baik dalam kode, atau dalam file XML untuk tata letak.
Bagian berikut menjelaskan cara mengakses sumber daya di kedua
skenario
1. Akses Sumber Daya dalam Code
• Ketika aplikasi Android dikompilasi, kelas R akan dibuat,
yang berisi ID sumber daya untuk semua sumber daya yang
tersedia di direktori / res . Dapat menggunakan kelas R
untuk mengakses sumber daya tersebut menggunakan sub-
direktori dan nama sumber daya atau ID sumber daya
langsung.
• Untuk mengakses res / drawable / myimage.png dan
mengatur ImageView Pertemuan
akan3 menggunakan kode berikut : 17
• Contoh
• Contoh (strings.xml)
Pertemuan 3 18
• Contoh (activity_main.xml)
Pertemuan 3 19
• Contoh (activity_main.xml)
Pertemuan 3 20
2. Akses Sumber Daya dalam XML
• Pertimbangkan file XML res / values / strings.xml sumber
daya berikut yang menyertakan sumber daya color dan
sumber daya string
Pertemuan 3 21
• Layout di Android
• Ada beberapa jenis layout pada Android diantaranya adalah :
Pertemuan 3 22
• Layout (UI) di Android
• Blok dasar untuk antarmuka pengguna
adalah objek View yang dibuat dari kelas
View dan menempati area persegi pada
layar dan bertanggung jawab untuk
menggambar dan penanganan event.
View adalah class dasar untuk widget,
yang digunakan untuk membuat
komponen UI interaktif seperti tombol,
teks, dll
• ViewGroup adalah subclass dari View
dan menyediakan wadah tak terlihat yang
menyimpan Views lain atau ViewGroup
lainnya dan menentukan properti tata
letaknya.
Pertemuan 3 23
1. LinearLayout
• Android LinearLayout adalah grup tampilan yang menyelaraskan semua
anak baik secara vertikal maupun horizontal
Pertemuan 3 24
1. LinearLayout
• Attribute LinearLayout
No. Nama Deskripsi
1. android:id Ini adalah ID yang secara unik mengidentifikasi tata
letak
2. android:baselineAligned Ini harus berupa nilai boolean, baik “true" atau “false"
dan mencegah tata letak dari menyejajarkan garis dasar
anak-anaknya.
3. android:baselineAlignedChildIndex Ketika tata letak linier merupakan bagian dari tata letak
lain yang berjajar garis bawah, itu dapat menentukan
mana dari anak-anak ke garis dasar yang sejajar.
4. android:divider Ini dapat digambar untuk digunakan sebagai pembagi
vertikal antara button. Anda menggunakan nilai color,
dalam bentuk "#rgb", "#argb", "#rrggbb", atau
"#aarrggbb".
Pertemuan 3 25
1. LinearLayout
• Attribute LinearLayout
No. Nama Deskripsi
5. android:gravity Ini menentukan bagaimana suatu objek harus
memposisikan isinya, pada sumbu X dan Y. Nilai yang
mungkin adalah top, bottom, left, right, center,
center_vertical, center_horizontal dll.
6. android:orientation Ini menentukan arah pengaturan dan Anda akan
menggunakan "horizontal" untuk sebuah baris,
"vertical" untuk kolom. Standarnya horisontal.
7. android:weightSum Jumlah berat anak.
• Berikut adalah contoh LinearLayout vertical dan horizontal
Pertemuan 3 26
1. LinearLayout (vertical)
Pertemuan 3 27
1. LinearLayout (horizontal)
Pertemuan 3 28
2. RelativeLayout
Android RelativeLayout memungkinkan
untuk menentukan bagaimana tampilan
anak diposisikan relatif terhadap satu sama
lain. Posisi setiap tampilan dapat ditentukan
sebagai relatif terhadap elemen saudara
atau relatif terhadap orang tua.
Pertemuan 3 29
2. RelativeLayout
• Attribut RelativeLayout
No. Nama Deskripsi
1. android:id Ini adalah ID yang secara unik mengidentifikasi tata letak
2. android:gravity Ini menentukan bagaimana suatu objek harus
memposisikan isinya, pada sumbu X dan Y. Nilai yang
mungkin adalah top, bottom, left, right, center,
center_vertical, center_horizontal dll.
3. android:ignoreGravity This indicates what view should not be affected by
gravity.
4. android:layout_above Memposisikan tepi bawah tampilan ini di atas ID tampilan
anchor yang diberikan dan harus menjadi referensi ke
sumber daya lain, dalam bentuk "@ [+] [package:] type:
name"
Pertemuan 3 30
2. RelativeLayout
• Attribute RelativeLayout
No. Nama Deskripsi
5. android:layout_alignBottom Membuat tepi bawah tampilan ini sesuai dengan tepi bawah
ID tampilan anchor yang diberikan dan harus menjadi
referensi ke sumber daya lain, dalam bentuk "@ [+]
[package:] type: name".
6. android:layout_alignLeft Membuat tepi kiri dari tampilan ini sesuai dengan tepi kiri
dari ID tampilan anchor yang diberikan dan harus menjadi
referensi ke sumber lain, dalam bentuk "@ [+] [package:]
type: name".
7. android:layout_alignParentBottom Jika true, membuat ujung bawah tampilan ini sesuai dengan
tepi bawah induk. Harus berupa nilai boolean, baik “true"
atau “false".
8. android:layout_alignParentEnd Jika true, membuat ujung akhir dari tampilan ini sesuai
dengan tepi akhir orang tua. Harus berupa nilai boolean, baik
“true" atau “false".
Pertemuan 3 31
2. RelativeLayout
No. Nama Deskripsi
9. android:layout_alignParentLeft Jika true, membuat ujung kiri dari tampilan ini sesuai dengan
tepi kiri dari orang tua. Harus berupa nilai boolean, baik
10. android:layout_alignParentRight Jika true, membuat tepi kanan tampilan ini sesuai dengan
tepi kanan induk. Harus berupa nilai Boolean, baik “true"
atau “false".
11. android:layout_alignParentStart Jika true, membuat tepi awal dari tampilan ini sesuai dengan
tepi awal dari orang tua. Harus berupa nilai Boolean, baik
12. android:layout_alignParentTop Jika benar, membuat tepi atas tampilan ini sesuai dengan tepi
atas induk. Harus berupa nilai boolean, baik “true" atau
“false".
Pertemuan 3 32
2. RelativeLayout
No. Nama Deskripsi
13. android:layout_alignRight Membuat tepi kanan tampilan ini sesuai dengan tepi kanan ID
tampilan anchor yang diberikan dan harus menjadi referensi
ke sumber daya lain, dalam bentuk
"@[+][package:]type:name".
14. android:layout_alignStart Membuat tepi awal tampilan ini sesuai dengan tepi awal dari
ID tampilan anchor yang diberikan dan harus menjadi
referensi ke sumber daya lain, dalam bentuk
15. android:layout_alignTop Membuat tepi atas tampilan ini sesuai dengan tepi atas ID
16. android:layout_below Posisi tepi atas tampilan ini di bawah ID tampilan anchor yang
diberikan dan harus menjadi referensi ke sumber daya 33
Pertemuan 3
lain,
dalam bentuk "@[+][package:]type:name".
2. RelativeLayout
No. Nama Deskripsi
17. android:layout_centerHorizontal Jika true, pusatkan anak ini secara horizontal di dalam orang
tuanya. Harus berupa nilai Boolean, baik “true" atau “false".
18. android:layout_centerInParent Jika benar, pusatkan anak ini secara horizontal dan vertikal di
dalam induknya. Harus berupa nilai Boolean, baik “true" atau
“false".
19. android:layout_centerVertical Jika benar, pusatkan anak ini secara vertikal di dalam
induknya. Harus berupa nilai boolean, baik “true" atau
“false".
20. android:layout_toEndOf Memposisikan tepi awal tampilan ini ke akhir ID tampilan
anchor yang diberikan dan harus menjadi referensi ke sumber
lain, dalam bentuk "@[+][package:]type:name".
Pertemuan 3 34
2. RelativeLayout
No. Nama Deskripsi
21. android:layout_toLeftOf Posisi tepi kanan tampilan ini di sebelah kiri ID tampilan
anchor yang diberikan dan harus menjadi referensi ke sumber
lain, dalam bentuk "@[+][package:]type:name".
22. android:layout_toRightOf Memposisikan tepi kiri tampilan ini di sebelah kanan ID
23. android:layout_toStartOfl Menempatkan ujung akhir tampilan ini ke awal dari ID
ke sumber lain, dalam bentuk "@[+][package:]type:name".
• Berikut adalah contoh tentang RelativeLayout
Pertemuan 3 35
2. RelativeLayout
Pertemuan 3 36
3. TableLayout
• Android TableLayout mengatur sekelompok
tampilan menjadi baris dan kolom. Dalam hal
ini digunakan elemen <TableRow> untuk
membuat baris di tabel. Setiap baris memiliki
nol atau lebih banyak sel; setiap sel dapat
menyimpan satu objek Lihat.
• Kontainer TableLayout tidak menampilkan
garis border untuk baris, kolom, atau sel.
Pertemuan 3 37
3. TableLayout
• Attribute TableLayout
No. Nama Deskripsi
1. android:id Ini adalah ID yang secara unik mengidentifikasi tata letak.
2. android:collapseColumns Ini menentukan indeks berbasis-nol dari kolom untuk runtuh.
Indeks kolom harus dipisahkan dengan koma: 1, 2, 5.
3. android:shrinkColumns Indeks berbasis nol dari kolom untuk menyusut. Indeks kolom
harus dipisahkan dengan koma: 1, 2, 5.
4. android:stretchColumns Indeks berbasis nol dari kolom untuk meregangkan. Indeks
kolom harus dipisahkan dengan koma: 1, 2, 5.
• Berikut adalah contoh penggunaan TableLayout
Pertemuan 3 38
3. TableLayout
• Contoh
Pertemuan 3 39
3. TableLayout
• Contoh
Pertemuan 3 40
3. TableLayout
• Contoh
Pertemuan 3 41
4. AbsoluteLayout
• AbsoluteLayout memungkinkan untuk
menentukan lokasi yang tepat (koordinat x / y)
dari anak-anaknya. Tata letak absolut kurang
fleksibel dan lebih sulit dikelola daripada jenis
tata letak lain tanpa pemosisian absolut.
Pertemuan 3 42
4. AbsoluteLayout
• Attribute AbsoluteLayout
No. Nama Deskripsi
1. android:id Ini adalah ID yang secara unik
mengidentifikasi tata letak.
2. android:layout_x Ini menentukan koordinat x dari tampilan.
3. android:layout_y Ini menentukan koordinat y dari tampilan.
• Berikut adalah contoh penggunaan AbsoluteLayout
Pertemuan 3 43
4. AbsoluteLayout
• Contoh
Pertemuan 3 44
5. FrameLayout
• Layout Frame dirancang untuk
memblokir area di layar untuk
menampilkan satu item. Secara umum,
FrameLayout harus digunakan untuk
menampung satu pandangan anak,
karena bisa sulit untuk mengatur
pandangan anak dengan cara yang
dapat disesuaikan ke ukuran layar yang
berbeda tanpa anak-anak saling
tumpang tindih.
Pertemuan 3 45
5. FrameLayout
• Attribute FrameLayout
No. Nama Deskripsi
1. android:id Ini adalah ID yang secara unik
mengidentifikasi tata letak.
2. android:foreground Ini mendefinisikan drawable untuk menarik
konten dan kemungkinan nilai mungkin
berupa nilai warna, dalam bentuk "#rgb",
"#argb", "#rrggbb", atau "#aarrggbb".
3. android:foregroundGravity Mendefinisikan gravitasi untuk diterapkan
pada gambar latar depan. Default gravitasi
untuk diisi. Nilai yang mungkin adalah atas,
bawah, kiri, kanan, tengah, center_vertical,
Pertemuan 3 46
center_horizontal dll.
5. FrameLayout
• Attribute FrameLayout
No. Nama Deskripsi
3. android:foregroundGravity Mendefinisikan gravitasi untuk diterapkan
pada gambar latar depan. Default gravitasi
untuk diisi. Nilai yang mungkin adalah top,
bottom, left, right, center, center_vertical,
center_horizontal dll.
4. android:measureAllChildren Menentukan apakah akan mengukur
semua anak atau hanya mereka yang
dalam keadaan VISIBLE atau TERLIHAT saat
mengukur. Default ke false.
Pertemuan 3 47
5. FrameLayout
• Contoh
Pertemuan 3 48
5. FrameLayout
• Contoh
Pertemuan 3 49
5. ConstraintLayout
• Untuk ConstraintLayout, mulai dari penjelasan ConstraintLayout, Attribute,
contoh coding activity_main.xml sampai dengan hasil tampilan di emulator
diserahkan kepada mahasiswa sebagai tugas 1 dikumpulkan :
• 24 September 2018 sebelum kuliah dimulai untuk kelas A
• 27 September 2018 sebelum kuliah dimulai untuk kelas B
• Selanjutnya
Pertemuan 3 50
Pertemuan 3 51
Pertemuan 3 52

BAB 3 Anatomi, Organisasi Dan Akses Android PDF

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

BAB 3 Anatomi, Organisasi Dan Akses Android PDF

Diunggah oleh

Hak Cipta:

Format Tersedia

APLIKASI MOBILE

Anatomi, Organisasi, Akses dan Layout

public class MainActivity extends AppCompatActivity {

1. <activity> elemen untuk activity

• Berikut adalah contoh LinearLayout vertical dan horizontal

• Berikut adalah contoh tentang RelativeLayout

• Berikut adalah contoh penggunaan TableLayout

• Berikut adalah contoh penggunaan AbsoluteLayout

Anda mungkin juga menyukai