Back to Browse

AppyBuilder: Tab Menu with Simple Animation

14.0K views
Jan 23, 2018
14:25

VIDEO DESCRIPTION: You'll learn how to create a tab menu design with a simple "slider" animation. When the user clicks on a "tab", the "slider" will move beneath the selected tab. This video will teach you how to set up two lists that hold buttons and vertical arrangements. The buttons will act as tabs, and the vertical arrangements will act as containers/sections that hold content. When you click on a tab, only the associated container will show, creating multiple sections within one screen. TUTORIAL DIFFICULTY: Intermediate Medium This tutorial is design for Intermediate users. You should be able to follow along easily if you are able to find blocks by looking at a screenshot. DOWNLOAD FREE .AIA https://www.pixiibomb.com/downloads/aia/details/6 VIDEO CHAPTERS: Introduction - 00:00 Design View - 00:09 Blocks Editor - 05:50 Testing the App - 13:10 Subscriber Count - 14:02 AppyBuilder Community - 14:13 Goodbye - 14:19 PATREON PAGE: https://www.patreon.com/pixiibomb APPYBUILDER: http://appybuilder.com/ APPYBUILDER COMMUNITY: http://community.appybuilder.com/ FREE RESOURCES Although I do create a lot of my images, to save time in Tutorials or quick projects, I like to use a free resource sites. My favorites are: http://www.freepik.com/ http://www.flaticon.com/ MATERIAL ICONS WEBSITE: https://material.io/icons/

Download

1 formats

Video Formats

360pmp417.5 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

AppyBuilder: Tab Menu with Simple Animation | NatokHD