Navigation to another page using swipe gesture (Windows Phone 8) - c#

I've searched quite a lot on the Internet but haven't been able to found the exact thing that I want.
I now that I should be using the Manipulation events such as Manipulation Started, Delta, Completed.
As I said I managed to navigate to another page using swipe combining these three events, but what I actually want is to see THE MOTION when moving from the actual page to another like for example when you swipe from the Official Windows Phone 8 page to the Apps page using a left swipe. Can you please point out on how to achieve such a thing.
http://agilemobility.net/2014/07/windows-phone-8-swipe-gesture/
This page shows an example on how to that, but the motion of moving the current page and bringing the second one is displayed.

I wasn't aware of the following, and yes, Pivot is the answer to my question.
Taken from: https://msdn.microsoft.com/en-us/library/windows/apps/ff941103(v=vs.105).aspx
You can use a custom template named Windows Phone Pivot App when creating a new project. This template will come pre-populated with content and you can modify the template accordingly.
List itemThe Pivot control can be added to the Toolbox in Visual Studio and can be easily dropped into your project.
You can add a Windows Phone Pivot Page to an existing project.

Related

Getting Master Detail to behave on UWP just like it does on Android and IOS

I have a prism Xamarin Forms application which is being designed for both UWP, Android on IOS. This is the first UWP app that I have created. I want to have a menu that is only accessible from the first level of navigation. To do this, in the past, I have used a Master-Detail page. However, I have encountered some behaviour differences that I need some help with.
When I use a Master-Detail screen on IOS or Android it behaves like a menu only accessible to the first level of navigation. Any subpage that you might navigate from there you don't see menu it is replaced by the back button.
When I use a Master-Detail screen on UWP it's behaviour is different. The menu is available on all pages no matter how far into the navigation stack you travel. It is by default also a menu tray of items anchored on the left side of your application.
I have figured out how to make the menu collapse into the hamburger button that I am used to on an Android and IOS application by setting the parameter MasterBehavior to the value Popover. But I would like to have the menu completely disappear on any page navigated past the first level as it does on IOS of Android.
Does anyone know of a way to make this happen?
I think I can say safely that this can't be done in pure Xamarin.Forms.
To change this you would have to change to which UWP Frame the content is loaded, and I am not aware that Frame is exposed anywhere in Xamarin.Forms which means that even custom renderers cannot help.
However you may try to build the native navigation that would act like that in the UWP project and then load inside those native controls Xamarin.Forms page, that should work and deliver the results that you have requested. Not trivial and no few lines that I can show you, but if that is important for you it should be possible this way.

How to achieve Windows Phone 8 News App layout

I am wondering how does the News app on Windows Phone achieve its layout. I am taking about the main page when the app is first launched. It is not a pivot because you can see the next section on the current section. It is not a panorama because the background is not moving, and that it is a universal app so Panorama is not available. It is not a Hub because Hub does not allow you to wrap from the first to last, or vice versa.
I notice this layout is very similar, almost identical to the layout of the Fitbit app. I like this kind of layout a lot and I would like to use that on my own app. If there is a control for it please let me know, if not, how do I do what the developer have done on those apps.
The app is using the Panorama/Hub control. It does not set the title of the control and it does not have an image for it. The first Page/Section does have an image for the main article. this image is only set for that Page/Section. The first section also does not have a Header set (it's blank).
Hope that helps!

Creating a slideshow in windows phone 8 without using pivot app

I'm writing a windows 8 app wich basically does nothing when you open it (everything is done in background task and the user doesn't see it) so I need to display a kind of slideshow on the main page of the app just so it looks like something and not just a blank page.
My problem is I can't use the pivot app template, I need to start from a blank template.
So I'd like to know what is the most simple way of doing this ? By the way, I need the slideshow to switch between the images automatically (with a timer that I can set) but the user can switch himself if he wants to
Thank you :)
You say You can't use the pivot app template and want to start using a blank template.
You can however add pivot as a control once you start with a blank template.
If Not using pivot is your aim, then try panorama.
Start from a blank template and add panorama control to it. Panorama can also help you to get a nice sliding effect like in a slideshow.
you can have images in stackpanel and detect Flick Gestures whether left to right or viceversa through HorizontalVelocity of Flick events.

WPF applacation window screen shot displayed on button

i have create a few WPF applications in visual studio, and now i would like to create a final application to run all of the created apps in the final application. i would like to know how i can create a layout that displays the apps that are running inside the final app as buttons that can be clicked and cause the app to expand and allow the user to work on that app and then when finished return back to the final app and see the other apps to choose from. I imagine it would look like a Google chrome blank page that allows you see your familiar webpages and click on them to load them up. Any help or advice on what i should focus on to implement this would be much appreciated.
Thank you for taking the time to read over this.
Consider using a VisualBrush this takes other WPF UI (your "apps") and uses their UI as a brush for another UI element.
Raj Kumar has a simple article called Visual Brush in WPF for details.
The bit you probably want is at the bottom where he shows you rendering a controls content in another control. The magic being binding the controls visual to the element name whos UI it should render.

Stop the PivotControl allowing swipe

So I'm trying to make a "tabbed web browser" for Windows Phone 8. I can't seem to work out quite how I'm to do this bit. I've made all the tab control stuff using a PivotControl (it replaced TabControl in Windows 8 I believe). I can add & remove tabs dynamically, and I think that system is pretty good. Unfortunately, I can't work out how to stop the swipe gesture from changing tabs. I want the user to have to swipe only on the Pivot Controls header, not on the contents... I'm putting the website itself in the contents so it doesn't allow the user to scroll when zoomed into the website, as the gesture is overridden by the phones desire to switch Pivot item...
How would I go about preventing the pivot from switching when the user swipes inside of the WebBrowser control?

Categories