How to show or hide title bar according to screen scroll position

techcvr · February 28, 2019, 3:33pm

hello developers,

i am trying to hide title bar when screen scroll down and show title bar when scroll up. For now i am using ScrollHandler extension. But i cant figure it out how to implement it. if you have any solution to do this then it will be a great help for me.

there is a block named - VerticalScrollHandler1.ScrollChanged.

when i scroll down scrollY value increases and if i scroll up then the scrollY value decreases.

what i want to do is if value decreases, titlebar will be visible and if value increases title bar will be hidden. so if you have any idea or suggestion about how to do this then pls share…

Thank you.

App screenshot -

Mohd_Younis · February 28, 2019, 4:58pm

I am interested to know this beacause i have also felt this experience in many professional apps.

Franck_G28 · February 28, 2019, 5:34pm

Can you send me the link of the extension ? (I don’t find it) I think i can do it

techcvr · February 28, 2019, 7:17pm

this is the extension download page link - Scroll Arrangement Handlers (v2+) · Appinventor/Thunkable Extensions

Franck_G28 · February 28, 2019, 7:40pm

Thanks ! I will try tomorrow

techcvr · March 3, 2019, 4:22am

any progress on this topic? @Franck_G28 did you find any solution or a way to show and hide titlebar

David · March 3, 2019, 4:58am

this is important. i will also like this feature

Deepanshu_Arya · March 3, 2019, 5:00am

Try to use these two blocks

And inside them use native show/hide title bar blocks

techcvr · March 3, 2019, 5:10am

this block is called after you reach to the screen bottom or top and then trying to scroll up and down. i need on scroll event.

Deepanshu_Arya · March 3, 2019, 5:15am

What does that scrollY variable contains???

techcvr · March 3, 2019, 5:31am

numbers from 0 to depend on the scroll height. there must be a way to use that scrollY feature to make this happen.

Deepanshu_Arya · March 3, 2019, 5:34am

If it contain negative numbers to determine the scroll direction then inside if else by comparing scrollY logical we may directly use native title bar show/hide blocks

I currently can’t do practical as my exams are going on sorry for that

techcvr · March 3, 2019, 5:44am

as i mentioned before. and if it provides negative and positive numbers according to scroll up and down then its very easy to make this… but there is no negative numbers. only positive from 0 to up

Deepanshu_Arya · March 3, 2019, 5:59am

When drag our finger upward scrollY will increase and that we can compare by ‘<’ and ‘>’ and when we scroll down scrollY will decrease thus we may compare 2 scrollY and use less than and greater than to show/hide title bar by native blocks

Boban · March 3, 2019, 7:03am

Will be no so smooth

/Boban

Boban · March 3, 2019, 7:12am

You want something like this

/Boban

Franck_G28 · March 3, 2019, 10:20am

Yes, it’s work, but it’s like @Boban
But i still have some little problems sometimes.

ScrollableNavbar.apk (4,1 Mo)

ScrollableNavbar.aia (28,0 Ko)

techcvr · March 3, 2019, 11:05am

Thank you so much for the help… ill try and let you know…

techcvr · March 3, 2019, 11:45am

its working but there is kind of glitch on title bar when i try to scroll up or down. i understand its not a final solution but i wish kodular team will add this feature in future update.

i request Mr @Diego to kindly consider this for next update if possible.

Deepanshu_Arya · March 3, 2019, 12:05pm

Nice work , @techcvr was right???