Membuat Listview dengan Gambar | Tutorial Android

Berikut adalah 'tutorial membuat listview dengan gambar'. Adapun tahap-tahapnya sebagai berikut :

1. Buat projek baru dengan nama 'ListImage'. Selanjutnya masukkan gambar anjing, kambing, kucing, kuda, naga pada folder res -> drawable.
2. Buat kode program pada 'activity_main.xml'

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"   
    android:orientation="vertical"
     >

    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" />
       
   <ListView
       android:id="@+id/lv"
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       ></ListView>


</LinearLayout>


3. Buat layout XML baru dengan nama 'layout_isi_lv.xml'. File -> new -> other -> Android XML Layout File -> beri nama file 'layout_isi_lv.xml'. Lalu buat kode program pada 'layout_isi_lv.xml'

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
   
    <ImageView
        android:id="@+id/imV"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:src="@drawable/ic_launcher"
        />
   
    <TextView
        android:id="@+id/tv_nama"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@+id/imV"
        android:text="TextView"
        android:textColor="#fffd7f"
        android:textSize="10pt"
        />
   
    <TextView
        android:id="@+id/tv_ltn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/tv_nama"
        android:layout_below="@+id/tv_nama"
        android:text="TextView"
        android:textColor="#02808f"
        />


</RelativeLayout>

4. Buat kode program pada 'MainActivity.java'

import android.os.Bundle;
import android.app.Activity;
import java.util.ArrayList;
import java.util.HashMap;
import android.widget.ListView;
import android.widget.ListAdapter;
import android.widget.SimpleAdapter;

public class MainActivity extends Activity {

      protected ListView lv;
      protected ListAdapter adapter;
      SimpleAdapter Adapter;
      HashMap<String, String> map;
      ArrayList<HashMap<String, String>> mylist;
      String[] Pil;
      String[] Ltn;
      String[] Gbr;
     
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
       
        lv = (ListView) findViewById(R.id.lv);
       
        Pil = new String[] {"Anjing", "Kambing", "Kucing", "Kuda", "Naga"};
        Ltn = new String[] {"Anjing Jinak", "Kambing Hutan", "Kucing-Kucingan", "Kuda-kudaan", "Naga Bonar"};
        Gbr = new String[] {Integer.toString(R.drawable.anjing),
                                    Integer.toString(R.drawable.kambing),
                                    Integer.toString(R.drawable.kucing),
                                    Integer.toString(R.drawable.kuda),
                                    Integer.toString(R.drawable.naga) };
       
        mylist = new ArrayList<HashMap<String,String>>();
       
        for (int i = 0; i < Pil.length; i++){
            map = new HashMap<String, String>();
            map.put("list", Pil[i]);
            map.put("latin", Ltn[i]);
            map.put("gbr", Gbr[i]);
            mylist.add(map);             
        }
       
        Adapter = new SimpleAdapter(this, mylist, R.layout.layout_isi_lv,
                  new String[] {"list", "latin", "gbr"}, new int[] {R.id.tv_nama, R.id.tv_ltn, R.id.imV});
        lv.setAdapter(Adapter);
    }

}

5. RUN dan lihat hasilnya




Membuat Listview Bertingkat | Tutorial Android

Berikut adalah 'tutorial membuat listview bertingkat'. Adapun tahap-tahapnya sebagai berikut :
1. Langkah pertama, ikuti tutorial membuat Listview disini.
2. Selanjutnya setelah semua selesai ubah kode program pada 'MainActivity.java' pada projek seperti dibawah ini.

import android.os.Bundle;
import android.view.View;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.Toast;
import android.app.ListActivity;

public class MainActivity extends ListActivity {

      String[] menuutama = new String[] {"Perhitungan", "Bangun Datar", "Keluar Aplikasi"};
      String[] perhitungan = new String[] {"Tambah", "Kurang", "Kali", "Bagi"};
      String[] bangundatar = new String[] {"Kubus", "Persegi Panjang"};
           
