How to make transition on DataContex change? - c#

I have a simple wp7 app with 3 pages. I've made page transition to work (with built-in transitions from TransitionService (slide, rotate roll...) as shown in this simple tutorial. On one of my phone page, I bind few different ViewModels (only one is visible). Also, there I have a button which change DataContex (visible ViewModel). All of that work perfectly. What I want to do is to input somekind of transition on DataContex change (as I have on phone page navigation), so it would appear that the user is navigating on other page.
I appreciate any advice.

Christian Schormann demos creating page transitions in his Mix talk CL02. Download the video in high res format and play it locally will make it easy to follow.
Alternatively, you could make use of the Transition control packaged with the November Windows Phone Toolkit to do this work for you. Discussed in more detail here.
Transitions for Windows Phone 7 - Will's Blog

Depending on what you want to animate you could look at using a StoryBoard.

Related

Enable Back/Forward & Refresh Gestures in Universal Windows App (XAML)

I'm building a set of small internal apps for our business. A majority are web based tools. To provide easy access to all of the tools to all our staff. Previously I built small windows applications which are used currently. However, I'm looking to upgrade these to Universal Apps as we can better distribute future applications through our Microsoft Business Store.
Currently when placing a WebView into the UWP app, the app loads and functions as expected in terms of loading the WebView. However I cannot seem to find a means to implement Back / Forward navigation (previously this was a toggled option in the properties group) if a user navigates using Back/Forward on their mouse etc. Any pointers would be greatly appreciated. No doubt it's something quite obvious I haven't spotted.
I was expecting the basic back / forward navigation to work out of the box (as is the case I have experienced previously when developing for other platforms)
The app I'm currently working on is using the UWP with XAML and C# and currently has the WebViews implemented using:
<WebView x:Name="webView" Source="https://app.domain.com"/>
within MainPage.xaml and no further modifications made to this app as it stands.
I regularly use SO as a guest to find answers to questions but I couldn't see a direct answer to this scenario.
Thanks
The WebView class has built-in APIs that could Go Back/Forward. You could add some buttons and call them in the click event.

Adaptive Layout of Master/Detail View in Windows 10 UWP

I looked around for several days now to find an example on how to create a master/detail view for a Windows 10 UWP app which targets a Windows tablet as well as a Windows phone. The current view already contains a SplitView, which displays the menu on the left hand side. I would like to show the master/detail in the detail view of that SplitView so that on the left hand side there is a ListView/ListBox with all selectable items and a detail view with the details of the currently selected item.
Is there a best practice? I'm using Caliburn Micro for my MVVM pattern.
Template 10 is a complete package but its done almost entirely with the built-ins that Jerry and Co. have come up with over the last few months putting it together. They do have an example of MVVMLight usage with T10. But I understand the draw of using CM.
CM is just now getting to the point where Master/Detail with UWP/ SplitView is possible with some of the bugs that came up during the release to 3.0.x sooner or later.
There are some gotchas just keep an eye on the examples. I will probably be posting a PR for a Master/Detail shortly but I have a project to complete first.
CM with Template 10, there is a huge amount of overlap that would need to be combed over before the would work nicely between each other. Would nice to see it; unfortunately it would be a massive undertaking to get the overlap gap closed.

Windows Phone Custom Control Design and Implementation

I am working on a windows phone app, in which I will need to add a costom "cover-flow" kind of control like how it looks like in the Spotify app below:
Note: user can swipe from right to left to change song.
I don't think Windows Phone SDK provide any controls support this, so I was wondering how such a thing is implemented.
I think it is either faked by a pivot page with dynamically adding/deleting pivot items, or maybe it is a custom control.
If I want to implement this as a custom control, does anyone has experience about it, or any sample code/tutorial will be very helpful.
Thank you
You're looking at a Panorama control. It is available out of the box with the Windows Phone SDK.
Telerik makes a great control that does just this. It's called the SlideView control. I know it's not free, but it is only $99. Given that it might take you about 4-10 hours to create this control yourself, I'd say it's worth it. If you join the Nokia Premium Developer Program you get Telerik's controls for free.
Note: I do not work for Nokia or Telerik and this is NOT a paid advertisement :)
The swipping effect is because of Panorama page. to change music you need to handle gestures that will be a tough task . The solution is to find a hack or have some control in the background that registers the touch event and changes the music

Image gallery swipe UI in MonoTouch

I am looking to create a UI experience almost identical to swiping through images in the Camera Roll on the iPhone. I have 5 images that I simply want to be able to swipe through. This view will be the first view of a Tab Bar Controller that I have in place. This is my first iPhone (iOS) app attempt so if anyone feels this question needs to be broken down into smaller chunks, please let me know.
Here's an example of the paging control for MonoTouch I developed some time ago: https://github.com/escoz/monotouch-controls
Take a look at the PagedViewController. That code is actually used in my app, Quicklytics.
Use Pagecontroller.
In this example they have add label, instead of that you add your imageView.
EDIT:
For Monotouch.
The Photos module of Nimbus is exactly what you are looking for.
http://docs.nimbuskit.info/NimbusPhotos.html
The MonoTouch bindings can be found here.
https://github.com/theonlylawislove/MonoTouch.Nimbus

C# - Winforms - Animated Slideshow

Well i am developing an application whose interface requires an animated slide show
and by animated slide show i means UI components placed together change their positions after regular intervals in a sliding (animated) fashion. Let me illustrate my idea with the following image,
(source: deviantart.com)
in the image above there are three columns of UI components that i want to slide, what i could do is simply write a module to change x,y coordinates of the components that would give the animated slide effect but that does not work fine, because it is heave takes time in processing and all plus the coding will be complex and layer adjustment and all.
is there any slide show component on which instead of image i can place UI components
What are the other options i have or what is the right way to do it. Please need help.
Sounds like are looking for a carousel feature for you component. Winforms were not intended to be animated. Fortunately some companies have worked on products that support animaiton in this area but most are moving to the Silverlight and WPF platforms for those updated features. As a reader of MSDN Magazine I often come accross some interesting advertisements of Winform components that are quite interesting. Please take a look at this link. The cost of the product is quite high.
Telerik Sample Applications using Carousel feature in Win Forms
Also check out the following link to MSDN. It explains how you can reference the silverlight component as a COM object.
Using Silverlight in a Windows based application using COM
In this scenerio it could also be possible to embed a flash player with a flash animation, using one of the many (commercial and free) xml-based slideshows avaible for flash. This one for example http://www.flshow.net/.

Categories