Postingan

Menampilkan postingan dengan label Basic 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
Posting Komentar
Baca selengkapnya

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
Posting Komentar
Baca selengkapnya

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
Posting Komentar
Baca selengkapnya

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
Posting Komentar
Baca selengkapnya

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
Posting Komentar
Baca selengkapnya

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
Posting Komentar
Baca selengkapnya

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
Posting Komentar
Baca selengkapnya