      public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        this.setListAdapter(new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, menuutama));
        //setContentView(R.layout.activity_main);
       
    }

      protected void onListItemClick(ListView l, View v, int position, long id) {
            //Toast.makeText(this, "Membuka Form " + hewan[position], Toast.LENGTH_LONG).show();
            super.onListItemClick(l, v, position, id);
            Object o = this.getListAdapter().getItem(position);
            String pilihan = o.toString();
            if (pilihan.equals("Perhitungan")){
                  this.setListAdapter(new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, perhitungan));                    
            }else if (pilihan.equals("Bangun Datar")){
                  this.setListAdapter(new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, bangundatar));
            }else if (pilihan.equals("Keluar Aplikasi")){
                  this.finish();               
            }else{
                  tampilkanPilihan(pilihan);
            }
      } 
     
      private void tampilkanPilihan(String pilihan){
            Toast.makeText(this, "Membuka Form " + pilihan, Toast.LENGTH_LONG).show();
      }

}


3. RUN dan lihat hasilnya...








          ============>












Membuat Listview | Tutorial Android

Berikut adalah 'tutorial membuat Listview di Android'. Adapun tahap-tahapnya seperti berikut :
1. Buat projek baru dan beri nama 'ListView'
2. Buat kode program pada 'activity_main.xml'


<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical">

    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="@string/hello_world"
        tools:context=".MainActivity" />
   
    <ListView
        android:id="@+id/lv"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        ></ListView>


</LinearLayout>


3.  Selanjutnya buat kode program pada 'MainActivity.java'

import android.os.Bundle;
import android.view.View;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.Toast;
import android.app.ListActivity;

public class MainActivity extends ListActivity {

      String[] hewan = new String[] {"Anjing", "Kucing", "Kuda", "Beruang", "Tikus"};
      public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        this.setListAdapter(new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, hewan));
        //setContentView(R.layout.activity_main);
       
    }

      protected void onListItemClick(ListView l, View v, int position, long id) {
            Toast.makeText(this, "Membuka Form " + hewan[position], Toast.LENGTH_LONG).show();
      }   
}


4. RUN dan lihat hasilnya...




Membuat Aplikasi Hitung Luas Persegi | Tutorial Android

Berikut adalah 'tutorial membuat aplikasi hitung luas persegi pada Android'. Adapun tahap-tahapnya seperti berikut :

1. Buat projek dengan nama 'persegi' dengan activity 'MainActivity' (Biasanya default-nya begitu)
2. Buat antarmuka pada 'main_activity.xml' seperti gambar dibawah ini.

Rancangan antarmuka aplikasi

3. Kode 'activity_main.xml'


<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="@string/hello_world"  />

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Panjang : " />
     
      <EditText
          android:id="@+id/etPanjang"
          android:layout_width="match_parent"
          android:layout_height="wrap_content" />
     
      <TextView
          android:id="@+id/textView2"
          android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Lebar : " />
     
      <EditText
          android:id="@+id/etLebar"
          android:layout_width="match_parent"
          android:layout_height="wrap_content" />
     
      <Button
          android:id="@+id/btnHasil"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:onClick="HitungLuas"
          android:text="Luas "  />
     
      <TextView
          android:id="@+id/tvHasil"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="0"
          android:textSize="15pt" />
         

</LinearLayout>


 4. Pada 'MainActivity.java' tuliskan baris kode seperti dibawah ini

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.view.View;
import android.widget.EditText;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends Activity {
      private EditText et_panjang;
      private EditText et_lebar;
      private TextView tv_hasil;
      private int panjang, lebar, hasil;
     

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //Definisi
        et_panjang = (EditText) findViewById(R.id.etPanjang);
        et_lebar = (EditText) findViewById(R.id.etLebar);
        tv_hasil = (TextView) findViewById(R.id.tvHasil);
    }

    public void HitungLuas(View v){
      try{
            panjang = Integer.parseInt(et_panjang.getText().toString());
            lebar = Integer.parseInt(et_lebar.getText().toString());
            hasil = panjang*lebar;
            tv_hasil.setText(String.valueOf(hasil));             
      }catch(Exception i){
            Toast.makeText(this, "Input text view", Toast.LENGTH_LONG).show();
      }   
    }

}

 5. Selanjutnya RUN aplikasinya. Hasilnya kira-kira seperti dibawah ini




Copyright © 2017 priawadi.com All Rights Reserved.