Postingan

Menampilkan postingan dengan label How To Sketchware

Sketchware - Senter

Gambar
Cara Membuat Senter Di Sketchware.. Versi CusMeDroid đŸ˜‹ Bismilah... Download Bahan Disini ! Ekstrak bahan Buka Aplikasi Sketchware Buat project baru.. Upload image yang di dalam bahan Image manager : Di main.xml Tarik Linear(H) Ubah nama id jadi linearbg Gravity : Center Vertical & Horizontal Tarik ImageView1 kedalam linearbg Set image : ic_flash_off_black Width : match_parent Height : 320dp Scale type : FIT_XY Tarik ImageView2 taruh tepat diatas ImageView1 Ubah nama id ImageView2 jadi lampu Set image : lightoffWidth : 220dp Height : wrap_content Scale type : FIT_XY Hingga Seperti ini : Geser ke komponen Tambahkan   Camera component dan intent Buat 2 Boolean variables flashLightStatus dan hasCameraFlash . Buat 2 More Blocks flashLightOn and flashLightOff . Geser ke Event > Activity onCreate Tarik add source directly Isi dengan kode ini : hasCameraFlash = getPackageManager(). hasSystemFeature(PackageManager.FEATURE_CAMER

Sketchware - Kalkulator html/js

Gambar
Guide HERE ! Code html : data:text/html,<html> <head> <title>Kalkulator Sederhana</title> </head> <style type="text/css"> body{ margin: 0 auto; } .konten{ margin: 8px; font-size:60px; } .inpme{ padding: 5px; } </style> <body> <script language="JavaScript" type="text/javascript"> function hitung(){ var myForm = document.formcalc; var x=eval(myForm.x.value); var y=eval(myForm.y.value); var pil= myForm.opt.value; if (pil == "tambah") { var z = x + y;   } else if (pil == "kurang") { var z = x - y; } else if (pil == "kali") { var z = x * y;   } else if (pil == "bagi") { var z = x / y; }   myForm.hasil.value = z; myForm.x.value = "";   myForm.y.value = ""; } function resetForm(){ document.formca

Sketchware Tutorial - Spinner ganti gambar

Gambar
Oke kits lsnjut lagi yang part 2 mengganti gambar spinner Sebelumnya buka dulu project yang kemarin.. klik imageview1, imageview2, imageview3 ubah id name jadi gmbr1, gmbr2, dan gmbr3 gmbr1 : image : myspin gmbr2 : image : spin2 gmbr3 : image : spin3   Back lalu Geser ke event/logic pilih view klik fab + lalu ceklis gmbr1, gmbr2, dan gmbr3 klik add klik gmbr1 lalu buat seperti ini : klik gmbr2 lalu buat seperti ini : klik gmbr3 lalu buat seperti ini : Done Run Your Project

Sketchware Tutorial - Spinner

Gambar
Bismilah Project ke dua Spinner Bikin Splash Di sini Jangan Lupa sama animasinya juga Jika sudah ganti aja gambar load sama spiner jadi dah spinner hehehe qidding :D oke main.xml ambil linear(V) nama id linear1 Linear1 : Padding : 0 Tarik Linear(H) id name linear2 kedalam linear1 linear2 : Height : 300 gravity : center_vertical center_horizontal Siapkan gambarnya di google banyak gan :D Tarik Linear(H) id name linear3 ubah jd spin kedalam linear2 spin : width : 225 height : 210 background resource : myspin (gambar spin yg sudah di masukan) Tarik Linear(H) id name linear4 dibawah linear2 Tarik lagi Linear(H) id name linear5 kedalam linear4 linear5 : width : wrap_content height : wrap_content gravity : center_vertical padding : 0 weight : 1 (ini setelnya pas button taruh sebelah linear yg ini) Tarik button id name button1 didalam linear4 sebelah kanan linear5 button1 : text : Reverse text size : 20 text color : white background color : red O

Sketchware Tutorial - Tab

Gambar
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

Sketchware Tutorial - Browser

Gambar
Oke kita buka project yang kemaren lalu ganti package contoh : com.cusmedroid.browserboring >< browserboring >< Browser Boring ganti image sesuai keinginan anda hapus linear dan textview yang di main.xml hingga kosong tarik webview ke main.xml tarik linear(H) taruh di bawah webview hayo gabisa ya? gini triknya klik webview trus see all bikin heightnya wrap_content trus weight 1 linear(H) background color : white oke lanjut taruh button 2 biji di linear(H) klik tombol titik 3 kebawah/more/option dropdown klik image trus pilih gambar unduh/tanda panah kebawah ada di samping icon delete pojok kanan ambil ic_arrow_back_black sama ic_home_black klik button1 bikin width : 28 height : 28 margin padding : 8 text : background resource : ic_arrow_back_black dan button2 sama cuma ganti background resource : ic_home_black oke geser ke event/logic klik onCreate dan buat seperti ini : klik view lalu buka button1 buat seperti ini : lal

Sketchware Tutorial - Loading Animasi

Gambar
Oke Sekarang kita buat animasi loading buat splashnya Buka project yang kemarin buka splash.xml Tarik linear(V) : width : match_parent height : match_parent gravity : center_vertical center_horizontal Background color : white Tarik ImageView ke linear(V) width : 64 height : 48 scale type : FIT_XY Klik tombol + di image properties klik fab + lalu masukan gambar dan namanya Tarik TextView ke linear(V) Margin top : 8 Text : Loading... Text size : 14 Text style : bold Geser ke Event atau logic SplashActivity.java Buka onCreate add variable Number > rotation (variable name) buat element seperti ini : Run Your Project

Sketchware Tutorial - Splash

Gambar
Bismilah.. Oke kali ini saya akan membahas sedikit tentang cara membuat splash di Sketchware.. Sebelum kita mulai anda harus download apknya dulu Main.xml buat Linear(Y) : Layout_width : match_parent Layout_height : match_parent Padding : 0 Gravity : center_horizontal center_vertical Tarik textview ke linear text : Splash Text_size : 20 Text_style : bold Buat Splash.xml Back ke Main.xml dulu buat komponen di MainActivity.java : Intent : i Pada Logic onCreate MainActivity.java buat element sepert ini : Sekarang ke Logic SplashActivity.java buat komponen : intent : i vibration : v timer : t Dan tambahkan event onStart Pada Logic onStart buat element sepert ini : Done..! Run Your Apps