Theory
📱🧩 2. Image Album App
🌟 What is this app about?
- 👋 Hey there, young creator! Looks like you’re about to make a super cool app that lets you pick your favourite pictures. It’s like making a digital sticker book right on your phone!
- 🌟 Here’s how you can make your own picture-choosing app with App Inventor:
️Components used in this app
Check Box
- The “Check Box” in App Inventor is like a secret agent’s toolkit, letting you choose cool options on your screen! 🕵️️
- Imagine you’re a pilot, and your Check Boxes are buttons to turn on the lights or start the engines of your plane! ️🔘
- You can give each Check Box its own name-tag, so you know which is which, just like your toys! 🏷️🤖
- Start your app’s Check Box as a mystery box, is there a tick inside or not? That’s for you to decide! 🎁❓
- Check Boxes are super handy for making choices in games, like picking your character’s superpowers or their snacks! 🦸🍪
Label
- A “Label” in App Inventor is like a name tag for your app, telling you and your friends what each part is for! 🏷👀
- It’s like a signpost in a videogame, guiding you where to go or what to do next! 🎮🚏
- You can dress up your label with cool colors and funky fonts, making your app super stylish! 🌈✍
- Labels can be secret codes that only you know, or clues in a detective game you create! 🕵️♀️🔍
- Think of labels as the captions in your comic book app, telling the story one bubble at a time! 📚💬
👩💻 Designing the App:
- 🚀 Start a New Project
- Open up App Inventor and start a new project.
- 🎨 Adjust Screen Settings
- Set the Screen’s Align Horizontal property to Centre to make sure everything looks neat.
- 📐 Add Table Arrangement
- Drag a Table Arrangement onto the screen and set its Columns to 3 and Rows to 2 for a nice grid.
- Insert Check Boxes
- Place three Check Boxes in the first row to choose your favourite images.
- 🖼️ Add Image Components
- Add three Image components in the second row, one under each checkbox.
- 📸 Upload Images
- Load up your favourite images, like cat.jpg, mango.jpg, and sunflower.jpg, into the media section.
- 👀 Set Image Visibility
- Set each Image component’s Visible property to Unchecked so they only show when you want them to.
And voilà! Tap on those checkboxes to show off your favourite images! 🌟
👩💻 Coding the App:
👆 When you tap on “CheckBox1”:
- If it’s checked:
- 🖼️ “Image1” will show up.
- “CheckBox2” and “CheckBox3” will be unchecked.
- If it’s not checked:
- 🖼️ “Image1” will disappear.
👆 When you tap on “CheckBox2”:
- If it’s checked:
- 🖼️ “Image2″ will show up.
- “CheckBox1” and “CheckBox3” will be unchecked.
- If it’s not checked:
- 🖼️ “Image2″ will disappear.
👆 When you tap on “CheckBox3”:
- If it’s checked:
- 🖼️ “Image3″ will show up.
- ️ “CheckBox1” and “CheckBox2” will be unchecked.
- If it’s not checked:
- 🖼️ “Image3” will disappear.
🚀 What other similar apps you can create?
- A mini quiz app where you guess the name of the fruit or animal in the picture. 🍎🐶
- A memory game where you match pairs of hidden images. 🧠🃏
- Your very own storybook app, where selecting an image tells part of a story! 📖✨
- Remember, building apps is all about having fun and letting your imagination run wild!