App Inventor / Thunkable Snippets

Snippets/ Examples (aia, apk)


All downloads available on sourceforge

Snippets


Open another Screen

Download Open another Screen (aia file)

(For AppInventor & Thunkable Users) 



About Screen

You can change the About Screen Text with some html codes like this:

<meta charset="utf-8"> <font color=#D45225><b>"Hello World"</b></font> \n <font color="red"><b>Made in Germany</b>\n <!--

 

 That's the result in the app:

"Hello World"

Made in Germany

 

Download About Screen (aia file)

(For AppInventor & Thunkable Users)


About Screen - Hide the points in the app

I used the program "apptomarket" but you can make the change manuell in the manifest file of your app.

copy the following code to the manifest file and it removes the about app in the navigation bar

<uses-sdk android:targetSdkVersion="24" android:minSdkVersion="19" />

 

Api level 19 = Android 4.4 | Api level 24 = Android 7

If you set the Api to 19 it means Android 4.4 alias KitKat is the minimum device system.

 

Step by Step:

1. Create the apk in AppInventor

2. Rename ure *.apk file to *.zip     --->>> * <<<--- means the app name

3. Open the AndroidManifest.xml file

4. Copy <uses-sdk android:targetSdkVersion="24" android:minSdkVersion="19" />

to the row under the "<uses-permission" lines.

5. Safe the edit file

6. Rename the *.zip file to *.apk

7. And that's it guys.

 

You can find here the Android API Level list:

https://en.wikipedia.org/wiki/Android_version_history

 

Only for App Inventor Users (Thunkable Users has this feature ever)

 

Download About Screen Hide (apk file)

(For AppInventor Users)


Check Update - Example TinyWebDB


Create a simple Searchbox


Copy and paste blocks

You can copy your written blocks between other screens or project with the backpack function.

Drag the blocks you want to copy into the backpack.

If you want to paste the blocks out of the backpack to another screen or project, just open the backpack and drag the blocks out of it.


Create animation with one image

 

 

You can Download this loading image for your project.

With this sample you can create an animation with only one picture you need.

 

Download CreateAnimation (aia file)

Download CreateAnimation (apk file)

(For AppInventor & Thunkable Users)


Create animation button with more than one image

With this sample you can create an animation button with six pictures and two clocks component.

We use each one clock component for the opening and closing animation.

 

Download CreateAnimationButton (aia file)

Download CreateAnimationButton (apk file)

(For AppInventor & Thunkable Users)


Create simple counter

Click on the "tap" button and the label text count up how many times you clicked the button.

Press reset to set the label text to 0.

 

Download CreateCounter (aia file)

Download CreateCounter (apk file)

(For AppInventor & Thunkable Users)


Check internet connection status

That's a simple way to check if a internet connection is available or not.

You must only once click the button and the clock component checks every 1 second automatic if the status is changed.

If you don't want this example with a button than set "timer enabled to true" below the "Screen Initialize" block

or set the clock component in the designer to enabled.

 

Download CheckConnection (aia file)

Download CheckConnection (apk file)

(For AppInventor & Thunkable Users)


Default color settings

You can create your own default color with this blocks.

The numbers in the list are a rgb code.

 

Generate on this page your own rgb color.

 

You can also create a transparent color with this code:

 


Create a running text effect

You can create with this simple snippet an "running text effect" with a label on your app screen.

With this snippet you can create also a "liveticker" too.

 

Download RunningTextEffect (aia file)

Download RunningTextEffect (apk file)

Video

(For AppInventor & Thunkable Users)


Download Material Icons for free

You can Download here free icons for your projects.

If you have other useful links than send me the link and i'll add it here too.


Notifier with choose option

You can do a simple notification or a notification like this with two buttons and a two choose option.

If the user clicked on "Yes" than the app is closing. If "No" clocked than the app does nothing and hide the notifier.

 

Download NotifierChooseExample (aia file)

Download Notifier Choose Example (apk file)

(For AppInventor & Thunkable Users ; aia file only for Thunkable Users)


Start device settings with your app

Did you know that you can open your phone settings with the activity starter?

No? The images above show's you the right way.

 

Other activity starter examples are available here from Taifun.


Search blocks in the blocks editor

Click in the blocks editor the "enter key" and a search box is now visible.

Now enter the name of the block you searched.


Web component response content

Here is a example snippet to get web content response as text in a label.

The response content is between the "start" and "end" string.

 

+NEW+

You can use now the parse method from the "Special Tools Extension"

to parse a result between two strings.

 

Download ResponseContent (aia file)

(For AppInventor & Thunkable Users ; aia file only for Thunkable Users)


Game lives example

This is a simple demonstration how "lives" work in a game.

Set a number of lives in a global variable.

If the user loose in your game any thing than the number of lives is change -1.

If the user has 0 lives the game is over.

 

Download Game_lives (aia file)

Download Game_lives (apk file)

