Belajar Cara Menciptakan Table Layout Pada Layout.Xml

TableLayout pada layout.xml terdiri dari baris dan kolom ibarat yang ada pada tag table HTML.
Disini kita akan menciptakan tampilan yang terdiri dari widget editText,TextView dan Button. Dan juga sebelumnya kita dapat menciptakan rancanganya terlebih dahulu.

 Seperti gambar berikut


xml terdiri dari baris dan kolom ibarat yang ada pada tag table HTML Belajar Cara menciptakan Table Layout pada layout.xml
Rancangan Baris dan Kolom







xml terdiri dari baris dan kolom ibarat yang ada pada tag table HTML Belajar Cara menciptakan Table Layout pada layout.xml
Struktur folder/file Layout.xml

                    Pastikan kalian sudah Membaca Cara Membuat Aplikasi HelloWorld di Android Studio untuk dasarnya ,karna tutorial disini kita akan pribadi mulai pemrograman Aplikasi di dalam Android Studio .
Buat  file layout.xml


Klik Kanan folder Layout di appres>Layout

xml terdiri dari baris dan kolom ibarat yang ada pada tag table HTML Belajar Cara menciptakan Table Layout pada layout.xml
Buat file Layout



xml terdiri dari baris dan kolom ibarat yang ada pada tag table HTML Belajar Cara menciptakan Table Layout pada layout.xml
Buat nama layout



Kalian dapat menciptakan layout.xmlnya ibarat code berikut:
<?xml version="1.0" encoding="utf-8"?> <TableLayout xmlns:android="http://schemas.android.com/apk/res/android"     android:id="@+id/tableLayout1"     android:layout_width="match_parent"     android:layout_height="match_parent"     android:padding="10dp"     android:shrinkColumns="*"     android:stretchColumns="*" >      <!-- Baris 1 Kolom 1 -->      <TableRow         android:id="@+id/tableRow1"         android:layout_width="match_parent"         android:layout_height="wrap_content"         android:gravity="center_horizontal" >          <TextView             android:id="@+id/textView9"             android:layout_width="match_parent"             android:layout_height="wrap_content"             android:gravity="center"             android:text=" Contoh Login"             android:textSize="24dp"             android:textStyle="bold" >         </TextView>     </TableRow>      <!--Baris 2 Kolom 2 -->      <TableRow         android:id="@+id/tableRow2"         android:layout_width="match_parent"         android:layout_height="wrap_content" >          <TextView             android:id="@+id/textView1"             android:layout_width="wrap_content"             android:layout_height="wrap_content"             android:text="UserName"             android:textSize="16dp" />          <EditText             android:id="@+id/editText1"             android:layout_width="match_parent"             android:layout_height="wrap_content"             android:ems="10" >         </EditText>     </TableRow>      <!-- Baris 3 Kolom 3 -->      <TableRow         android:id="@+id/tableRow3"         android:layout_width="match_parent"         android:layout_height="wrap_content" >          <TextView             android:id="@+id/textView2"             android:layout_width="wrap_content"             android:layout_height="wrap_content"             android:text="Password"             android:textSize="16dp" />          <EditText             android:id="@+id/editText2"             android:layout_width="match_parent"             android:layout_height="wrap_content"             android:ems="10"             android:inputType="textPassword" >         </EditText>     </TableRow>      <!-- Baris 4 Kolom 1 -->      <TableRow         android:id="@+id/tableRow4"         android:layout_width="match_parent"         android:layout_height="wrap_content"         android:gravity="right" >          <Button             android:id="@+id/button1"             android:layout_width="match_parent"             android:layout_height="wrap_content"             android:text="Masuk" />     </TableRow>  </TableLayout>    

Hasilnya:

xml terdiri dari baris dan kolom ibarat yang ada pada tag table HTML Belajar Cara menciptakan Table Layout pada layout.xml
Table Layout

Baca juga :




Sumber https://www.okedroid.com/
Show comments
Hide comments

0 Response to "Belajar Cara Menciptakan Table Layout Pada Layout.Xml"

Post a Comment

Blog ini merupakan Blog Dofollow, karena beberapa alasan tertentu, sobat bisa mencari backlink di blog ini dengan syarat :
1. Tidak mengandung SARA
2. Komentar SPAM dan JUNK akan dihapus
3. Tidak diperbolehkan menyertakan link aktif
4. Berkomentar dengan format (Name/URL)

NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".

Klik subscribe by email agar Anda segera tahu balasan komentar Anda

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

close