Android Studio

Lesson 1: Build your first app

• 1.1: Android Studio and Hello World

Task 1: Install Android Studio

Berikut tampilan awal ketika telah menyelesaikan instalasi Android Studio.

Task 2: Create the Hello World app

Membuat Project Baru dengan memilih Empty Activity, lalu tekan Next.

Tulish Nama Project Dengan Hello World!, Saat memilih Target Android Devices, Phone and Tablet dipilih secara default, seperti yang ditampilkan dalam gambar. Pilihan yang ditampilkan dalam gambar untuk Minimum SDK — API 15: Android 4.0.3 (IceCreamSandwich) — membuat aplikasi Anda kompatibel dengan yang aktif di Google Play Store. lalu tekan Finish.

Berikut Adalah tampilan dari activity_main.xml untuk melihat layout Project dan MainActivity.java untuk melihat kodingannya.

Task 3: Use a virtual device (emulator)

Berikut untuk Membuat Android Virtual Device disini kita memilih Device Pixel XL,Untuk menjalankan emulator pada komputer, gunakan AVD Manager untuk membuat konfigurasi yang menjelaskan perangkat virtual. Pilih Tools > Android > AVD Manager, atau klik ikon AVD Manager di tab alat.

Layar “Your Virtual Devices” muncul , Klik tombol +Create Virtual Device untuk membuat perangkat virtual baru. lalu kita tekan Next.

Install System image yang diinginkan, disini saya memilih Pie

Untuk menjalankan aplikasi pada perangkat virtual yang Anda buat di bagian sebelumnya, ikuti langkah-langkah ini:

1. Di Android Studio, pilih Run > Run app atau klik Run icon di tab.
2. Di jendela Select Deployment Target, pada Emulator yang tersedia, pilih perangkat virtual yang Anda buat, dan klik OK.

Emulator akan mem-booting seperti hp. Ini memerlukan waktu , bergantung pada kecepatan komputer Anda. Setelah emulator siap, Android Studio mengunggah aplikasi ke emulator dan menjalankannya. Berikut tampilan ketika telah menjalankan android virtual device

Task 4: (Optional) Use a physical device

Dilanjutkan saja ke task selanjutnya.

Task 5: Change the app Gradle configuration

Mengganti minSdkVersion menjadi 17, lalu sync

6.1 View the Logcat pane

Berikut untuk melihat Logcat pane.

• 1.2 Part A: Your first interactive UI

Task 1: Create and explore a new project

Berikut tampilan Awal saat membuat project baru

Task 2: Add View elements in the layout editor

Menambahkan Tombol Baru

Task 3: Change UI element attributes

Ganti Tulisan, Warna dan Ukuran dari Font

Task 4: Add a TextEdit and set its attributes

1. Layout akar LinearLayout, yang berisi semua tampilan anak, disetel ke orientasi vertikal.
2. Button (button_toast) tampilan anak. Sebagai tampilan anak pertama, muncul di bagian atas di layout linear.
3. TextView (show_count) tampilan anak. Sebagai tampilan anak kedua, muncul di bawah tampilan anak pertama di layout linear.
4. Button (button_count) tampilan anak. Sebagai tampilan anak ketiga, muncul di bawah tampilan anak kedua di layout linear.

Atur text editnya sesuai keinginan, misal ganti warna dan ukuran tulisannya.

Task 5: Edit the layout in XML

Menambahkan string pada resource value

Task 6: Add onClick handlers for the buttons

tambahkan fitur onclick pada button agar bisa di gunakan.

• 1.2 Part B: The layout editor

Task 1: Create layout variants

Membuat varian lanscape

• 1.3: Text and scrolling views

Task 1: Add and edit TextView elements

Menambahkan textView dan mengeditnya sehingga terlihat seperti gambar untuk tampilan dengan menambahkan code diatas.

Berikut tampilan setelah di running

Task 2: Add a ScrollView and an active web link

berikut code untuk membuat text bisa di scroll dan membuat text “www.rockument.com” menjadi link web yang bisa di klik

berikut tampilan setelah dirunning

Task 3: Scroll multiple elements

berikut code untuk membuat beberapa text bisa di scroll bersamaan.