GRILL VIEW DESIGN

 Grill view

 Bawlzia

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 

Code:

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 code: 

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 code:

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

4. Moreblock kode_grill code:

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.