Cara Membuat Grill view


Berikut ini adalah Cara membuat Grill View di aplikasi dengan menggunakan aplikasi sketchware
// Pertama :
Di halaman main.xml masukkan linear1 dan listview1

//Kedua :
Buat halaman custom view, di halaman custom view masukkan linear1, imageview1 dan textviwe1

Ketiga :
Set listview1 ke custom view
Di listview 1 masuk ke event add on Bindcustom view, Di onBindcustom view masukkan kode 

berikut :

imageview1.setImageResource(image_list.get(_position));

kemudian textview1 set get value at position key off list map

Keempat :
Masuk ke halaman main.xml pilih event masuk ke moreblock buat 4 buah moreblock yaitu :

1. Moreblock map_list, buat list variabel map, ikuti gambar dibawah ini:

2. Moreblock image_list masukkan  kode di bawah ini : 

image_list.add(R.drawable.gbr_1);
image_list.add(R.drawable.gbr_2);
image_list.add(R.drawable.gbr_3);

** Catatan imageview harus dimasukkan sebelumnya

3. Moreblock kode_List masukkan kode di bawah ini :

} private ArrayList<Integer> image_list = new ArrayList<>(); {

4. Moreblock kode_grill masukkan kode di bawah ini :

try{ GridView gridView = new GridView(this); gridView.setLayoutParams(new GridView.LayoutParams(GridLayout.LayoutParams.MATCH_PARENT, GridLayout.LayoutParams.WRAP_CONTENT));
gridView.setBackgroundColor(Color.WHITE); gridView.setNumColumns(3); gridView.setColumnWidth(GridView.AUTO_FIT); gridView.setVerticalSpacing(4); gridView.setHorizontalSpacing(4); gridView.setStretchMode(GridView.STRETCH_COLUMN_WIDTH);
gridView.setAdapter(new Listview1Adapter(listmap_text)); ((BaseAdapter)gridView.getAdapter()).notifyDataSetChanged();
linear1.addView(gridView);
gridView.setOnItemClickListener(new AdapterView.OnItemClickListener() { @Override public void onItemClick( AdapterView parent, View view, int pos, long id)
{ switch (pos) {
case 0: showMessage("PDAM");
Intent intent = new Intent(MainActivity.this, ItemprodukActivity.class);
startActivity(intent);
finish();
break;
case 1: showMessage("TELKOM"); break;
case 2: showMessage("LISTRIK PLN"); break;
case 3: showMessage("PAKET DATA"); break;
case 4: showMessage("BPJS"); break;
}}}); }
catch (Exception e) { Toast.makeText(getBaseContext(), e.getMessage(), Toast.LENGTH_LONG).show(); }

Kelima :
Buat activity baru kasih nama Itemproduk activity

Keenam :
Masuk ke activity pilih oncreated
Masukkan view listview set visible gone
Masukkan 4 buah moreblock yang udah kita buat

Selesai selamat mencoba semoga berhasil.

Comments

  1. Gan kode intent untuk case1,2,3,dan seterusnya apa gan ane samain sama intent yang di case0 malah error

    ReplyDelete
    Replies
    1. Coba intent i = new intent
      Dan untuk yg lain i nya di ganti apalah asal jangan sama

      Delete
    2. coba buat component inten sejumla 4
      mislnya:

      i1
      i2
      i3
      i4

      case 0: showMessage("Telkom");
      Intent i1 = new Intent(HomeActivity.this, SkinActivity.class);
      startActivity(i1);
      finish();
      break;

      case 1: showMessage("smartpren");
      Intent i2 = new Intent(HomeActivity.this, SkinActivity.class);
      startActivity(i2);
      finish();
      break;

      case 2: showMessage("indo");
      Intent i3 = new Intent(HomeActivity.this, SkinActivity.class);
      startActivity(i3);
      finish();
      break;

      case 3: showMessage("esis");
      Intent i4 = new Intent(HomeActivity.this, SkinActivity.class);
      startActivity(i4);
      finish();
      break;

      Delete
  2. Ini cara copy code ke sketcware gimana yah ?

    ReplyDelete
  3. Bhai apna project sahi se banake video dalo

    ReplyDelete
  4. I want this project give a zip file plz

    ReplyDelete
  5. Mas, gimana caranya kalo 8 buah gambarnya didapatkan dari firebase...

    ReplyDelete

Post a Comment

Popular posts from this blog

Code Enable Download & Upload

Perfact Login With Verification Email

Navigator Online Shop