What is the event that toggles appbar in javascript Windows 8 Metro Style App?

Question

I am looking for the event that toggles the appbar in javascript. So it's basically the "edge-swipe" gesture event on the top/bottom edge of the screen.

For example, I want to show a text "edge swiped" on the page when the user swipe the upper or butto edge of the screen, without declaring a app bar in the page. How will I be able to do that?

I tried crossslide event and it doesn't seem to be right.

Answer 1

Cross-slide won't work for you because it's a gesture that can start anywhere.

There's no edge-slide event that is exposed to a Metro app. Windows 8 detects the edge-slide and raises the app bar for you automatically (when you have one).

Maybe they'll add one in the future, but who know's if or when, so you'll probably want to do your own gesture tracking. I'd suggest you have look at the PointerPoint class and building your own custom gesture recognizer. A basic edge swipe should be easy enough to recognize, though you'll have to pay attention to all the pointers on screen. For example, if I have a tablet that tracks 5 fingers and one of them edge-slides, do you recognize the gesture regardless or only if there is a single touch point active at the time? That's up to you.

Answer 2

you can see the documentation for AppBar here

Appbar has four events: afterhide, aftershow, beforehide and beforeshow.

Check the documentation for more details