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
Di halaman main.xml masukkan linear1 dan listview1
//Kedua :
Buat halaman custom view, di halaman custom view masukkan linear1, imageview1 dan textviwe1
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
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 :
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);
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;
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
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
Masukkan view listview set visible gone
Masukkan 4 buah moreblock yang udah kita buat
Selesai selamat mencoba semoga berhasil.
Gan kode intent untuk case1,2,3,dan seterusnya apa gan ane samain sama intent yang di case0 malah error
ReplyDeleteiya error ...
DeleteCoba intent i = new intent
DeleteDan untuk yg lain i nya di ganti apalah asal jangan sama
sama saja
Deletecoba buat component inten sejumla 4
Deletemislnya:
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;
Iya sama ada wa ga gan?
ReplyDeleteCoba yg intent kedua gantin yg lain
DeleteIni cara copy code ke sketcware gimana yah ?
ReplyDeleteBhai apna project sahi se banake video dalo
ReplyDeleteI want this project give a zip file plz
ReplyDeleteMas, gimana caranya kalo 8 buah gambarnya didapatkan dari firebase...
ReplyDelete