I want to create animation on the button.
Button has its image. When clicking on the button should work animated image. Once the animation is complete - show previous image.
Something like the following algorithm:
Closed shutter > Click > PLAY ANIMATED SHUTTER > Show image
I already have ready animation "Animation.gif". It needs to be run when you click on the button.
How can this be organized?
thank you
You need to port something like this to Mono for Android - How to make Android Buttons show animation on itself when clicked
I would probably tackle this first by getting the animation working, and then second by building a custom view that wrapped the animation and the button together - and exposed a single Click event which could be used by MvvmCross for binding.
It's also worth looking around for blog posts and other questions about 'animating buttons in Android' - e.g. one of the first hits for me was http://android-er.blogspot.co.uk/2012/02/apply-animation-on-button.html - most of these will be Xml and Java and should port very quickly to Mono for Android
Related
i use materialDesign Mahapps at c# wpf.
and i want make some floating button that open and spread other button when i click it.
i saw CircularFloatingActionMenu animation in android.
i already saw it
https://github.com/MaterialDesignInXAML
but i couldn't get something.
please see this(CircularFloatingActionMenu animation) and this(https://github.com/wasabeef/awesome-android-ui/blob/master/art/CircularFloatingActionMenu.gif) and know me how do i make it...
What you'll need is to use a StoryBoard Microsoft Documentation in WPF to animate several properties of the animated buttons such as Width/Height/Rotation/Opacity and X/Y to appropriate final location. You'll probably need another one to do the reverse.
I am trying to make a program which plays video and receives user input on specific frames. i need to make a click event for the axvlc video player. Is this possible?
my program contains an instance of the VLC ActiveX Plugin in a windows form in visual studios.
I want, while the program is paused, for the user to be able to single click a point on the frame, trigger an event, add the location of the mouse to a list.
otherwise, i have considered rendering a bitmap of whatever frame it is on while paused so that i can add click events to that. but i would very much like to avoid that solution as it would complicate what i am doing.
I found a tremendously helpful control in this question.
Making a control transparent
the top answer has code for a control that supports real transparency even on top of video. this is perfect.
I've got a Windows Phone 8.1 app with a user preferences page. There is a color picker on that page that is initially 'collapsed' until the user taps a part of the page. When they do, it takes XAML about 3 seconds to build the color picker (140 little colored text blocks all bound to a list). The user sees a 3-second delay the first time they tap on the control. Once rendered, coming back to that color picker a second time (as long as the page has remained open) is instantaneous.
Basically, I've got a really complicated XAML page with hundreds and hundreds of Textboxes and I want to pre-build it so there's no delay when I want to display it.
Is there a way I can tell XAML or my code-behind to pre-build the color picker so that it's ready to display if and when the user taps on the box to show it?
I have seen the answer to a similar question at:
How to preload XAML at app startup?
and I don't understand it, or even know if it applies to me.
The question you are referring to have answer to your problem. If you need to load so many items then you can use that approach. The only thing you need to keep in mind is that if user taps to make color picker visible before it's fully loaded then it will not be ready and a delay will be shown.
I have been having a hard time trying to implement content navigation (with slide in effect) inside a window just like the one in Visual Studio Ultimate Setup.exe using Microsoft Blend for Visual Studio 2013.
The installer is a available from here and demonstrates the effect I'm looking for:
http://www.microsoft.com/en-us/download/details.aspx?id=40778
Please let me know if you know how to slide in another window content inside the same window as exhibited in the above setup file.
I would really appreciate it if you can show me how to do that in Blend editor visually instead of code. (I already tried displaying different pages inside a frame but I couldn't change the source of the frame inside the visualstate storyboard)
Thanks in advance!!!!
I think the way to do this is to use more than one navigation object. You have both on the page, but invisible. Then when they click NEXT, you use a storyboard to animate one off the screen and the next into the screen.
http://snsatyendra.wordpress.com/2011/12/30/create-navigation-using-fluid-ui-and-behaviors-in-wpf-and-silverlight/
I did something like this in Silverlight once. I had multiple usercontrols and just slide one off the screen and the other onto the screen. I had a reverse animation too. After the animation is finished, you can reset everything for the animation, setting the previous/next page contents ahead of time for the next animation trigger.
Also, check out http://msdn.microsoft.com/en-us/library/ff723946(v=Expression.40).aspx for the FluidMoveBehavior. That might help with animating.
I have some tiles layed out as buttons in my app. Im not that good at xaml and hope someone here can guide or show how i come around making them behave alittle like the tiles in the start screen of windows.
I have with some template set. How can i add the little border when mouse is moved over it and how do i make it look like it gets pushed down when clicked.
my button is just a sqare box with a background color.
You have to edit the Control template for Button. And add an additional border which should appear on Pointer over state. Write your own animation in Visual State manager to achieve this. To make this more easier just open your project in Expression Blend. Right click the button and choose edit template. the default template will fell into resources, so that you can just modify.
http://msdn.microsoft.com/en-us/library/cc294908.aspx
To perform a push effect, need to animate Scale Transform in pointer pressed state.
Regards,