I want to design a page on windows phone 8.1 which should have 2 pages in a screen.
One page should always be visible.
Second page should come up when user tries to "hold and tries to swap to right on the left corner of the visible screen"
[The Second Page i'm planning to make it as a User control. so that i can put it on different pages as a hidden control and will show up when user tries hold and drag from left to right, action on a page just the way action center shows in phone]
It's same way how action center page comes up when user hold's and drag down the top corner of phone screen windows phone 8.1, but I'm trying to do the same but from the dragging should be from left side of the Screen.
I have tried experimenting with Manipulation methods could achieve the expected result.
Hope i have conveyed my question properly. :)
Please share your thought's.
Thanks.
Your question is not very clear, but is That what you are looking for ?
Application side menu (NavigationDrawer) ?
Checkout this project, see if it suit your need. You need some changes in source to make it work with Windows 8.1
Related
Recently Tapatalk updated their app and a new menu appeared, which I haven't seen before.
Does anyone know what this menu is called?
There is an image in the top left corner which is 3 orange horizontal lines, when you press on it a menu pops out from the left.
I am trying to write my own app and wanted to use this.
I have seen it in a few apps now.
I would upload an image but I am unable to at the moment
From what I can see in the app screenshots, this is a quite typical menu which slides in from the left in many Windows Phone apps these days. It can also be seen in Facebook, for example.
There is a good blog post explaining how to implement that written by Dan Ardelean:
Add side menus to an Windows Phone application (similar to the Facebook app)
It comes down to using gestures (or button click) to bring a part of the app into view.
You could also make a Flipview with 3 pages (FlipViewItems), it would be almost the same as the Facebook app
I'm migrated from iOS dev to WIndows Phone dev and I have stumbled upon a problem.
I need to implement a side menu, that looks like the one in facebook app in ios. It shpuld slide from left to right. It should contain about 10 buttons (ListView). Presign the button should cause chaning the view (navigate to other xaml file)
Because of the huge difference between Windows Phone controls and iOS controls I want to ask an advice on how to better implement such menu. I've heard about aproach using Panorama. But would it look pretty?
I mean I'll have 10 different XAML files with different content. In each of them I'd have to add Panorama control and add the menu. And when I navigate to other XAML would it look nice? because it would close menu without any animation.
So please tell me what is the better approach in impelementing what I want? And how to navigate properly between all the XAMLs without loosing the animation of the menu. And of course how to avoid duplicating code in all the XAMLs? I guess XAML files could not be inherited. And of course I need it to support both WIndows Phone 8 and 8.1.
Thank you very much for you attension!
Here this a blog that will help you implement side menu like Facebook app. Link Hope this helps.
I just implemented something similar in my Dictionary app (http://www.windowsphone.com/s?appId=9f31b733-8c7b-e011-986b-78e7d1fa76f8). You will see that when you click the favorite or history icons on the top, it slides in a panel from the right. I implemented this by adding another Grid to the page whose left margin is set to the width of the page so that it basically sits to the right of the page, out of user's view. When the user taps one of the icons on top, I run a DoubleAnimation with a StoryBoard which does TranslateTransform on the X coordinate of the Grid and runs the StoryBoard for a duration of 3.5 seconds to give the user the perception of slide-in animation.
As far as having the same slide-in menu on each of the pages go, you have 2 options:
(a) Create the sliding panel as a user control and add it to each of the pages and on click of an item inside the panel, go to the second xaml page with the slide-in menu open and start the transition to hide it, or
(b) Create multiple grids within the same xaml page and simply hide/display the right one at the right time.
I believe you are speaking about the popular hamburger menu.
You can very well use the SlideView library. Here is the link,
https://slideview.codeplex.com/
The SlideView, a control allowing to slide between panels (2 or many more)
The SlideApplicationFrame, a control to use at top app level and packaged to display 3 panels with navigation occuring in the middle panel
The AutoHideBar, a control which is displayed when scrolling up in a list, and hidden when scrolling down
I am making a simple website and I am encountering a problem whenever I reload it.
I placed my menu at the middle of the screen and when you clicked it, it needs to go down to the content. My problem is, whenever I reload it, it would still go up and show the upper picture. What I want is that after one of the menu is pressed, the menu should now stay on the upper corner of the screen without showing the upper picture (Sample website -> http://ec2-54-84-168-45.compute-1.amazonaws.com/Teapop/)
It seems like my url code that directs it on a particular div (e.g menu#teapop_nav)` doesn't work as I expected after I deployed it on the hosting site even though it works well on my local build.
Without using any javascript code, is there a fix for this using html5/css3?
Thank you.
i just tested it on my computer (chrome & firefox) and it seems to work. And also on page refresh. The picture is always on the top.
How to implement a navigation bar like the facebook app for wp8
I want to implement a navigation bar for my wp8 app, it look like the facebook app for windows phone 8, Click on the left menu to slide profile pages ... or Swipe left to show profile page, swipe right to show friend.
My idea is host 3 pages (Profile Page, MainPage, FriendPage) on a phoneapplicationframe, when use click on the profile icon the Profile Page will be visible and the Mainpage will be margined to left ... , It is possible? How can i do it.
Any feedback will help me so much. Please help me, i'm stucked here.
Thanks you.
I've blogged about a possible solution for this, but I have to agree an usercontrol would be a better option!
http://depblog.weblogs.us/2013/07/30/facebook-like-settings-pane-with-gestures-windows-phone/
I believe it was only one single page whose width is more than the screen's width. And the default view is achieved by setting the margin or other property which is for you to findout using trial and error.
First, create a custom control/user control as design same as profile icon pressing profile page.
Then, drag it onto your main page. and set it margin properly how you want.
When you press the profile icon button. Then only you need to show it and collapse it when tapping screen.
I have a windows 8 app, in which i show the list of students as tiles. When a tile is tapped on, the app bar opens which give the option to edit. My question is; when the tile is tapped, is it fine to go to the Edit window rather than opening the app bar. Does windows 8 app guidelines allow this.
I have gone through the windows 8 guidelines but it has left me confused if its the right way or not.
Thanks in advance.
I think the best way to do this must be that on click of the tile you should open the edit window. And the appbar must have only add button, so that in case the user wants to add a student he can do so through the app bar. I feel this is the correct user experience.