MEMBUAT APLIKASI ANDROID SEDERHANA ~ LISTVIEW

MEMBUAT APLIKASI ANDROID SEDERHANA

Kali ini kita akan membuat aplikasi android sederhana 

1. buat project baru dengan nama aplikasi login sederhana 

2. lalu buat actifity baru dengan cara klik kanan App > New > Actifity dan pilih Empty Actifity

3. isi dengan nama login lalu klik finish

buka actifity_main.xml lalu tuliskan kode dibawah

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.caratutorial.aplikasiloginsederhana.MainActivity">

    <TextView
        android:text="Login Form"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:id="@+id/textView"
        android:textAlignment="center"
        android:textSize="30sp"
        android:textStyle="normal|bold" />

    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:inputType="textPersonName"
        android:ems="10"
        android:id="@+id/username"
        android:hint="Username"
        android:layout_below="@+id/textView"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:layout_marginTop="37dp" />

    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:inputType="textPassword"
        android:ems="10"
        android:layout_below="@+id/username"
        android:layout_alignParentLeft="true"
        android:id="@+id/password"
        android:layout_alignParentRight="true"
        android:layout_alignParentEnd="true"
        android:hint="Password" />

    <Button
        android:text="Log In"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/password"
        android:layout_centerHorizontal="true"
        android:id="@+id/btnLogin" />

</RelativeLayout>

maka akan tertampil seperti ini

4. setelah selesai maka buka actifity_welcome.xml lalu buat design seperti ini

5. setelah selesai buka main_actifity.javadan tuliskan kode seperti dibawah ini

package aplikasiloginsederhana;

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

public class MainActivity extends AppCompatActivity {

    EditText username, password;
    Button btnLogin;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        username = (EditText) findViewById(R.id.username);
        password = (EditText) findViewById(R.id.password);
        btnLogin = (Button)findViewById(R.id.btnLogin);

        btnLogin.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {

                String usernameKey = username.getText().toString();
                String passwordKey = password.getText().toString();

                if (usernameKey.equals("admin") && passwordKey.equals("123")){
                    //jika login berhasil
                    Toast.makeText(getApplicationContext(), "LOGIN SUKSES",
                            Toast.LENGTH_SHORT).show();
                    Intent intent = new Intent(MainActivity.this, Welcome.class);
                    MainActivity.this.startActivity(intent);
                    finish();
                }else {
                    //jika login gagal
                    AlertDialog.Builder builder = new AlertDialog.Builder(MainActivity.this);
                    builder.setMessage("Username atau Password Anda salah!")
                            .setNegativeButton("Retry", null).create().show();
                }
            }

        });

    }
}

6. buka welcome.java lalu pastekan code ini

package aplikasiloginsederhana;

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

public class Welcome extends AppCompatActivity {

    Button btnExit;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_welcome);

        btnExit = (Button) findViewById(R.id.btnExit);

        btnExit.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //perintah untuk mengakhiri aplikasi
                finish();
            }
        });

    }
}

7. simpan project lalu Run > Run app maka akan tampil seperti ini

8. membuat list view 

pada bagian pallete, sebelah kiri kita bisa mendrag komponen list view ke dalam layout 

 maka hasilnya akan speerti ini 

Activity_main.xml

1. <?xml version="1.0" encoding="utf-8"?>
2. <RelativeLayout
3.         xmlns:android="http://schemas.android.com/apk/res/android"
4.         xmlns:tools="http://schemas.android.com/tools"
5.         android:id="@+id/activity_main"
6.         android:layout_width="match_parent"
7.         android:layout_height="match_parent"
8.         android:paddingLeft="@dimen/activity_horizontal_margin"
9.         android:paddingRight="@dimen/activity_horizontal_margin"
10.         android:paddingTop="@dimen/activity_vertical_margin"
11.         android:paddingBottom="@dimen/activity_vertical_margin"
12.         tools:context="com.okedroid.simplelistview.MainActivity">
14.     <!--List View -->
15.     <ListView
16.             android:layout_width="match_parent"
17.             android:layout_height="match_parent"
18.             android:layout_marginTop="17dp"
19.             android:id="@+id/list_view"
21.             />
23.     <TextView
24.             android:text="Pilih Barang :"
25.             android:textStyle="bold"
26.             android:layout_marginBottom="16dp"
27.             android:layout_alignParentTop="true"
28.             android:layout_width="wrap_content"
29.             android:layout_height="wrap_content"
30.             android:layout_alignParentBottom="true"
31.             android:layout_alignParentStart="true"
32.             android:id="@+id/textView"/>
33. </RelativeLayout>

9. buka mainactivity.java lalu kode di bawah dipaste

1. package simplelistview;
3. import android.os.Bundle;
4. import android.support.v7.app.AppCompatActivity;
5. import android.view.View;
6. import android.widget.AdapterView;
7. import android.widget.ArrayAdapter;
8. import android.widget.ListView;
9. import android.widget.Toast;
10. 
    
12. public class MainActivity extends AppCompatActivity {
14.     private ListView lvItem;
15.     private String[] bahasapemrograman = new String[]{
16.             "Pipa PVC","Fitting PVC","Flange PVC"};
17.     //mendeklarasikan listview var dan menginisialasi array tipe data string
18.     //Step 1
22.     @Override
23.     protected void onCreate(Bundle savedInstanceState) {
24.         super.onCreate(savedInstanceState);
25.         setContentView(R.layout.activity_main);
27.         getSupportActionBar().setTitle("ListView Sederhana"); //tampil title
28.          
29.         lvItem = (ListView) findViewById(R.id.list_view);
30.         ArrayAdapter<String> adapter = new ArrayAdapter<String>(MainActivity.this, android.R.layout.simple_list_item_1, android.R.id.text1, barang);
31.     /*
32.     Step 2
33.     Membinding atau memformat data
34.      */
36.         lvItem.setAdapter(adapter);
37.         //menset data di dalam listview
39.         //Step 3
40.         lvItem.setOnItemClickListener(new AdapterView.OnItemClickListener() {
41.             @Override
42.             public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
43.                 Toast.makeText(MainActivity.this, "Memilih : "+barang[position], Toast.LENGTH_LONG).show();
45.                 //memanggil set on Item ClickListener untuk Listview, jadi jika salah satu item list view diklik akan
46.                 //akan bereaksi menampilkan toast atau aksi lainya.
47.                 //Step 4
48.             }
49.         });
50.     }
57. }
58. 
    

maka akan tampil seperti ini