Postingan

Menampilkan postingan dengan label 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

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