Membuat Listview dengan Gambar | Tutorial Android

By: Rangga0411 on 11:30 PM

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 = newArrayList<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

Read More

Membuat Listview Bertingkat | Tutorial Android

By: Rangga0411 on 10:00 AM

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 extendsListActivity {

      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 voidonListItemClick(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...

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

Read More

Membuat Listview | Tutorial Android

By: Rangga0411 on 9:27 AM

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 extendsListActivity {

      String[] hewan = new String[] {"Anjing", "Kucing", "Kuda", "Beruang", "Tikus"};

      public void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        this.setListAdapter(newArrayAdapter<String>(this, android.R.layout.simple_list_item_1, hewan));

        //setContentView(R.layout.activity_main);

       

    }

      protected voidonListItemClick(ListView l, View v, int position, long id) {

            Toast.makeText(this, "Membuka Form " + hewan[position], Toast.LENGTH_LONG).show();

      }   

}

4. RUN dan lihat hasilnya...

Read More

Membuat Aplikasi Hitung Luas Persegi | Tutorial Android

By: Rangga0411 on 2:43 AM

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

Read More