Layout dan Widget View ~ Belajar Coding Bareng

Langusung saja Kita Membuat Layout dan Widget View ikuti Langkah - Langkah Seperti di Bawah ini:

1. Buka Projek yang Sebelumnya kita buat pada Pembahasan Pengenalan Tampilan Pada Aplikasi Android Studio dengan cara file > open > cari nama projek yang kalian buat.

2. Sekarang Kita akan Membuat Layout cari file activity_main.xml saya menyarankan di ketik secara manual agar kalian terbiasa dengan perintah-perintah berikut

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

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:paddingLeft="@dimen/activity_horizontal_margin"

android:paddingRight="@dimen/activity_horizontal_margin"

android:paddingTop="@dimen/activity_vertical_margin"

android:paddingBottom="@dimen/activity_vertical_margin"

tools:context=".layout"

android:orientation="vertical"

android:weightSum="1">

<TextView android:text="Nama"

android:layout_width="83dp"

android:layout_height="wrap_content"

android:id="@+id/login" />

<EditText

android:layout_width="match_parent"

android:layout_height="26dp"

android:id="@+id/loginData"

android:layout_weight="0.11"

android:text="masukan nama anda" />

<TextView

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="password"

android:id="@+id/passw"

android:layout_below="@+id/login"

android:layout_alignParentLeft="true"

android:layout_alignParentStart="true"

android:layout_marginTop="31dp"

android:layout_alignRight="@+id/login"

android:layout_alignEnd="@+id/login" />

<EditText

android:layout_width="match_parent"

android:layout_height="22dp"

android:id="@+id/passwData"

android:layout_margin="16dp"

android:layout_weight="0.11"

android:text="masukan password" />

<EditText

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:inputType="textPassword"

android:ems="10"

android:id="@+id/editText" />

<Button

android:layout_width="168dp"

android:layout_height="wrap_content"

android:text="LOGIN"

android:id="@+id/button"

android:layout_weight="0.09" />

<EditText

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:id="@+id/editText2"

android:layout_weight="0.12" />

 </LinearLayout>

Selanjutkan apabila ada kesalah kalian tinggal alt + enter berfungsi untuk meng create class.

Pada program diatas digunakan untuk mengantur layout pada program aplikasi mobile, dengan tampilan yang akan dibuat, program diatas dapat dibuat dengan menggunakan tools yang telah tersedia. Pada program yang pertama text view digunakan untuk menampilkan nama inputan yang pertama yaitu “nama” kemudian dibawah itu diberi program edit text, digunakan untuk measukan data yang nantinya akan menjadi inputan. Kemudian text view dengan penamaan paswod yang dibawahnya diberi inputan dengan program edit text ini akan menjadi inputan dengan type program yaitu password maka text yang dimasukan tidak akan muncul, kemudian inputan yang selanjutnya adalah untuk mengulangi password tersebut dengan kode yang digunakan hampir sama dengan sebelumnya. Kemudian button digunakan untuk mengirim data yang telah di masukan dengan code program seperti diatas, dan ukuran yang dibuat dengan menggunakan tools yang telah tersedian. Yang terakhior yaitu text untuk menuliskan status. Maka hasilnya aklan seperti pada gambar di bawah ini jika mengikuti kode dengan benar.

3. Untuk file MainActivity.java

import android.content.Context;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

    @Override    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Button tombol = (Button) findViewById(R.id.button);

        tombol.setOnClickListener(
                new Button.OnClickListener() {
                    public void onClick(View v) {
                        Context context = getApplicationContext();
                        CharSequence text = "Hello toast!";

                        int duration = Toast.LENGTH_SHORT;
                        Toast toast = Toast.makeText(context,text,duration);
                        toast.show();
                    }
                }
        );
    }}

Pada program diatas dgunaan untuk mengubungkan dengan program yang sebelumnya yaitu layout, stetlah itu akan dihubungkan dengan layoutnya yaitu ada nama password login. Dengan class ap compatactivity, dan class turunan mainactivity kode program ini sudah ditentukan oleh aplikasi sebelumnya kemudian tinggal kita yang maka setelah kode program telah diketikan semuanya kemudian program tinggal kita jalankan dengan cara menghubungkan device yang kita pakai agar performa komputer tidak lelet. Dengan cara menambahkan ke mode pengembangan kemudian di sambungkan ke PC, maka bila telah terbaca akan keluar saat mau kita run seperti dibawah ini.