NAVIGATOR ONLINE SHOP

1. Desain Layout.
Guandi :
- linear1 (v) gelh id : linear_layout, Setting width : macth_perent height : macth_perent
- hisungah linear1 (v) guandi webview1, dan linear2 (H) id: linear_indikator settingan width : macth_perent height : 50dp.

 - didalam linear1 (v) masukan 5 buah linear (v) dengan settingan width : 70dp,  height : macth_perent , ubah masing masing id linearnya sesuaikan dengan content anda.
- didalam 5 buah linear (v) masing masing masukan imageview sebanyak 5 untuk icon dan 5 buah textview untuk keterangannya. lihat gambar di bawah:

2. Selanjutnya masuk ke event pilih view masukan 5 buah linear tadi di onclik, lihat gambar dibawah 

3. Dimasing - masing linearnya didalamnya masukan code, webview load url, dan text view set textcolor, setingan set colornya suka suka anda saja,  webview load url nya, masukan url sesuaikan dengan content anda. lihat gambar dibawah :

//Code Linear 1 onClik :

imageview1.getDrawable().setColorFilter (Color.RED, PorterDuff.Mode.SRC_IN);

imageview2.getDrawable().setColorFilter (Color.BLACK, PorterDuff.Mode.SRC_IN);

imageview3.getDrawable().setColorFilter (Color.BLACK, PorterDuff.Mode.SRC_IN);

imageview4.getDrawable().setColorFilter (Color.BLACK, PorterDuff.Mode.SRC_IN);

imageview5.getDrawable().setColorFilter (Color.BLACK, PorterDuff.Mode.SRC_IN);

//Code Linear 2 onClik :

imageview2.getDrawable().setColorFilter (Color.RED, PorterDuff.Mode.SRC_IN);

imageview1.getDrawable().setColorFilter (Color.BLACK, PorterDuff.Mode.SRC_IN);

imageview3.getDrawable().setColorFilter (Color.BLACK, PorterDuff.Mode.SRC_IN);

imageview4.getDrawable().setColorFilter (Color.BLACK, PorterDuff.Mode.SRC_IN);

imageview5.getDrawable().setColorFilter (Color.BLACK, PorterDuff.Mode.SRC_IN);

//Code Linear 3 onClik :

imageview3.getDrawable().setColorFilter (Color.RED, PorterDuff.Mode.SRC_IN);

imageview2.getDrawable().setColorFilter (Color.BLACK, PorterDuff.Mode.SRC_IN);

imageview1.getDrawable().setColorFilter (Color.BLACK, PorterDuff.Mode.SRC_IN);

imageview4.getDrawable().setColorFilter (Color.BLACK, PorterDuff.Mode.SRC_IN);

imageview5.getDrawable().setColorFilter (Color.BLACK, PorterDuff.Mode.SRC_IN);

//Code Linear 4 onClik :

imageview4.getDrawable().setColorFilter (Color.RED, PorterDuff.Mode.SRC_IN);

imageview1.getDrawable().setColorFilter (Color.BLACK, PorterDuff.Mode.SRC_IN);

imageview3.getDrawable().setColorFilter (Color.BLACK, PorterDuff.Mode.SRC_IN);

imageview2.getDrawable().setColorFilter (Color.BLACK, PorterDuff.Mode.SRC_IN);

imageview5.getDrawable().setColorFilter (Color.BLACK, PorterDuff.Mode.SRC_IN);

//Code Linear 5 onClik :

imageview5.getDrawable().setColorFilter (Color.RED, PorterDuff.Mode.SRC_IN);

imageview1.getDrawable().setColorFilter (Color.BLACK, PorterDuff.Mode.SRC_IN);

imageview3.getDrawable().setColorFilter (Color.BLACK, PorterDuff.Mode.SRC_IN);

imageview2.getDrawable().setColorFilter (Color.BLACK, PorterDuff.Mode.SRC_IN);

imageview4.getDrawable().setColorFilter (Color.BLACK, PorterDuff.Mode.SRC_IN);