App development using Kodular
All tutorialsHomePage
  • 📱Build your first app on Kodular
    • App design
    • App logic
    • Test your app
    • Fixing the jumping button
    • Adding a button click sound effect
  • How to guide
Powered by GitBook
On this page

Was this helpful?

  1. Build your first app on Kodular

App logic

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

PreviousApp designNextTest your app

Last updated 1 month ago

Was this helpful?

  • 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

📱