Contoh Login di android studio

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

 Seperti gambar berikut

Rancangan Baris dan Kolom

Struktur folder/file Layout.xml

                    Pastikan kalian sudah Membaca Cara Membuat Aplikasi HelloWorld di Android Studio untuk dasarnya ,karna tutorial disini kita akan langsung mulai pemrograman Aplikasi di dalam Android Studio .

Buat  file layout.xml

Klik Kanan folder Layout di app> res>Layout

Buat file Layout

Buat nama layout

Kalian bisa membuat layout.xmlnya seperti code berikut:

01	<?xml version="1.0" encoding="utf-8"?>

02	<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"

03	android:id="@+id/tableLayout1"

04	android:layout_width="match_parent"

05	android:layout_height="match_parent"

06	android:padding="10dp"

07	android:shrinkColumns="*"

08	android:stretchColumns="*" >

09

10	<!-- Baris 1 Kolom 1 -->

11

12

<TableRow

13	android:id="@+id/tableRow1"

14	android:layout_width="match_parent"

15	android:layout_height="wrap_content"

16	android:gravity="center_horizontal" >

17

18

<TextView

19	android:id="@+id/textView9"

20	android:layout_width="match_parent"

21	android:layout_height="wrap_content"

22	android:gravity="center"

23	android:text=" Contoh Login"

24	android:textSize="24dp"

25	android:textStyle="bold" >

26	</TextView>

27	</TableRow>

28

29	<!--Baris 2 Kolom 2 -->

30

31

<TableRow

32	android:id="@+id/tableRow2"

33	android:layout_width="match_parent"

34	android:layout_height="wrap_content" >

35

36

<TextView

37	android:id="@+id/textView1"

38	android:layout_width="wrap_content"

39	android:layout_height="wrap_content"

40	android:text="UserName"

41	android:textSize="16dp" />

42

43

<EditText

44	android:id="@+id/editText1"

45	android:layout_width="match_parent"

46	android:layout_height="wrap_content"

47	android:ems="10" >

48	</EditText>

49	</TableRow>

50

51	<!-- Baris 3 Kolom 3 -->

52

53

<TableRow

54	android:id="@+id/tableRow3"

55	android:layout_width="match_parent"

56	android:layout_height="wrap_content" >

57

58

<TextView

59	android:id="@+id/textView2"

60	android:layout_width="wrap_content"

61	android:layout_height="wrap_content"

62	android:text="Password"

63	android:textSize="16dp" />

64

65

<EditText

66	android:id="@+id/editText2"

67	android:layout_width="match_parent"

68	android:layout_height="wrap_content"

69	android:ems="10"

70	android:inputType="textPassword" >

71	</EditText>

72	</TableRow>

73

74	<!-- Baris 4 Kolom 1 -->

75

76

<TableRow

77	android:id="@+id/tableRow4"

78	android:layout_width="match_parent"

79	android:layout_height="wrap_content"

80	android:gravity="right" >

81

82

<Button

83	android:id="@+id/button1"

84	android:layout_width="match_parent"

85	android:layout_height="wrap_content"

86	android:text="Masuk" />

87	</TableRow>

88

89	</TableLayout>

Hasilnya:

Table Layout