ListView daftar Buah-buahan + form Login & Registrasi (Uas)

  Selamat malam sahabat blogger, kali ini saya akan berbagi aplikasi sederhana daftar buah-buahan menggunakan android studio.. Aplikasi ini pun masih banyak kekurangannya, bagi teman-teman yang masih pemula menggunakan android studio mungkin ini bisa menjadi referensi untuk belajar.

aplikasi ini terdiri dari :

form Login
form Registrasi
Listview

EditTake
RadioButton
Button
ListView
dan jangan lupa kita tambah di app implement android.support.design 28.0.0

yuk kita mulaii...

pertama kita Bikin aplikasi ilmanibrahim1610111400105(misal)

untuk pertama saya buat form login terlebih dahulu..

dan jangan lupa bikin background layar form (Biar keceee...)

lihat gambar di bawah ini:

      drawble nya saya bikin xml baru dengan nama layar.xml (Buat Backgroud layar)

dan penambahan warna di Layout colorxml

hasil nya jadi seperti di bawah ini..

sesudah bikin background 

lalu kita mulai bikin tampilan login dan tampilannya sebagai berikut :

untuk icon /image bisa kita buat di drawable dengan cara Klik Drawable dengan cara pilih New Vector Asset lalu bikin dan cari icon yg sesuai , contoh nya seperti ini :

 Berikut code login.Xml/activitymain.xml:

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

<LinearLayout 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"

    android:background="@drawable/layar"

    android:orientation="vertical"

    android:gravity="center">

    <ImageView

        android:layout_width="350dp"

        android:layout_height="320dp"

        android:layout_marginBottom="20dp"

        android:background="@drawable/icon"/>

    <android.support.design.widget.TextInputLayout

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:padding="5dp"

        android:textColorHint="@color/tx"

        app:errorEnabled="true">

        <EditText

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:textSize="20sp"

            android:hint="Email"

            android:inputType="textEmailAddress"/>

    </android.support.design.widget.TextInputLayout>

    <android.support.design.widget.TextInputLayout

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:padding="5dp"

        android:textColorHint="@color/tx"

        app:passwordToggleEnabled="true"

        app:errorEnabled="true">

        <EditText

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:textSize="20sp"

            android:hint="Password"

            android:inputType="textPassword"/>

    </android.support.design.widget.TextInputLayout>

    <Button

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:text="LogIn"

        android:layout_marginTop="25dp"

        android:layout_margin="5dp"

        android:background="@drawable/button"

        android:textColor="@color/tx"

        android:onClick="confirm"

        />

    <Button

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:text="Register"

        android:layout_marginTop="25dp"

        android:layout_margin="5dp"

        android:background="@drawable/button"

        android:textColor="@color/tx"

        android:onClick="regis"

        />

</LinearLayout>

lalu kita buat form registrasi dengan cara pilih new Activity dan berikan nama REGISTRASI

Berikut tampilan dan source code xml form registrasi:

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

<LinearLayout 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"

    android:background="@drawable/layar"

    android:orientation="vertical"

    tools:context=".registrasi">

    <android.support.design.widget.TextInputLayout

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:padding="15dp"

        android:textColorHint="@color/tx"

        android:focusableInTouchMode="true"

        app:errorEnabled="true">

        <EditText

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:hint="Enter Username"

            android:inputType="textEmailAddress"

            android:textSize="20sp"

            android:layout_marginTop="10dp"/>

    </android.support.design.widget.TextInputLayout>

    <android.support.design.widget.TextInputLayout

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:padding="15dp"

        android:textColorHint="@color/tx"

        android:focusableInTouchMode="true"

        app:errorEnabled="true">

        <EditText

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:hint="Enter Email"

            android:inputType="textEmailAddress"

            android:textSize="20sp"

            android:layout_marginTop="10dp"/>

    </android.support.design.widget.TextInputLayout>

    <android.support.design.widget.TextInputLayout

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:padding="15dp"

        android:textColorHint="@color/tx"

        app:errorEnabled="true">

        <EditText

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:hint="Enter Password"

            android:inputType="textPassword"

            android:textSize="20sp"

            android:layout_marginTop="10dp"/>

    </android.support.design.widget.TextInputLayout>

    <android.support.design.widget.TextInputLayout

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:padding="15dp"

        android:textColorHint="@color/tx"

        app:errorEnabled="true">

        <EditText

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:hint="Confirm Password"

            android:inputType="textPassword"

            android:textSize="20sp"

            android:layout_marginTop="10dp"/>

    </android.support.design.widget.TextInputLayout>

    <RadioGroup

        android:id="@+id/rgbtn"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:layout_marginTop="15dp"

        android:layout_marginLeft="15dp"

        android:padding="10dp"

        android:orientation="horizontal">

