App Inventor 2 - pageindicator and swipe navigation
Вставка
- Опубліковано 6 лют 2025
- In this video I demonstrate how you can make a navigation system with pageindicators and swipegestures. The demo uses the new feature Backpack in App Inventor where you can save and copy the blocks you make in another app.
My, my, my. Aren't you just the clever one! :-). I really mean that. It's such a clever combination of tools to create a really great effect. Thanks very much.
You showed basically everything in reverse with this backpack dynamic. Thank god for the comment section. What vale are x & y set to ?
How would you make the whole screen area swipeable? only the bottom part is not as great
did you have try to use tiny dB for making much screen??
Another clever tutorial. I'm curious, if it's possible to put canvas on whole are and still use user interfaces like label, button, etc.
Romy Kim no unfortunately not. You have to design Them yourself. App Inventor lacks the overall view that controlls all userinteractions like swipe touch etc. Until then we have to use canvas 🤠
Thanks for the info. I guess MIT guys will make changes sooner or later. Service is something I really need and look like it got available not too long ago.
Thanks Ken - yeah I'm very clever 😝 but unfortunately not as funny as Pewdiepie - glad to make something usefull though!
Nice tutorial. Thanks :)
---
Hey I want a center circular button and around that 6-8 buttons around it and when one is clicked others are disabled for a set duration can you help......
One solution could be using a canvas where you can place sprites (button graphics) in a circular formation. Detect tap on these and disable for the amount of time you set...
@@BoKalvslund
I mean is there any method in app inventor for this task, or if there is any app that can do this....?
Younus Dar You can do that in AI. To disable for a certain time use a clock component
@@BoKalvslundin my app inventor (when.Clock1.Timer) block is missing even when I use time picker still missing..
hey i had created this .but i had error that screen2 is not found.can u clear me
Thanks for sharing !!!
I ask you a question, I unzipped an app from a Bible, and decompressing could see in the folder called (assets) within the same, there is another folder called (Bible) and within the same more folders (Cap1, Cap2) and within xml files.
I would like to know how to create it and what to call it and display it in a textbox !!! .... Thank you !!!
Hi Bo;
Yes I know, but I can't see CANVAS1 PROCEDURE block in this video, I see only CALL CANVAS1 blok
nice... thanks!
why using the bag pack in any turtorial? I am a blody beginner and can't find some elements. By example the variable "get color" "get x" "get y"
+Carsten Schmoll Hi Carsten. You're right it wasn't a good idea to use backpack - I think so too.
When you need to find a variable "get x or y or what variable you have made" you go to the variable menuitem in the left menu - here you find the get and set block for the variables you have made (chose by clicking the arrow). You can also hover (mouse over) the initialize block for the variable - then you get the getter and the setter blocks. But maybe you first have to make these initialize variable for x and y. Hope this help. Thanks for your comment.
+Bo Kalvslund Ah now I see where you mean - its in the procedure drawIndividualPageIndicator -- x--y--color-- if you hover over theese you get the "get block". You have to make the procedure your self. I see this problem - hope you find out :-)
I solved it now... i realized the orange ones could only be generated ones . Clicked into the corner and found it.
+Bo Kalvslund Hmm I still didn´t get it :(
Which procedure do I have to create? And how? Would be awesome if you help me!
Klick the proceed Icon in the upper left and enter the text. That's all hehe
hi,
If i want to use 4 Screen instead of 3 Screen then how will i add page indicator in this case..
+Deepika Verma Then you have to add another drawIndividualPageindicator in the procedure drawAllPageIndicator on all pages.
+Bo Kalvslund our buttons are working properly, but when we swipe second screen their is no indication on canvas but working for page 3 and page 4, only 3 indicators are available on canvas ..!!
+Bo Kalvslund please reply , have to submit our app tommorow
+Bo Kalvslund canvas is not reflecting for 2 page
Hi Rishabh. That sounds strange. Unfortunately you have to remake the canvas on each page with the number of indicators you need. Why it's not responding I have no clue.. Keep trying :-) following the instructions in video if this helps you...
you can upload the project to download please
At the moment the only possibility is to make a canvas that fits the whole screen.
Hi;
What is canvas1 procedure (centerx, centery,radius,fill)
Thank you
+mustafa aktan It's a procedure that draws a circle on the canvas with center in centerX, centerY and the radius: radius and fill true/false to set if its only an outline or a filled circle.
It's all magic :)
maybe you have to write the name with a capital S: Screen1
Screen2
nice... thanks!