In this blog I am going to show step by step method set different background color of screen using Tiny DB component in koduler or thunkable or any other MIT appinventer
STEP 1 :
Import TinyDB from Storage - TinyDB & Import a button from
User Interface -Button as shown in picture below:
Use of TinyDB is to store value and Button 1 is to load another screen2
STEP 2:
Add another screen in this case its Screen2.
Add labels to the screen and change the background color of the label .Make sure that the labels are clickable (Shown by red box).
STEP 3:
Now Its block time
when the label will be clicked then black color will be stored in TinyDB having a tag Background Color and screen 2 will be closed
which will automatically open screen1.
Step 4 :
Block for screen1
When Screen 1 will initialize the screen background colour will set to color which is stored in Tiny_DB1 tag & if tag does not contains any color then by default the color will be white as "value if Tag Not There" contains white color
background color change aia
STEP 1 :
Import TinyDB from Storage - TinyDB & Import a button from
User Interface -Button as shown in picture below:
Use of TinyDB is to store value and Button 1 is to load another screen2
STEP 2:
Add another screen in this case its Screen2.
Add labels to the screen and change the background color of the label .Make sure that the labels are clickable (Shown by red box).
STEP 3:
Now Its block time
when the label will be clicked then black color will be stored in TinyDB having a tag Background Color and screen 2 will be closed
which will automatically open screen1.
Step 4 :
Block for screen1
When Screen 1 will initialize the screen background colour will set to color which is stored in Tiny_DB1 tag & if tag does not contains any color then by default the color will be white as "value if Tag Not There" contains white color
So this was a simple tutorial to change the background color of screen using TinyDB component.
Below contains the aia file.
Hope this tutorial have helped you. Please stay tuned for my next tutorials.background color change aia
No comments:
Post a Comment