<TextView

    android:layout_width="wrap_content"

    android:layout_height="wrap_content"

    android:textColor="@color/tx"

    android:textSize="20sp"

    android:text="Gender"/>

        <RadioButton

            android:id="@+id/ml"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:textColor="@color/tx"

            android:layout_marginLeft="20sp"

            android:textSize="20sp"

            android:text="Male"/>

        <RadioButton

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:textColor="@color/tx"

            android:textSize="20sp"

            android:text="Female"

            android:layout_marginLeft="20sp"

            />

    </RadioGroup>

    <Button

        android:layout_width="150dp"

        android:layout_height="70dp"

        android:padding="20dp"

        android:layout_gravity="center"

        android:layout_marginTop="20sp"

        android:text="REGISTRASI"

        android:textColor="@color/tx"

        android:background="@drawable/button"

        android:onClick="reg"

        />

</LinearLayout>

Dan tampilan form nya seperti ini :

Lalu kita Buat kode di Mainactivity.Java supaya ketika klik Button bisa tampil acyivity lain:

seperti di bawah ini sourceCode mainactivity:

package com.unpam.ilmanibrahim161011400105;

import android.content.Intent;

import android.support.v7.app.AppCompatActivity;

import android.os.Bundle;

import android.view.View;

public class MainActivity extends AppCompatActivity {

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

    }

    public void confirm( View view){

        Intent intent=new Intent(MainActivity.this,listview.class);

      startActivity(intent);

    } public void regis( View view){

        Intent intent=new Intent(MainActivity.this,registrasi.class);

        startActivity(intent);

    }

}

kita buat activity baru dan di beri nama  listview

 kita buat design dan tambahin listview 

untuk source codenya  bisa di liat di bawah ini

 sourcecode di listview.xml

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

<LinearLayout 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"

    android:background="@drawable/layar"

    tools:context=".listview">

    <ListView

        android:id="@+id/listvw"

        android:layout_width="match_parent"

        android:layout_height="match_parent" />

</LinearLayout>

baru kita bikin sourcecode di listview.java 

jangan lupa kita pake array :

package com.unpam.ilmanibrahim161011400105;

import android.content.Intent;

import android.support.v7.app.AppCompatActivity;

import android.os.Bundle;

import android.view.View;

import android.widget.AdapterView;

import android.widget.ArrayAdapter;

import android.widget.ListView;

import android.widget.Toast;

public class listview extends AppCompatActivity {

    ListView lv;

    String [] Menu={"Daftar Buah","Harga Buah","Manfaat Makan Buah","Cara MenanamBuah"};

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_listview);

        lv=(ListView)findViewById(R.id.listvw);

        ArrayAdapter adapter= new ArrayAdapter(this,android.R.layout.simple_list_item_single_choice, Menu);

        lv.setAdapter(adapter);

        lv.setOnItemClickListener(new AdapterView.OnItemClickListener() {

            @Override

            public void onItemClick(AdapterView<?> arg0, View arg1, int  itemke, long arg3) {

                String itemText=(String)lv.getItemAtPosition(itemke);

                Toast.makeText(getBaseContext(),"Anda Memilih "+ itemText, Toast.LENGTH_LONG).show();

                if(itemText.equals("Daftar Buah")){

              Intent inten=new Intent(arg0.getContext(),daftarbuah.class);

              startActivityForResult(inten,0);

                }

            }

        });

    }

}

lalu kita bikin activity lagi dan beri nama daftar buah:

kali ini saya bikin sesederhana mungkin ,sekedar contoh

berikut source code daftarbuah.xml

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

<RelativeLayout 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=".daftarbuah">

    <LinearLayout

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:orientation="vertical">

        <ImageView

            android:id="@+id/imgbuah"

            android:layout_width="250dp"

            android:layout_height="200dp"

            android:layout_marginRight="@+id/pisangg"

            android:layout_gravity="center"

            android:padding="50dp"

            android:src="@drawable/pisang" />

        <TextView

            android:id="@+id/pisangg"

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:gravity="center"

            android:text="Pisang"

            android:textSize="25dp"

            android:textStyle="bold"

            android:layout_marginTop="30dp"

            android:layout_marginLeft="@+id/imgbuah"/>

        <ImageView

            android:id="@+id/apelll"

            android:layout_width="250dp"

            android:layout_height="200dp"

            android:layout_gravity="center"

            android:layout_marginRight="@+id/pisangg"

            android:padding="50dp"

            android:src="@drawable/apel" />

        <TextView

            android:id="@+id/ape"

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:text="APEL"

            android:textSize="25dp"

            android:gravity="center"

            android:textStyle="bold"

            android:layout_marginTop="30dp"

            android:layout_marginLeft="@+id/apelll"/>

    </LinearLayout>

</RelativeLayout>

setelah sudah beres codingannya.kita coba jalan kan ,dan hasilnya seperti di bawah ini:

gambar di bawah ketika kita klik visibity password:

 Tampilan hasil FORM REGISTRASI

 
Untuk tampilan ListView

sekian belajar tentang bikin listview,form login dan registrasi..saya ucapkan terima kasih.
semoga bermanfaat bagi yang ingin belajar .