(For AppInventor & Thunkable Users ; aia file only for Thunkable Users)


Show the current position of a song (slider example)

If you want to show the current duration of a song you can follow this example to get it work for your project.

If you don't want to make it like this example you can work with the Audio Player Extension from Taifun.

 

Download Slider_position (aia file)

Download Slider_position (apk file)

(For AppInventor & Thunkable Users ; aia file only for Thunkable Users)


How can I make a countdown?


Download file from internet

Since you can't download files via the webview component, i have made this snippet as you can easily download files.

This works with the "Web" component.

 

I added two little special things to the example:

 

1.

If the file you downloaded is a image format like png, jpg, gif or bmp,

then a small preview of the image is loaded.

 

2.

You can share the downloaded file with your friends via whatsapp, facebook or whatever you want.

 

Download downloadfile (aia file)

Download downloadfile (apk file)


Add item to the top of a list

It was asked in the Thunkable forum"Add item to the top of a list, how?"

This is the solution of bruger and conor.

 


Hide scrollbar when scrolling

You are exactly right here, if you want to hide the scrollbar when scrolling.

 

Short guide:
1. Create a screen
2. Add a vertical arrangement
3. Set the height to "fill parent" and the width to 97 percent
4. Drag a new vertical scroll arrangment in the vertical arrangement
5. Set the height from the vertical scroll arangment to "fill parent" and the width to 100 percent
6. Now the scrollbar is no longer visible when scrolling

 


How to use bonus codes in an app

If you want to include bonus codes in your app that your users can use to get "coins", for example, this is a possibility.

 

Download Bonuscode (aia file)

Download Bonuscode (apk file)

(For AppInventor & Thunkable Users ; aia file only for Thunkable Users)


Collection of social media logos

You can download on this site here many social medial logos and use them in your app for free.

You must only type in your email adress on the site and then you will receive a email with all images.

 

I think the site is great.

If you know other similar sites you can send them to me by email.


Make a Google voice search

It's very easy to make a simple googe voice search app.

You need only these blocks and not more, no activity starter or else.

 

Download GoogleVoiceSearch (aia file)

Download GoogleVoiceSearch (apk file)

(For AppInventor & Thunkable Users ; aia file only for Thunkable Users)


Take a picture & save it to the device

Here i show you what blocks you need to take a picture with your camera and than save it to your device.

I use also the "Tools extension" from Taifun to refresh the gallery and you will see the taken picture

in your gallery viewer of your device.

 

Download CameraSavePicture (aia file)

Download CameraSavePicture (apk file)

(For AppInventor & Thunkable Users ; aia file only for Thunkable Users)


Go to next textbox when “Enter” is pressed

It was asked in the Thunkable forum"How do I trigger an event when the user is done typing?"

This is the solution of bruger and conor.

 


How to change listview element selection with buttons

I looked for a way to choose a listview element with a backward and forward button.

And this is how i make it with a few blocks.

The search and try for it was hard, but the way i did it is very easy.

 

Download ListviewBTNSelection (aia file)

Download ListviewBTNSelection (apk file)

(For AppInventor & Thunkable Users ; aia file only for Thunkable Users)


Examples


Tap Menu with swipe function

I created a simple tap menu with 3 buttons and also 3 different arrangements as pages.

I used only one screen because some components in appinventor or thunkable do only work right on screen 1.

If you want you can download my example for free. All used images are free of license hosted on pixabay.

You can change the page per swipe or click on the button you want.

 

Download ThemeHorizontalMenu (aia file)

Download ThemeHorizontalMenu (apk file)

Video

(For AppInventor & Thunkable Users ; aia file only for Thunkable Users)


Bottom Menu with swipe function

Now i will show you another simple and clean style called "Bottom Menu".

Swipe the menu icon to the top and the menu is now open.

In this example i link the menu buttons with the webviewer to some sample pages.

After you clicked on a button the menu goes down and the webviewer is visible.

 

The rights of the used pictures in this example remain with the original owner.

 

Download BottomSlideMenu (aia file)

Download BottomSlideMenu (apk file)

Video

(For AppInventor & Thunkable Users ; aia file only for Thunkable Users)


Tap Menu with Night mode and swipe function

In this example tap menu i created a simulated night mode function.

There are a lots of blocks that the app need to run correct.
Don't delete or change any block if you're not sure.

 

Features:

  • swipe to change the page
  • enable night mode
  • disable night mode
  • store the selected mode in a tinydb on the device (the app loads after restart the last mode)

The rights of the used pictures in this example remain with the original owner.

 

Download NightModeMenu (aia file)

Download NightModeMenu (apk file)

Video

(For AppInventor & Thunkable Users ; aia file only for Thunkable Users)


Side Menu

With this menu style do you got a simple and easy way for users to join other pages via image buttons.

 

