PEMROGRAMAN MOBILE 1 PERTEMUAN 4 Pengenalan Widget View

HELLO! KELOMPOK 5: Charir Maulana Achsan 16.11.0217 Bagus Anjas P 16.11.0221 Mustofa Bayu Rahmat 16.11.0245 Esa Rizki Anandrian 16.11.0248 Danang Aldy Kurniawan 16.11.0267 Tri Wahyono 16.11.0284 Sarif Hidayatulloh 16.11.0286 Muchamad Arief Sidik 16.11.0296 Adent Bima Prasetya 16.11.0301 Dhimas Galih Prasetyo 16.11.0308 Eva Faiza 16.11.0317 Ikhsan Setiawan 16.11.0344

DASAR PEMBUATAN WIDGET Pada dasarnya widget memiliki fungsi sebagai antarmuka untuk berinteraksi dengan pengguna. Tujuannya yaitu untuk memberikan suatu proses pada aplikasi hasil dari aksi yang dilakukan pengguna seperti menekan tombol, memilih menu, dan sebagainya.

MACAM-MACAM WIDGET VIEW Widget dalam android terdiri dari banyak jenis seperti TextView, EditText, Button, RadioButton, dan sebagainya. Gambar dibawah ini merupakan komponen-komponen widget yang disediakan oleh android studio.

CARA MEMBUAT WIDGET DI ANDROID STUDIO Terdapat 2 cara dalam pembuatan widget di android studio, yaitu: Drag and Drop Mengedit dengan XML

TEXT VIEW TextView adalah salah satu widget yang digunakan untuk menampilkan Text ataupun angka serta simbol lainnya.

ATRIBUT PADA TEXT VIEW <TextView android:id="@+id/text_id" //menentukan nama ID android:layout_width="300dp" //Ukuran lebar Layout dari UI Control android:layout_height="200dp" //Ukuran tinggi Layout dari UI Control android:text="hello_world" //berisi text yang akan tampil di layar android:textColor="@android:color/holo_blue_dark" //Warna teks android:textStyle=“bold” //Gaya Teks android:textAlignment="center“ //Posisi teks Android:typeface=“sans” //Jenis huruf android:textSize="50dp“ //Ukuran teks />

EDIT TEXT EditText adalah cara standar untuk memasukkan teks diaplikasi Android. Jika pengguna diminta untuk memasukkan suatu teks, maka View ini lah yang menjadi sarana utama untuk melakukannya.

ATRIBUT PADA EDIT TEXT <EditText android:hint="Input Text…“ //mengatur nama ID android:layout_width="match_parent“ //Ukuran lebar Layout dari UI Control android:layout_height="wrap_content“ //Ukuran tinggi Layout dari UI Control android:inputType=“Masukkan nama…“ //mengatur teks android:inputType=“textPassword” //mengatur jenis inputan android:maxLength=“20“ //maksimal karakter

BUTTON Button adalah sebuah Elemen antarmuka pengguna yang dapat diketuk atau klik oleh pengguna untuk melakukan suatu tindakan. Sebuah tombol terdiri dari teks atau ikon (atau teks dan ikon) yang mengkomunikasikan tindakan apa yang terjadi ketika pengguna menyentuhnya.

ATRIBUT PADA BUTTON <Button android:id="@+id/Button01“ //menentukan nama ID android:layout_width="match_parent“ //Ukuran lebar Layout dari UI Control android:layout_height="wrap_content“ //Ukuran tinggi Layout dari UI Control android:text="Click Me“ //mengatur nama teks android:textColor="#FFFFFF“ //mengatur warna android:textSize="30sp“ //mengatur ukuran teks android:onClick="onPressme" /> //mengatur nama method

RADIO BUTTON Radio Button adalah salah satu elemen layout di Android yang sering dipakai, yang biasanya berfungsi untuk menginputkan data yang berupa pilihan dan hanya satu saja yang bisa dipilih, contoh: memilh Jenis Kelamin atau pilihan Yes or No

ATRIBUT PADA RADIO BUTTON <RadioGroup android:id="@+id/radioGroupNb«  //menentukan ID radio group android:layout_width="wrap_content" //Ukuran lebar Layout dari UI Control android:layout_height="wrap_content" //Ukuran tinggi Layout dari UI Control <RadioButton android:id="@+id/radioAcer«  //menentukan ID radio button android:checked="true«  //menentukan radio button yang pertama kali di klik android:text="@string/radio_acer" /> //menetntukan nama radio button </RadioGroup>

RATING BAR Widget ini berfungsi untuk memberi nilai dalam suatu kontent. Widget ini banyak digunakan bagi penyedia konten untuk melihat, atau mereview penilaian dari user (pengguna) konten tersebut.Biasanya ini ditemukan di Play Store,

ATRIBUT PADA RATING BAR android:id="@+id/ratingBar1«  //menetukan ID ratingbar android:layout_width="wrap_content"//Ukuran lebar Layout dari UI Control android:layout_height="wrap_content"//Ukuran lebar Layout dari UI Control android:isIndicator="false« // agar rating bar bisa diubah android:numStars="5«  //jumlah bintang android:rating="0«  //nilai mulai rating android:stepSize="0.5"/> //step rating

GRID VIEW GridView adalah salah satu container, yang digunakan untuk menampilkan konten View, konten View dalam GridView akan tersusun bentuk kotak- kotak seperti sebuah rak lemari, , yang dimana kita dapat menyimpan barang- barang. Penulisan coding beserta struktur datanya, hampir sama dengan ListViw, hanya saja data yang ditampilkan secara Grid atau Kotak- kotak.

ATRIBUT PADA GRID VIEW android:columnWidth : Menentukan lebar tetap pada masing-masing kolom. android:gravity : Menentukan gravitasi di dalam setiap sel. android:verticalSpacing : Mendefinisikan default jarak vertikal antar baris. android:stretchMode : Mendefinisikan bagaimana kolom harus meregang untuk mengisi tersedia ruang kosong, jika ada. android:horizontalSpacing : Mendefinisikan default jarak horisontal antara kolom. android:numColumns : Menentukan berapa kolom yang akan ditampilkan.

IMAGE BUTTON ImageButton adalah salah satu widget dari komponen User Interface yang berfungsi untuk menampilkan gambar, namun tidak hanya gambar, ImageView bisa juga kita navigasikan menjadi sebuah Button

ATRIBUT PADA IMAGE BUTTON android:id="@+id/simpleImageButton«  //menetukan nama ID android:layout_width="wrap_content«  //Ukuran lebar Layout dari UI Control android:layout_height="wrap_content«  //Ukuran lebar Layout dari UI Control android:src="@drawable/home«  //sumber gambar android:background="#000"/> //menetukan warna background button

THANKS! Any questions?