Skip to main content

Progress bars in Kodular Creator Explained by Learn Web?

 

Progress bars in Kodular Creator Explained by Learn Web?

Welcome back Guys to your Friend in your online journey. As you have seen today we are going to discuss about the progress bars available in Kodular creator. So guys, we are going top start our tutorial here.....

Progress bars in Kodular Creator Explained by Learn Web?

1. Circular progress:

The first type of progress bar in Kodular is Circular progress. This is found on the third position in User interface Components.

Progress bars in Kodular Creator Explained by Learn Web?

In the above image you got an idea where we can find circular progress bar and how it looks like.
Now we are going to discuss it's properties.....

Properties of Circular Progress:

1.Color of Circular progress
This option is used to set the Color of the progress of Circular Progress.

2. Height and Width:
These options determines the height and width of Circular Progress.

3. Visible:
This option sets whether we should keep Circular Progress Visible or In-visible when screen initialise.

There is only blocks to set these properties for Circular Progress component. So, I think you will easily find out how to use them.
Now, here we move to our second  Progress Component found in Kodular Creator...


2. Custom Progress :

The second progress component that can be found in Kodular Creator is Custom progress Component. This is component which has many animation for showing progress. This component can be found right under the circular progress component. Illustration:

Progress bars in Kodular Creator Explained by Learn Web?


Properties of Custom Progress:

1. Style:
Choose the style for the animation of progress for your Application.

2. Background Color:
This option is used to choose the background color for the animation of the Custom progress.

3. Color:
This option is used to choose the color of Progress animation.

4. Height and Width:
These options are used to choose the Height and Width of Custom progress.

5. Visible:
This option sets whether we should keep Custom Progress Visible or In-visible when screen initialise.
 
There is also only blocks to set these properties for Custom Progress component. So, I think you will easily find out how to use them.

Now we move to our Third Progress Component in Kodular....

3. Linear Progress Bar:
The third progress component that can be found in Kodular Creator is Linear progress Component. This is component which shows a linear progress. This component can be found on ninth position in User Interface Components. Illustration:


Linear progress bar

Properties of Linear Progress Bar:

1. Width:
This option sets the width of Linear Progress Bar.

2. Indeterminate:
If this option set unchecked or false then Progress bar will show a linear infinite Progress instead of showing given value for progress.

3. Maximum and minimum progress:
This sets the value for minimum and maximum range for progress of Linear Progress Bar.

4. Progress Color:
This option is used to choose the color of Progress animation.

5. Visible:
This option sets whether we should keep Custom Progress Visible or In-visible when screen initialise.

Blocks of Linear Progress Bar:

1 When progress changed:

Progress bar block 1






This block give the value of progress whenever progress is changed.

2. Increase progress:

Progress bar block 2




This block increase the value of progress by the Given Value.

So, in today tutorial we had all these progress we will also learn about some other Progress Components in our coming next tutorials.Till then.....

Happy Koding....
Labels:

Comments

Post a Comment

Popular posts from this blog

Kodular Basics- Getting started with Kodular

What Is Kodular? Kodular is a online software which allows us to make android apps without any programming knowledge. Kodular's enable us to make fantastic android apps using their blocks-type editor.We can make our apps stand out with the material design UI. Using Kodular we can make android apps just by dragging and dropping components provided in Kodular Creator.We also need not to write any code to make our app working. We just have to specify blocks in kodular creator and we are out of the tension to write Codes. Getting Started With Kodular :   For making apps you just need to go to Kodular's Creator and sign up there with your email and activate your account.You can create Kodular account and make apps for free. There aren't any charges to use Kodular Creator. So just go Kodular.io and sign up there and start happy coding and app making.  Kodular Dashboard: After you have signed up for Kodular creator,select the option "Create Apps" and you will be redirect...
Post a Comment
Read

How to use Youtube Player in Kodular Creator?

  Welcome guys, today we are back again with our Today's tutorial on "How to use Youtube Player in Kodular Creator?". Now, let's directly start our tutorial without wasting any more time in Talking... How to use Youtube Player in Kodular Creator? 1. What is Youtube Player? Youtube Player is a component given in Kodular creator which we can implement in our app for free. This component enables us to play any video uploaded on youtube in our app.For playing any Video we only need the video ID of that youtube video which is found in the url of the video. This is like a video player in which we can play and control any youtube video without opening URL of video in Webview and which improve our app UI and UX. 2. Why Youtube Video Player? We use Youtube video player because of many benefits some of them are described as below: 1. To show any tutorial for our app. 2. Can control our app better. 3. This is a UX improving Component. 4. No need to get specific server if we need...
Post a Comment
Read

How to use Firebase database in Kodular?

Welcome to Learn Web my friends. Today we are going to learn about how to retrieve and store data from user in firebase database. This will be surely very exciting and useful for you guys. So, here we start our tutorial on "How to store data of user in Firebase in Kodular?" How to store data of user in Firebase in Kodular? 1. What is Firebase? I think you guys may have listened about Firebase but if not, then don't worry this isn't any rocket science you will easily learn "How to store and retrieve data of user in Firebase?". Firstly I want to tell you about What is Firebase Database? So, firebase is a cloud storage platform provided by google to store and retrieve data and Firebase also provide many other services that we will learn in our next tutorials. Today we are going to talk about "How to use Firebase Database in Kodular?"  2. What is Firebase database in Kodular? Now I would like to tell you what is Firebase database and what we are going ...
Post a Comment
Read