App logic

This section of the tutorial implements the necessary logic to make the app interactable.

• Click on the Blocks tab.

The Blocks tab allows you to write block codes. You can access all of your palettes or components inside the Blocks tab.

• Click on the Button1 component and drag and drop when Button1 click block.

• From Control , drag and drop a if block

• Click on the gear icon on the if block and drag and drop a else block inside the if block

• From Logic block, find the equality testing operator and connect it with the if

• Click on the Button1 and find a block called Button1.Text , drag and drop it on the first jigsaw puzzle box.

• In the next jigsaw box, drag and drop an empty text from the Text block, and type Hide The text should match with your button text.

• Click on the Image1 block and drag and drop a block called set Image1.Visible , from Logic , drag and drop the false block and connect it with the set Image1.Visible block

• Click on the Button1 block and locate the block set Button1.Text , drag and drop the block below the previous block and connect a Text block with the text Show

• Right click on the Set Image1.Visible block and duplicate it. Move the duplicated block inside the else block and change false to true

• Right click on the set Button1.Text block and duplicate it. Move the duplicated block inside the else block and change Show to Hide