CountDown Timer in Sketchware | New Library for sketchware | New blocks | Sketchware example

 Countdown timer is  a most important widget while making Apps with timer system such as clock app, Quiz app, Sales app and many more. 


 But sketchware does not provide pre built widget with this feature. Yes you can make a countdown timer with sketchware but that will take most of your time to fix error and it will also make your application large. 

So what is the solution? 
So to overcome all these problems we just need to do all things told in this post and you will make a countdown timer with an ease.


View area 
In view editor i added one linear and three buttons. 



As you can see one is for start second for pause and third for resume. 

In the top the linear is coverted into a widget



 and you'll get codes for covert and inject in our app swb store avaliable on playstore.


Logic area 
In logic editor, open onCreate and add blocks as shown in pictures. 
You'll get blocks in our app "Sketchware Pro Blocks " from playstore.
Import these blocks in sketchware and then add them in onCreate.




In these blocks i set view to That linear which we converted in view area.
And set the number of days & hours to 0 and mintues and seconds are set to 1 to show time as 0 days : 0 hrs : 1 min : 1 sec



Under the start button i added  view to start timer







Under pause i added for pause and in resume button i added resume block.



Custom Imports

In custom imports i added Three imports you'll find them in " SWB Store" app.





Local Library
You can download local library for this project in "SWB Store" App 
Download and copy that file to .sketchware/libs/local_libs/ folder


After all these things try run your project and done you'll get a countdown timer view in your project.

Comments

Post a Comment

Popular posts from this blog

How to import local library in sketchware

Image
  Hey Coders, In this post I'll tell you how to import local library in sketchware. This is very useful when you try some new widget.  How to get dependency For that you need to have library dependency. You can get dependency from GitHub or documentation page of the widget.  For example I am trying to download library for nobo button.  I go to GitHub and search for this code containing dependency. And now copy the code written after dependency. By copying this code I get this line  com.ornach.nobobutton:nobobutton:1.6 This code is separated by two ':'  Now come to sketchware open any project then click on 3 dots.  Then scroll and search for option of local library. You will get it below custom blocks and above native library option. Open this option and here you'll get all library list that you're having in sketchware. You can enable or disable any library.  Above all these libraries you'll find an icon representing download file.  Click on t...
Read more

Android 10/11 Storage Permission sketchware | New blocks + method

Image
 After the release of android 10 and 11 storage permissions and codes regarding storage permissions stop working. No matter which software you use, it become a problem for every android developer. In this post i will tell the method to get storage permission in Sketchware Pro. Method 1 Change your max api level to 30. To do this work, Open your sketchware app and long click your project. you'll see a option menu displayed under you sketchware pro project. Click on config option and a dialog will appear. In this dialog a number 28 will appear change this to 30. And done, your first thing is done. Method 2 For this method you need to use sketchware pro aab support. If you not have you can download from this link. Link: https://swrevo.blogspot.com/2021/09/sketchware-pro-all-versions-apk.html?m=1 Download sketchware pro aab support from this link. Then Go in the project and then click on setting icon in side of run button. Then change all option to 2nd position as shown in picture...
Read more

All Sketchware Pro Errors Solution

Image
  As we all know sketchware pro remain in beta version so it contains many bugs and errors. So, in today post we are discussing about how to solve sketchware pro common errors. In this post I am sharing a collection of problems and their solutions which users face generally. So please read this post carefully for a better' coding experience in sketchware. Error #1 Invalid token error This Error is most common if you use inject property of sketchware pro. This occur when there are two or more codes in one line of XML. This error may show, if you copy codes from GitHub or any other websites. To fix Error #1 Use only one code in one line. You can see a example in these images. You can see difference between both of these images. Error #2 Duplicate attribute  This error is also due to inject property. In this error two same attributes or properties applies for same object. Fix Error #2 To fix this Error click on three dots and then click on show source code option. You can se...
Read more

How to show one time message/dialog in sketchware

Image
One time message or one time dialog is a simple task for sketchware that every new coder find difficult to implement in sketchware. This task can easily be done by use of shared preferences and it do not require any external codes or blocks. What is shared preferences  It is a component of sketchware that is used to store strings database in app data. The files made by shared preferences is not stored locally in internal storage of device. Shared preferences can store any type of strings and that is what we are going to use in sketchware today. Making one time appear dialog  Follow these steps to make one time appear dialog in sketchware. Go to your project Go to component manager Click on + icon and choose shared preferences name it "sp" When user click on any button or something put data key show to no In oncreate, add an if-then-else condition and check if sp get key show equals blank then show dialog else don't show dialog. You can name anything to these variables but...
Read more

what is sketchware and history of sketchware

