[Interested] How to make fab progressbar in sketchware.
1. Create new project / enter in your old project.
5. Now 1st Section done, let's go and create a timer component and name it "prog", like shown in the picture below 👇
- Click on the fab (small red circle round button).
- Type the name "Fabprogress" on the block name and type "Start" on the veriable name. Make sure you choose boolean as the veriable, like shown in this pictures below 👇
- Now the moreblock is successfully created let's click on it to take us to inside.
- Now we are going to insert codes and blocks in the moreblock we have created now like shown in the pictures below👇.
- Create 2 boolean veriable, first boolean name "click" and second boolean name "prog_boolean"
- Copy the following codes and insert them to your moreblock :
- _fab.setImageResource(R.drawable.load);
- _fab.setRotation((float)(_fab.getRotation() + 10));
- _fab.setImageResource(R.drawable.pus);
- _fab.setRotation((float)(0));
- _fab.setImageResource(R.drawable.pus); _fab.hide(); _fab.show();
7. Now Click on the fab on the SK virtual screen (blue color) and navigate to onclick event and add these blocks like shown in this pictures👇
8. Click or Pull out Sketchware Drawer and click on image manager and add these two images with the same names else you will get errors or unless you go and change the image name in the codes in the moreblock name "Fabprogress" that we created earlier.
- This is the link of the images you will insert them in your image manager : https://www.mediafire.com/file/88qlcpndqvv55hy/Fab+Progressbar+Images.zip/file
9. After inserting the pictures, save and run the project and thats means you are done.👌






















great tutorial
ReplyDelete