PMO18-TI16S-P4-Pengenalan Widget View-CALVIN HARTONO

KELOMPOK 3

Calvin Hartono (16.11.0100)

Fadila Aktar Ziyadi (16.11.0079)

Muhammad Yunus (16.11.0076)

Rayhan Shaquelle Oriwardanu S. (16.11.0090)

Mei Indiani (16.11.0097)

Muhammad Fahrul Rozy. (16.11.0107)

Moch Mugni Labib (16.11.0123)

Wahyu Suseno. (16.11.0132)

M.I.Zulkifli Nurul ‘Ilmi(16.11.0134)

Bachtiar Andi Winata. (16.11.0135)

Fadil(16.11.0136)

 

KELAS TI 16 S

———————————————————————————————————————

PERTEMUAN 4

MATERI YANG AKAN DIBAHAS:

Pengenalan Widget View

  • Dasar pembuatan widget
  • TextView
  • EditText
  • Button
  • RadioButton
  • RatingBar
  • GridView
  • ImageButton

Dasar Pembuatan Widget

 

Pada dasarnya widget memiliki fungsi sebagai antarmuka untuk berinteraksi dengan pengguna. memberikan suatu proses dari aksi yang dilakukan seperti menekan tombol, memilih menu, dan sebagainya. Widget dalam android seperti TextView, EditText, Button, RadioButton, dan sebagainya.

 

Cara Membuat Widget di Android Studio

Terdapat 2 cara yaitu:

  1. Drag and Drop
  2. Mengedit Source Code dengan XML

 

 

 

TextView

 

TextView adalah salah satu widget yang berfungsi menampilkan dan mengkustomisasi sebuah text ,baik itu kata atau kalimat ,paragraf dll,yang digunakan untuk pengembangan Aplikasi Android.

 

Atribut pada XML untuk Textview

 

<TextView android:id=”@+id/text_id” // menentukan nama ID

android:layout_width=”300dp” // Mengatur ukuran lebar Layout

android:layout_height=”200dp” // Mengatur ukuran tinggi Layout

android:text=”Pemrograman Mobile“ // berisi text yang akan ditampilkan pada layar

android:textColor=”@android:color/holo_blue_dark“ // mengatur warna teks

android:layout_centerVertical=”true“ // mengatur letak tulisan pada bagian tengah (center)

android:textSize=”50dp”/>// mengatur ukuran teks

 

EditText

 

EditText berfungsi untuk memasukkan dan mengedit text pada kolom input. Jika pengguna diminta untuk memasukkan suatu teks, maka View ini lah yang menjadi sarana utama untuk melakukannya.

 

Atribut pada XML untuk EditText

 

<EditText

android:layout_width=”match_parent“ // menentukan lebar layout

android:layout_height=”wrap_content“ // menentukan tinggi layout

android:inputType=”textPersonName”  // mengatur teks yang akan ditampilkan

android:id=”@+id/editText”  // mengatur nama ID

android:hint=”Input Text…”  // menampilkan sugesti

 

Button

 

Button merupakan sebuah Elemen antarmuka pengguna yang dapat diketuk atau klik oleh pengguna yang berfungsi memerintahkan aplikasi untuk melakukan aksi yang telah ditentukan. Sebuah Button harus terlebih dahulu diprogram sehingga ketika diketuk akan menunjukkan tindakan atau apa yang akan terjadi selanjutnya.

 

Atribut pada XML untuk Button

 

<Button android:id=”@+id/Button1“ // mengatur nama ID

android:layout_width=”match_parent“ // mengatur Lebar layout

android:layout_height=”wrap_content” // mengatur tinggi Layout

android:text=“Button” 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 dalam android studio yang berguna untuk menampilkan pilihan input lebih dari satu yang bisa dipilih namun hanya 1 pilihan saja yang bisa dipilih.

 

Atribut pada XML untuk RadioButton

 

<RadioGroup

android:id=”@+id/radioGroupNb” // menentukan ID radio Grup

android:layout_width=”wrap_content“ // mengatur ukuran Lebar layout

android:layout_height=”wrap_content“ // mengatur ukuran Tinggi layout

<RadioButton

android:id=”@+id/radioAsus” // menentukan ID radio button

android:layout_width=”wrap_content” // mengatur lebar

android:layout_height=”wrap_content” // mengatur tinggi

android:checked=”true” // menentukan radio button yang pertama kali di klik

android:text=”@string/radio_asus” />  // menentukan nama radio button

</RadioGroup>

 

RatingBar

RatingBar berfungsi untuk komponen user interface, yang digunakan untuk peratingan atau penilaian dalam suatu konten. Widget ini banyak digunakan bagi penyedia konten untuk melihat, atau mereview penilaian dari user (pengguna) konten tersebut. Biasanya ditemukan di Google Playstore maupun Platform lain.

 

 

Atribut pada XML untuk RatingBar

 

 

<RatingBar

android:id=”@+id/ratingbar1″ // menentukan nama ID

android:layout_width=”wrap_content” // menentukan Lebar

android:layout_height=”wrap_content” // menentukan Tinggi

android:layout_centerHorizontal=”true” // mengatur letak agar berada di tengah

android:layout_marginTop=”44dp” />  // mengatur margin

 

GridView

 

 

GridView adalah komponen android yang menampikan data dalam format table yang biasanya terdiri dari beberapa kolom dan baris.

 

Atribut pada XML untuk GridView

 

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 horizontal antara kolom.

android:numColumns : Menentukan berapa kolom yang akan ditampilkan.

 

ImageButton

 

ImageButton berfungsi sebagai komponen User Interface yang tidak hanya menampilkan sebuah gambar namun juga dapat di navigasikan menjadi button aksi yang telah ditentukan.

 

 

Atribut pada XML untuk ImageButton

 

<ImageButton

android:id=”@+id/imageButton” // menentukan nama ID

android:layout_width=”wrap_content” // menentukan lebar

android:layout_height=”100dp” // menentukan tinggi

android:layout_marginTop=”16dp” // menentukan margin

android:src=”@drawable/okedroid” />  // sumber gambar

 

Link PowerPoint : Materi 4 PMO