Pertemuan 5 ARFIAN HIDAYAT, S.KOM

Transkripsi

1 Pertemuan 5 ARFIAN HIDAYAT, S.KOM HT TP://ARFIANHIDAYAT.COM

2 Materi 1. Jelaskan Input UI Layout berikut : a) Linear Layout b) Relative Layout c) List View d) Grid View 2. Jelaskan Input Control berikut : a) Button a) TextField b) CheckBox c) Radio Button d) Spinner e) Picker 3. Sebutkan Control apa saja yang terdapat pada gambar! 4. Jelaskan dan beri contoh apa itu Action Bar! 5. Jelaskan dan beri contoh apa itu Notification!

3 Layout A layout defines the visual structure for a user interface, such as the UI for an activity or app widget. You can declare a layout in two ways: Declare UI elements in XML. Android provides a straightforward XML vocabulary that corresponds to the View classes and subclasses, such as those for widgets and layouts. Instantiate layout elements at runtime. Your application can create View and ViewGroup objects (and manipulate their properties) programmatically.

4 Linier Layout Linear layout akan menampilkan elemen-elemen View secara garis lurus, baik vertical ataupun horizontal. Menggunakan terlalu banyak Nested layout akan membuat performance aplikasi semakin lambat. Semakin banyak layout yang dibuat, semakin lama pula aplikasi untuk me-render tampilan. Cara yang lebih baik untuk membuat tata letak tidak monoton adalah dengan menggunakan RelativeLayout.

5 Relative Layout RelativeLayout memungkinkan pengguna menyusun tata letak secara lebih leluasa. Posisi setiap widget bisa diatur relatif pada widget yang lainnya (dibawah, atau disamping widget sebelumnya).

6 Table Layout Yang perlu dipahami dalam pembuatan layout dengan TableLayout adalah bagaimana widget atau View bekerja dengan baris dan kolom. Tabel layout di Android bekerja dengan cara yang sama layout tabel HTML bekerja. Anda dapat membagi tata letak Anda ke dalam baris dan kolom.

7 Scroll View ScrollView memungkin para developer membuat tampilan layout lebih panjang dari space layar. Dengan menggunakan ScrollView, sebagian informasi akan muncul dalam satu waktu, sisanya akan muncul jika pengguna melakukan scroll ke atas atau ke bawah.

8 List View ListView is a view group that displays a list of scrollable items. The list items are automatically inserted to the list using an Adapter that pulls content from a source such as an array or database query and converts each item result into a view that's placed into the list.

9 Grid View GridView is a ViewGroup that displays items in a twodimensional, scrollable grid. The grid items are automatically inserted to the layout using a ListAdapter.

10 Input Control

11 Control Type Description Related Classes Button A push-button that can be pressed, or clicked, by the user to perform an action. Button Text field An editable text field. You can use the AutoCompleteTextView widget to EditText,AutoCompl create a text entry widget that provides auto-complete suggestions etetextview Checkbox An on/off switch that can be toggled by the user. You should use CheckBox checkboxes when presenting users with a group of selectable options that are not mutually exclusive. Radio button Similar to checkboxes, except that only one option can be selected in the group. RadioGroup RadioButton Toggle An on/off button with a light indicator. ToggleButton button Spinner A drop-down list that allows users to select one value from a set. Spinner Pickers A dialog for users to select a single value for a set by using up/down buttons or via a swipe gesture. Use adatepickercode> widget to enter the values for the date (month, day, year) or a TimePicker widget to enter the values for a time (hour, minute, AM/PM), which will be formatted automatically for the user's locale. DatePicker, TimePicker

12 Button

13 TextField "text" Normal text keyboard. "text address" Normal text keyboard with character. "texturi" Normal text keyboard with the / character. "number" Basic number keypad. "phone" Phone-style keypad.

14 Check Box Widget ini merupakan widget dengan dua pernyataan, checked atau unchecked.

15 Radio Button Sama seperti CheckBox, widget ini menyediakan dua pernyataan berupa cecked atau unchecked. Tetapi berbeda dengan CheckBox, RadioButton hanya bisa dipilih salah satu saja dari item yang disediakan.

16 Spinner Spinners provide a quick way to select one value from a set

17 Picker Android provides controls for the user to pick a time or pick a date as ready-to-use dialogs. Each picker provides controls for selecting each part of the time (hour, minute, AM/PM) or date (month, day, year). Using these pickers helps ensure that your users can pick a time or date that is valid, formatted correctly, and adjusted to the user's locale.

18 Action Bar The action bar provides several key functions: 1. Provides a dedicated space for giving your app an identity and indicating the user's location in the app. 2. Makes important actions prominent and accessible in a predictable way (such as Search). 3. Supports consistent navigation and view switching within apps (with tabs or drop-down lists).

19 Notification 1. Content title 2. Large icon 3. Content text 4. Content info 5. Small icon 6. Time that the notification was issued.

20 Sumber Dyah Fajar Nur Rohmah Modul Android 3. Modul Kuliah Program Aplikasi Mobile Emha Taufiq Luthfi 4.