Form login + ListView Ddaftar Buah android studio

 Form login + ListView Ddaftar Buah android studio

 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 .







Komentar

Posting Komentar