Senin, 30 Januari 2023

GUI ANDROID STUDIO: LAYOUT

 Pada kesempatan kali ini kita akan membahas bagaimana cara menggunakan Layout dan menggabungkan antara relative dan linierlayout pada Android Studio meenggunakan aplikasi Android Studio

Desain UI


<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
app:layout_constraintTop_toTopOf="parent"
>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Selamat Datang Di Program Sederhana Saya"
android:textStyle="bold"
android:textSize="40dp"
android:layout_marginBottom="50dp"
android:layout_marginTop="20dp"

/>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Ayo Perkenalkan Diri Anda"
android:textAlignment="center"
android:textStyle="bold"
android:textSize="25dp"
android:layout_marginBottom="30dp"
/>
<EditText
android:id="@+id/h"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="Silahkan masukkan nama anda: "
android:textSize="18dp"
/>


</LinearLayout>

<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_constraintTop_toTopOf="parent"
android:layout_marginTop="365dp"
>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Save"
android:layout_alignParentTop="true"
/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Update"
android:layout_alignParentRight="true"
/>

<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Delete"
android:layout_centerVertical="true"
android:layout_centerHorizontal="true"

/>

<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Search"
android:layout_alignParentBottom="true"
/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="View"
android:layout_alignParentBottom="true"
android:layout_alignParentRight="true"

/>
</RelativeLayout>

</androidx.constraintlayout.widget.ConstraintLayout>

Jika ada kekurangan mohon dimaafkan:)


Tidak ada komentar:

Posting Komentar

GUI ANDROID STUDIO: LAYOUT

  Pada kesempatan kali ini kita akan membahas bagaimana cara menggunakan Layout dan menggabungkan antara relative dan linierlayout pada Andr...