Sketchware Tutorial - Tab
Oke kembail lagi bersama saya..
Sekarang kita coba membuat tabnya..
Jadi pas klik langsung buka google fb yt...
Yuks simaaakkkk...
Pertama buka project kita yg kemaren...
Klik tanda titik 3 kebawah di pojok kanan atas pilih view
klik main.xml unceklis Toolbar lalu save and back
tarik linear(H) taruh di atas webview ganti id namanya jadi
linearhead :
padding : 0
background color : blue
buat 3 linear(H) ke dalam id linearhead
bikin width height nya wrap_content
lalu masukan textview di setiap linear
padding : 4
linear(H) yg 1 ubah id namanya jadi btng
background color : white
TextView 1
Text : Google
Text size : 16
Text style : bold
linear(H) yg 2 ubah id namanya jadi btnfb
background color : transparent
Margin Left 4 Right 4
TextView 1
Text : Facebook
Text size : 16
Text style : bold
linear(H) yg 3 ubah id namanya jadi btnyt
background color : transparent
TextView 1
Text : YouTube
Text size : 16
Text style : bold
Ok lanjut ke Event/Logic
Pilih View lalu klik tombol fab + pilih btng btnfb btnyt
hingga seperti ini :
klik btng dan buat seperti ini :
lalu klik btnfb dan buat seperti ini :
dan terakhi klik btnyt dan buat seperti ini :
Run Your Project
Sekarang kita coba membuat tabnya..
Jadi pas klik langsung buka google fb yt...
Yuks simaaakkkk...
Pertama buka project kita yg kemaren...
Klik tanda titik 3 kebawah di pojok kanan atas pilih view
klik main.xml unceklis Toolbar lalu save and back
tarik linear(H) taruh di atas webview ganti id namanya jadi
linearhead :
padding : 0
background color : blue
buat 3 linear(H) ke dalam id linearhead
bikin width height nya wrap_content
lalu masukan textview di setiap linear
padding : 4
linear(H) yg 1 ubah id namanya jadi btng
background color : white
TextView 1
Text : Google
Text size : 16
Text style : bold
linear(H) yg 2 ubah id namanya jadi btnfb
background color : transparent
Margin Left 4 Right 4
TextView 1
Text : Facebook
Text size : 16
Text style : bold
linear(H) yg 3 ubah id namanya jadi btnyt
background color : transparent
TextView 1
Text : YouTube
Text size : 16
Text style : bold
Ok lanjut ke Event/Logic
Pilih View lalu klik tombol fab + pilih btng btnfb btnyt
hingga seperti ini :
klik btng dan buat seperti ini :
lalu klik btnfb dan buat seperti ini :
dan terakhi klik btnyt dan buat seperti ini :
Run Your Project
Komentar
Posting Komentar