Image
What is sketchwere   Sketchware is an integrated development environment (IDE) inspired from the language Scratch, which allows you to develop, compile, and build an Android application directly on your smartphone, without any help from a PC. It uses block language like Scratch, an innovative programming language invented by MIT that transforms the complex language of text-based coding into visual, drag-and-drop building blocks. It’s okay if you do not know anything about developing Android apps.   History of sketchwere Sketchware started in 2016 when the founders quit their original jobs to dedicate their time and efforts to creating the most convenient and flexible app development tool for people without extensive programming background knowledge. The idea was to help people learn faster by effortlessly creating android applications on their smartphone. Sketchware is an online application development platform intended to develop applications through a smartphone....
Read more

how to import export custom blocks sketchware

Image
  Sketchware pro custom blocks are the easiest way to do a complex operation without writing so long codes and without doing unnecessary research. In old time when sketchware original was working then everyone was using Moreblocks. You can get a large collection of Moreblocks from this link. Link:- coming soon on tha way But now you can use a combination of Moreblocks and blocks for very good coding experience.  So today I am going to tell you how to import and export sketchware custom blocks.  So Hello coders, There are two things in sketchware pro the first one is import and the second one is export. So you need to understand what they mean.  Import Blocks So block import means you have a json file of blocks and you install this json in sketchware and new blocks will appear in editor area.  Export blocks Export blocks means you have already installed blocks and you want to Share the blocks anywhere, so here when you click to export you will get a json fil...
Read more

Create HTML Dialog in Sketchware

Image
  Introduction Dialogs are important part of sketchware coding. But due to limitations of dialogs customizations, it is hard to add new view in it. And also customization of that view is hard. But a Sketchware dev created a much better solution for showing view in dialog. And it unlock new opportunities for sketchware devs to create better app with sketchware. In this project we are creating a dialog which uses html to show it's content. We'll use webview as custom view for dialog, and then load html in it.  Our final result is going to look like this this -> So let's create it.  Sketchware Project creating *There is nothing to do in oncreate section Create a new project in sketchware and add a button in the view section.  Then  go to button Onclick  Add all the block described here. 1. Add an ASD Block with code. AlertDialog.Builder dialog = new AlertDialog.Builder(MainActivity.this); This will create new dialog, There is no need of adding dia...
Read more

Import java files in sketchware | How to add java files in sketchware | Basics of sketchware

Image
  Two days ago i was designing an app in sketchware but i got stuck when i realize how can i import java files in sketchware.  Because whenever i tried to import i got stuck and my project shows error. After a few more tries i found a solution to all error of java files in sketchware.  Step 1. Open any of your sketchware project in which you want to import java file in sketchware. Step 2. Click on three dots in top right corner and a drawer will open. Step 3 Click on java option from this drawer. Step 4. Now a new window will open. Here is the main thing to focus. If you add java files using fab button on bottom then ou'll probably get error. So i reccomend using of file picker button on the top right corner. After Clicking on it a new dialog will open. Step 5. Here you can choose java file from your local storage. and you can easily import it.  Step 6. How to fix error  To fix error click on your imported java file and check in first line if the package name ma...
Read more

Sketchware Generate Firebase Dynamic Link (Long Url To Short) | sketchware blocks explained

Image
  So Today I am going to discuss how to make long url to short link with firebase dynamic link Table of Contents View So first I'll design a ui for this app here is a example of app ui. I used a  edittext  to get long link a  button  to generate link. A  textview  to get generated link.                                      ui example Library Add firebase project in your sketchware and turn on appcompact library.                               Add Firebase Example Oncreate Leave oncreate section empty  Components section   Add a request network component as shown in picture. On Button Click Add a  string  I used  url_to_shorten  as string name Add an another string named json In the value of json put this a join and another join block inside this block....
Read more

How To make cool progressbar in sketchware | new block sketchware pro | sketchware pro tutorial

Image
  Hello sketchware coders, Today I am telling you about how to use cool progress bar in sketchware. This is an implementation of material progressview library in sketchware.  View area In view area add a linear and then convert it to  com.moos.library.HorizontalProgressView ,  use  com.moos.library.CircleProgressView   if you want Circle progress view.  In my case I am using horizontal progress view. If you don't want to display progress text then use inject option.  And paste this code  app:progressTextVisibility="false"  but if you want to to enable it then do not paste any code and also you will not need to to add true attribute. It is enabled by default.  On Create event In on create add a add source directly block And now paste the following code in it.  horizontalProgressView.setStartProgress(0); horizontalProgressView.setEndProgress(100); horizontalProgressView.setStartColor(Color.parseColor("#FF8F5D")); horizontalProgre...
Read more