Just a quick reminder. That's what a Panorama look like. All the pages except the last one display a part of the next page.
This is what a Pivot look like. All the pages are "fullscreen"
I would like to create a control that would be a mix between the Pivot and the Panorama control. Here is what I would like to have:
The middle page would be fullscreen, the left and the right page would contain a part of the middle page. But I don't know how to do it. I tried both Panorama and Pivot with some fiddling of the pages margins but without success. Do you know how to do it?
Thanks :)
I just found an answer by digging a lot on the web: http://sviluppomobile.blogspot.fr/2013/08/add-lateral-menus-to-windows-phone.html
This answer suggests to make your own Panorama / Pivot with a canvas and to move left/right the pages with a storyboard.
Hope it can help someone else!
Here's a blog posts that details a behavior based solution:
http://dotnetbyexample.blogspot.nl/2013/09/a-behavior-to-implement-scroll-into.html
And a second that directly references the Facebook UI, and shows how to implement the proper gestures for the dragging and snapping:
http://depblog.weblogs.us/2013/07/30/facebook-like-settings-pane-with-gestures-windows-phone/
Related
my goal is get page like from image. controlView in top and in the bottom and i the middle tabbed page.
a image link
Do you have any idea how to do this?
I don't think you can achieve anything like that with the out of the box TabbedPage, as the tabs can only be placed on the bottom of the screen (can't add extra content view between tabs and the edge of the screen).
I would suggest to try the Sharpnado so called "pure" tabs. You can read more about these in here https://www.sharpnado.com/pure-xamarin-forms-tabs/. They also have a test app, that shows the capabilities of the Sharpnado.Presentation.Forms nuget.
EDIT: The above nuget also has a CarouselView layout available. Read more...
So I have a horizontal listview with items. I calculate the size of these items so that exactly 6 are visible at once.
Now I would like that when the user swipes left or right, it scrolls, and when the scroll starts to decelerate, that it goes to the nearest page (like the home screen of any iOS or Android device).
Is there a way to do this simply? I mean easy like setting a property on the listview? Or do I need to calculate all these things myself?
I think the functionality you mention (scroll left or right between pages) is very similar to Pivot control. You may consider having a Pivot control with individual ListView's or GridView's, and you can populate this control at runtime.
Pagination of List view could be an overhead. I am not aware of any easy way for that. As mentioned by Dmitri, use pivot or flip view to make it easy.
I want to put a two layout with listview that is sliding from left to right and vice versa and a Page indicator of the two layout.
Just like in my picture . is it possible? I get that sample from a link here in the forum.
Thank you very much.
I have the need to make a control that allows for multi directional scrolling, but only for specific elements within the scollviewer.
Something like this:
The control is split into 4 parts.
Top left is a static header, it will not move when scrolling.
Bottom left works like a listbox, only scrolls up and down.
Bottom right can scroll in all directions but needs to be in sync with the scrolling of the bottom left area.
Top right is the header for the content in the bottom right, and must be in sync as well.
There is an app on the Windows Store now called Project Timeline, and it appears they have done this with 1 ScrollViewer, but im not entirely sure how.
I've implemented a solution with 2 scrollviewers, but between the 2 scrollviewers there is scroll tearing on slower devices, and this is unacceptable.
Anyone have any ideas how this can be done with 1 scrollviewer?
PS, I'm looking for a XAML solution, not a WinJS solution.
Thanks.
Looking for days, didnt find anything, then as soon as I post this question i figure it out... typical right?
This is accomplished with:
ScrollViewer.TopLeftHeader
ScrollViewer.TopHeader
ScrollViewer.LeftHeader
http://msdn.microsoft.com/en-us/library/windows/apps/windows.ui.xaml.controls.scrollviewer.topleftheader
I am currently working on a Silverlight application using the Bing Map control, i am using a custom pushpin made up of an Image and a text block within a grid element, which works fine, this also allows me to have hover and right click events for each pushpin so all good so far, however there is a need for me to enable the user to drag the pushpin in any direction and have an a line connecting it to its actual position, sort of like an anchoring point.
I am struggling to see how to do this, I have seen lots of information on making the pushpins have the capability to be moved by the mouse but the line and anchor part is causing me a bit of a problem. Currently i keep my pushpins in various Observable Collections so that when they are updated the UI updates. If anyone has an Idea on a clean way of adding this functionality please let me know it will be much appreciated.
Many Thanks
I haven't got time to knock up a complete example. However I'll give away the basis of the solution. Replace the template with one based on a Canvas. For example you could have an ellipse to be the actual point on the map, a draggable border that has the ContentPresenter and a line to act as a tether.
The code needed is a) allow the Border to be dragged about and b) to move one end of the line about so that it lies under the Border.
I am still interested in other approaches but I have come up with a solution of paring my pushpin element with a MapPolyline, this in conjunction with the mouse handling to allow the user to drag the pushpin updates both, it is pretty effective and will do for now. I would still like to hear from anyone else with better suggestions though.