Features:

  • Open & close menu animation
  • clean design
  • Webview component
  • Menu click and the menu page is open or close
  • Long menu click and the start page is visible and the webview component isn't visible

The rights of the used pictures in this example remain with the original owner. 

 

Download SideMenuExample (aia file)

Download SideMenuExample (apk file)

Video

(For AppInventor & Thunkable Users ; aia file only for Thunkable Users)


Display device language

I have made an example app how to display your device language in labels and have also add a translation function.

I used the tools extension from taifun to display the language code.

Sample code: de = german ; en = english

 

The used flags are pictures of wikipedia.

 

Download LanguageDependentText (aia file)

Download LanguageDependentText (apk file)

(For AppInventor & Thunkable Users)


Radio streaming app

For some time I have been working on this radio project for a friend.

And now I want to share with you the source file.

 

The finished app is also available on Google Play store: Google Play Link

 

Download Radio (aia file)

Download Radio (apk file)

(For AppInventor & Thunkable Users ; aia file only for Thunkable Users)


Highscore Mini Game

I created this mini game to show you how a highscore feature works.

Source image links:

 

Download HighscoreExampleGame (aia file)

Download HighscoreExampleGame (apk file)

Video

(For AppInventor & Thunkable Users ; aia file only for Thunkable Users)


Coins Store Example

That's a very clean example to show you how a coints store works.

In this example i don't use a storage because it's only a demonstration how it works.

For games and other apps is a tinydb very usefull to store the number of coints and buyed features.

 

You have 100 Coints. Every Feature in this example needs 75 coints to be available.

 

Download Coins_Store_Example (aia file)

Download Coins_Store_Example (apk file)

(For AppInventor & Thunkable Users ; aia file only for Thunkable Users)


Statistics Example (Create graphs)

With this example you can create max. 3 graphs of any number you want.

You can modify this source file and add more graphs on this if you want.

 

Download Statistics Example (aia file)

Download Statistics Example (apk file)

(For AppInventor & Thunkable Users ; aia file only for Thunkable Users)


Firststart Changelog (splash screen)

On many apps it's now normal that the first start of the app a changelog is displayed.

Here I show you how it's easy.

The reset button is only a demonstration to delete the entry in the tinydb to show the changelog again.

 

Download Firststart_Changelog (aia file)

Download Firststart_Changelog (apk file)

(For AppInventor & Thunkable Users ; aia file only for Thunkable Users)


Microsoft Emotion Recognizer

This snippet use the API from Microsoft to show the feelings of a person from a taken picture.

I made this example to show you all possible feelings after the scan.

The example from thunkable is much easier to understand BUT

it hasn't so much features like my example.

 

The app language is automatically set according to the device language.

Available languages:

- German

- English

- Spain

 

My Example:

Download Microsoft Emotion Recognizer (aia file)

Download Microsoft Emotion Recognizer (apk file)

 

Thunkable Example: (Link to documentation)

Download EmotionGenie (aia file)

Download EmotionGenie (apk file)

(For AppInventor & Thunkable Users ; aia file only for Thunkable Users)


Captcha example 1 (spam protection)

With this example a will demonstrate you how you can make a simple spam protection with a captcha code.

My example uses two lists with some entrys.

If you don't want to type everything by hand into the list, you can simply use the second example with a csv list.

 

Download CaptchaExample (aia file)

Download CaptchaExample (apk file)

(For AppInventor & Thunkable Users ; aia file only for Thunkable Users)


Captcha example 2 (spam protection with csv file)

This second example is like the first but the different is it use a csv file.

In the csv file are all letters from a-z, A-Z and also all numbers from 1-9.

 

If you want you can modify the csv file with more numbers.

 

Download CaptchaExample (aia file)

Download CaptchaExample (apk file)

Download csv file

(For AppInventor & Thunkable Users ; aia file only for Thunkable Users)


QR Code generator

[NEW]

Take a look to the new QR Code Extension by NMD.

Now you can create a qr code much easier.

 

Here I would like to show you how you can build yourself a QR code genertor with few blocks.

In this example, you can also specify the width and height of the qr code (in each case 200 pixels for height and width).

In addition, you can also specify the folder where the created qr code is to be stored.

The folder I created in the example is named "MyQRCode".

 

Download QRCodeGenerator (aia file)

Download QRCodeGenerator (apk file)

(For AppInventor & Thunkable Users ; aia file only for Thunkable Users)


Login example (TinyDB)

This is a example to show you how you can make a login screen for your app.

We used as storage the "TinyDB" component to safe some userdata.

After you log in, your data is automatically saved.

At the next app start, the app will see if there is something in the TinyDB.

If there are files in the memory you will be asked if you want to log in again or automatically forward to the second page.

 

Its only a demonstration how it works.

 

You can modify the example how you want it.

 

Download LoginExample (aia file)

Download LoginExample (apk file)

(For AppInventor & Thunkable Users ; aia file only for Thunkable Users)