Hello Friends, we are here with the most-awaited and coolest extension for Thunkable and App Inventor.
Co-created by @Sander0542
Download Extension: FAB.aix (15.8 KB) Version: 2
Extension Information http://www.sanderjochems.nl/appinventor/extension/4/floatingactionbutton
Screenshots of Apps with FAB
How to Use Blocks?
- For Apps with one FAB
- For Apps with multiple FAB
Drag as many as FAB you want to the screen.
Set every FAB’s Margin properties according to your needs.
Set up block for FAB as shown below.
NOTE: If you set Visible property to false, the Click & Long Click events will stop trigerring.
How to Create Icons for FAB?
To create follow the steps:
- Go to Android Asset Studio
- Choose a Image/Clipart/Text
- Set Asset Size to 24dp
- Set Asset Padding to 8dp (You can adjust it according to your needs)
- Choose Color
- Right-click on the generated image and choose “Save image as…”
If you use Photoshop or such software to create your own images, set some padding to it, for eg, 25% and export it as PNG file of dimensions 96x96 pixels or less. (must be square)
Images high in resolution and with zero padding may go outside the FAB. Perhaps you don’t want that.