Selamat siang sobat, Pada kesempatan kali ini galiilmu1 akan berbagi sedikit artikel yang masih seputar android studio. Kalau kemaren galiilmu1 hanya membahas tentang jenis layout dan contohnya. Untuk kali ini galiilmu1 akan membahas tentang Belajar Membuat Linear Layout pada Android Studio.
Kita tau bahwa Linear Layout adalah bagian penting pada android studio yaitu jenis layout yang ada di bagian Activity dan berbentuk file .xml. Sekarang kita akan membuat sebuah linear layout vertical dan horizontal, untuk peletakan folder layout.xml ini ada pada folder app kemudian klik resource dan buka folder layout.
Anda bisa lihat gambar di bawah ini.
Sekarang kita akan mencoba membuat file layout.xml
Caranya Klik kanan folder Layout pada app > res > layout
Kemudian pilih New > Layout resource file
lihat contoh seperti di bawah.
Selanjutnya buat layout dan beri nama sesuai yang anda inginkan.
Setelah selesai membuat file layout.xml, langkah selanjutnya membuat Linear Layout Vertical pada layout.xml yang sudah kita buat.
Contoh source code :
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/activity_main"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context="com.example.windows.example.MainActivity">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Linear Layout Vertical"
android:textSize="25dp"
android:textStyle="bold"
android:textColor="#000"
android:layout_marginLeft="60dp"
android:id="@+id/textView" />
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="Input"
android:gravity="center"/>
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="Input"
android:gravity="center"/>
<Button
android:text="+"
android:layout_width="match_parent"
android:layout_height="wrap_content"
/>
<Button
android:text="-"
android:layout_width="match_parent"
android:layout_height="wrap_content"
/>
<Button
android:text="x"
android:layout_width="match_parent"
android:layout_height="wrap_content"
/>
<Button
android:text="/"
android:layout_width="match_parent"
android:layout_height="wrap_content"
/>
</LinearLayout>
Hasilnya :
Baca Juga : Construct 2 Tutorial | Behaviour, Insert New Object (Sprite)
Linear Layout Horizontal
Contoh source code :
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/activity_main"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context="com.example.windows.example.MainActivity">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Linear Layout Horizontal"
android:textSize="25dp"
android:textStyle="bold"
android:textColor="#000"
android:layout_marginLeft="43dp"
android:id="@+id/textView" />
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal">
<EditText
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:hint="Input" />
<EditText
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:hint="Input"/>
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal">
<Button
android:text="+"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<Button
android:text="-"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<Button
android:text="x"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
/>
<Button
android:text="/"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</LinearLayout>
</LinearLayout>
Hasilnya :
Mungkin itu saja artikel yang bisa galiilmu1 bagikan pada kesempatan ini, semoga bermanfaat untuk semuanya.
Baca Juga :
No comments:
Post a Comment