WPF Slide Transition when Image change source (Is this even possible?) - c#

In iOS7 Music app, when the track changes, the album cover will change with a slide transition
in WPF, I'm using iTunes COM and I replace the image source in the onplayerplayevent, is it possible to add a slide transition when the image change source?
if possible, can i add two transitions? slide left when i press the previous button and slide right when the song finishes and when i press the next button.
Thanks anyway. Just tell me if this is possible.

Developing view transitions from scratch is no easy feat, but luckily enough, there are pre-written libraries that can do this for us. I found a really useful library that you can use for this purpose. It features many different transitions (not just sliding transitions), just like PowerPoint and is really easy to use. It is called Transitionals and you can download it from the CodePlex website:
Transitionals
This Transitionals library is now on version 1.2, but you can download the help file for version 1.0 by clicking on the 'TransitionalsHelp_1_0.zip' link on this page on CodePlex.

Related

How to use the Media Viewer in a WP8 app

I'm trying to add a media viewer page on my app (very similar to the photo app on WP), so my first idea was to open a new Pivot Page with one photo on each page, but it overload the memory when there is to much photos and I don't have the zoom in / zoom out fonctionnality.
Then I found this cool example provided by Microsoft who do exactly what I wanna do :
http://code.msdn.microsoft.com/wpapps/Basic-Lens-sample-359fda1b
The problem is, I've tried many things, but I can't get it to work. Do you have any idea how I could use this cool Media Viewer ? What classes should I import? How to implement it in my project?
The Media Viewer class is indeed not that simple!
I've also started to tweak it so it would fit my purpose, the solution isn't finished, but you can already take a look at it here: https://github.com/Depechie/ImageSliderMediaClass
I changed the class so that it would act as one horizontal image scrolling overview, without the zooming capability.

C# MonoTouch/Xamarin - Built In Camera Button

I know there are some built in button images like "add"(which gives you a plus) and "edit"(which says edit).
Is there one for a camera?
Use UIBarButtonSystemItem.Camera
Apple's HIG lists all of the available system buttons
I found this site that has a nice big list of all the drawables you can use from Android.
Click

Some advice on responsive design

I am currently designing a portfolio website with wordpress. The idea is that it's going to be all in one page, and use js to scroll up and down.
After coding the whole thing in fixed width, I thought of the responsive design. I started reading and I think I got the idea. Before doing anything else I am going back to photoshop and re-editing the design for mobile - to quickly see what I want for mobile (almost mobile first, at least on photoshop, kind of ignoring what I already have)
In my current design I display my work examples in slideshow. I am using this plugin http://css-tricks.com/3412-anythingslider-jquery-plugin/. my first instinct is to remove these slideshows when for mobile and use only one image for one each work. is that good idea?
Also I seen some responsive design tutorials which use the same images for all resolutions and then scale them down with css. Should I have different (sized) images for mobile? for example
#media screen and (max-device-width: 480px) {
.img {
background:url(site-small.jpg)
}
}
#media screen and (max-device-width: 600px) {
.img {
background:url(site-large.jpg)
}
}
As I said my portfolio site is all in one page, and I use the jquery ScrollTo() feature to get this effect on navigation http://two24studios.com/. For mobile version, should I remove that or not?
I have some decorative images which simply look impressive and adds very little more to the interaction, would it be better if I remove them when screen gets smaller. And on this note (though I didn't look into it yet) if I what to remove some content when on small screen, do I only use display:none or is there a way to prevent the content from loading for no reason.
I am using one embedded font for the design, is it ok to keep that for the mobile version or is there any restriction on that, such as do mobile browsers support #font-face embedding.
And the very final thing, I am planing to create a new page within wordpress, and call it something like "playground" which would have a list of demos on html5, CSS3 and the like just to show off my skills. should I include that in the mobile version or not. As I think a mobile user can't really take advantage of that?
I hope you can help me with any of these uncertainties that I have
Mobile users have more limited bandwidth and slower connection speeds. That's something you want to keep in mind when considering how quickly the page will load as that can greatly impact user experience.
I would avoid using the slideshow for mobile -- or at least doing a slideshow that uses smaller images appropriate to the screen size. You don't need to download an image that's 720px wide when you're on a 360px wide screen, for example.
Scroll to will probably work fine. One consideration you may want to take is to use touch events rather than click events if you're using JavaScript for the "scrollTo" functionality. (A presentation on touch events.)
As for your playground page, that will depend entirely which demos you're planning to put there. I'd test out your examples on mobile to see if they make sense and function properly there; if they do, then display them. If not, either improve them to work on mobile or don't show them on mobile.

How to make transition on DataContex change?

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.

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