Kamis, 10 April 2014

List View Vs Grid View

First off all.. Terima kasih kepada teman satu kelompok yang namanya kami  sebutkan di dalam project ini yang telah bersedia bersusah payah mengerjakan tentang List dan Grid View (sory terlat posting bro :3)
mungkin pertama yang ada di pikiran anda apa itu List dan Grid View? semacam cemilan kah? atau minuman? hahahah...
Jawabannya berdasarkan sumber :
http://developer.android.com/guide/topics/ui/index.html List da Grid View ini bagian dari UI Layout dimana hal ini digunakan ketika isi untuk tata letak Anda adalah dinamis atau tidak ditentukan, Anda dapat menggunakan layout yang mensubclass AdapterView untuk mengisi tata letak dengan tampilan saat runtime. Sebuah subclass dari kelas AdapterView menggunakan Adapter untuk mengikat data ke layoutnya. Adapter berperilaku sebagai penengah antara sumber data dan AdapterView layout- Adapter mengambil data (dari sumber seperti array atau query database) dan mengkonversi setiap masuk ke tampilan yang dapat ditambahkan ke dalam tata letak AdapterView .

Masih Bingung ? Sama kita juga... hahahahha, biar lebih jelas biasanya sih dengan langsung di praktekin, oleh karena itu makemon "mari kita kemon"

Kita awali dengan Grid View
GridView adalah ViewGroup yang menampilkan item dalam dua dimensi, scrollable Grid. Item grid otomatis dimasukkan ke tata letak menggunakan ListAdapter



1 selanjutnya kita buat project seperti biasa 

2 di bagian main.xml kita buat code berikut :

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





    <TextView
        android:id="@+id/textView1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:text="KELOMPOK PEMROGRAMAN MOBILE"/>

<TextView
    android:id="@+id/text"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content" />

<GridView
    android:id="@+id/grid"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:verticalSpacing="35dp"
    android:horizontalSpacing="5dp"
    android:numColumns="auto_fit"
    android:columnWidth="100dp"
    android:stretchMode="columnWidth"
    android:gravity="center"/>
  
</LinearLayout>

3 after that saatnya kebagian yang paling hot, kita code pada bagian MainActifty.javanya

package com.gridview;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.ArrayAdapter;
import android.widget.GridView;
import android.widget.TextView;

public class GridviewActivity extends Activity implements OnItemClickListener{
   
    static final String[] TEAMWORK = new String[] {"M MIQDAD A11.2011.06422", "ELLY MELISA A11.2011.06100", "GILANG ARDI S.H A11.2011.05924",
        "ADNAN FRITZDO MAULANA A11.2011.06228", "DESY PASCA MEGAWATI A11.2011.06113"};

TextView text;
GridView grid;

protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);

grid = (GridView)findViewById(R.id.grid);
text = (TextView)findViewById(R.id.text);

ArrayAdapter<String> arrayAdapter = new ArrayAdapter<String>
(this, android.R.layout.simple_list_item_1, TEAMWORK);
grid.setAdapter(arrayAdapter);
grid.setOnItemClickListener(this);
}

public void onItemClick(AdapterView<?> parent, View view, int pos, long id) {
    text.setText("Bagian yang dipilih adalah " + parent.getItemAtPosition(pos).toString());
    }

}

selanjutnya kita Run hasil penampakannya sebagai berikut


Next Kita Langsung lanjutin aja dengan List View

List View adalah sebuah layout atau tata letak yang menampilkan list dari scorablle item. List view digunakan untuk menampilkan daftar opsiatau pilihan pada Android, list yang berjumlah banyak akan ditampilkan dalam bentuk scroll

Berikut ini adalah source code yang ada di 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" >
  
    <ListView
        android:id="@+id/list"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"/>

</LinearLayout>

Berikut ini adalah source code yang ada di MainActivity.java :

package com.example.listmahasiswa;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.widget.ArrayAdapter;
import android.widget.ListView;

public class MainActivity extends Activity {
    ListView myList;
  
    String[] listContent = {" A11.2011.06432 M Miqdad","A11.2011.05924 Gilang Ardhi", "A11.2011.06100 Elly Melisa","A11.2011.06113 Desy Pasca M", "A11.2011.06228 Adnan FM""};

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
      
        myList = (ListView) findViewById(R.id.list);
      
        ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,
                android.R.layout.simple_list_item_1, listContent);
        myList.setAdapter(adapter);
    }


    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }
  
}

Penampakan pada saat di compile :



Selamat anda telah berhasil ,Sahabat yang super demikian akhir dari posting ini semoga dapat bermanfaat dan berguna akhir kata saya tutp dengan kata bijak dari shiroe "Apapun yang kamu lakukan Selalu Lihat 30 detik kedepan"

See You Next Project , Have a Nice Coding


Tidak ada komentar:

Posting Komentar