.NET Tutorials, Forums, Interview Questions And Answers
Welcome :Guest
Sign In
Win Surprise Gifts!!!

Top 5 Contributors of the Month
david stephan
Gaurav Pal
Post New Web Links

MVVM and Animation Control

Posted By:      Posted Date: August 29, 2010    Points: 0   Category :WPF
I've been struggling with what should be a fairly straightforward issue...hoping someone's got a solution.I'm using MVVM in a scenario where I'm using a MediaElement in a View. The MediaElement has a Storyboard that I customize using DataBinding. The scenario works well when I'm using EventTriggers to control playback, but I have not discovered how to manipulate things using DataTriggers.My Storyboard consists of a ParallelTimeline, which contains the MediaTimeline (with Source, BeginTime and Duration databound to the ViewModel. I've got two buttons that are attached to the Storyboard in EventTriggers calling PauseStoryboard and ResumeStoryboard. This works well, but it's not the best paradigm for me.I am trying to accomplish a design where, if I have two such Views each containing a MediaElement with this type of Storyboard, when one Storyboard reaches its end point, the other View's MediaElement is triggered to play.I have tried to use a DataTrigger design, but I am having problems freezing the Storyboard because I'm using DataBinding to set some of the Storyboard parameters.Does anyone have any ideas as to how I can control a MediaElement via Storyboard/Timeline using DataTrigger instead of EventTrigger? Am I missing something obvious in MVVM?--- Jim ---

View Complete Post

More Related Resource Links

animation ajax control

hi , how I do like this http://www.asp.net/ajax/ajaxcontroltoolkit/Samples/Animation/Animation.aspx the first exemple

Using MVVM with new Ribbon Control Library

Hi, As new ribbon for wpf http://www.microsoft.com/downloads/details.aspx?FamilyID=2BFC3187-74AA-4154-A670-76EF8BC2A0B4&displaylang=en is officially released, I am looking for a way to use new ribbon control library in my application respecting the MVVM pattern, I used ribbon 2007 repecting MVVM by extending the RibbonCommand with CanExecute and Exceute properties, but Microsoft has dumped RibbonCommand in new release. Any help on new Ribbon with MVVM is appreciated.

Building a user control with MVVM

Hi there, I created a custom user control that retrieve rows from database and will create all the buttons on runtime. My current approach is write all codes in the code behind of user control. And also I add a click event handler to each buttons that created on runtime. When any of the button is clicked, inside the click handler function will raise a RoutedEvent. And at the parent control, I add a handler to the custom user control to handle which button is clicked. The problems is : 1) I don't want to write all codes at the code behind. I tried to create a view model class for the user controls, but I failed to bind the event to view model as I wanted to retrieve the object that call this event. ICommand doesn't provide the information for it. 2) Even if I successful created a view model class, when a click event is triggered, the view model will handle it then it fire another event to user control class then the user control class fire another event to the main parent control. Which I think this is stupid >_< 3) I want to know how to user MVVM in this situation. Thanks & Regards, Rambo Ong

Can animation extender be used to replicate Twitter's smooth-scrolling, latest-tweet control?

I'm not going for the exact same control, but if I can find a smart way to automatically/smoothly scroll through text from the database on Timer Tick intervals of 5 seconds... then I can use that as a template. My main idea would be to just dynamically create panels with the text inside of them, then dispose of them when they come towards the bottom of the list... but 3 things stop me 1) it would be a lot of work, 2) when the last panel cycles to the bottom of the display area then how do I make it smoothly disappear? 3) What would I use for the display spot?- a Panel won't work because if its contents exceed the set height, it either just expands to fit it or adds scroll bars. I basically want it to have slideshow functionallity how the images smoothly scroll every few seconds (without the scroll bar), and instead of images I want to use text. Any ideas?

Problem in tab control with MVVM Pattern

Hi,  Am new to wpfpatter and mvvm also. I have problem, i need to assign the same shortcut key(say alt+N) to two button in different tab. i have used the following code to assign the shortcut. problem in when i click the shortcut key in tab one it will get trigger the tab two button event. --xmal code is     <UserControl.InputBindings>         <KeyBinding Command="{Binding Path=Delete1Command}" Modifiers="Alt" Key="N"></KeyBinding>         <KeyBinding Command="{Binding Path=Delete2Command}"   Modifiers="Alt" Key="N"></KeyBinding>     </UserControl.InputBindings>        <TabControl  Height="100" HorizontalAlignment="Left"  Name="tabControl1" VerticalAlignment="Top" Width="200">             <TabItem Header="tabItem1" Name="tabItem1">                 <Grid>                     <Button Content="Button1" Height="23&q

Binding ListView Control Using MVVM

In this short post I will show you how you can bind the list view control and get the selected value of the list view control using MVVM pattern. For this post I have added one list view control which hold the grid view control in it view and when item is selected in the grid view the selected item is shown at the end of the screen. In the Image 1the selected items are not shown ( only the label fields are shown) but in the Image 2 when user click on any of the item the detail is shown.

BackgroundWorker dont works starting an user control on MVVM



I have a problem using backgroundworker object.

If I use a code to load with Entity Framework a SQL table for fill a combobox, the program takes a lot of time and user experience is bad.
If I use a backgroundworker object, simply the combobox is'nt filled; my MVVM class that have a public property ObservableCollection<MyRecord>. I debug the code and this collection is filled right but WPF appears dont know that collection is recently filled. I try to use on Source property of combo the OneWay and TwoWay attributes, but dont work

I'm sure that any thing do it bad ¿Any body can tell me where try to fix up the problem?

    Private Sub LoadCountries()

'This code works fine, but user experience is affected
      'Me.Recursos = New ObservableCollection(Of Recurso)(Application.Contexto.Recursos.Include("User"))

      Using worker As New BackgroundWorker()

        Dim p As System.ComponentModel.DoWorkEventHandler =

MVVM: How to bind a page in a tab control with a viewmodel?

We practise MVVM pattern.
We have a main window which contains tab controls. Each tabItem contains a page.
Since the main window needs to share some data with one of page, so our MainWindowViewModel creates the instance a RunconditionViewModel.
Then we need to set the instance of RunconditionViewModel to one of page's DataContent (page called ControlPage.xaml).
How do we achieve that? see the code below.

In HDMainWindow.xaml,
<TabControl x:Name="tabControlMain" DockPanel.Dock="Left" MinHeight="200"  SelectedIndex="0" TabStripPlacement="Left" >
<TabItem Header="Run" Name="TabItemControlPage"> <Frame Name="FrameControlPage" Source="Features\Basic Control\ControlPage.xaml"></Frame> <!--<Frame Source="Features\Basic Control\LoginPage.xaml"></Frame>--> </TabItem> in App.xaml.cs,

protected override void OnStartup(StartupEventArgs e) { base.OnStartup(e); InitializeComponent(); HDMainWindow hd = new HDMainWindow(); HDMainWindowViewModel hwd = new HDMainWindowViewModel(); hd.DataContext = hwd; //if (hd.TabItemControlPage != null) // hd.TabItemControlPage.DataContext = hwd.RunConditionsViewModel; if (hd.FrameControl

Handling control events in MVVM



I'm using MVVM and works fine untill I have to handle event's of different controls on my view. I have a textbox and need to pass the value of text once typying in completed , to the view model. Is there a way to do this similar to the way the routed commands are handled. Appreciate any advice.



Get Control screen position from a MVVM View Model (not using CodeBehind in the control)


Hi, I am using a MVVM pattern for a WPF UserControl. I need to be able to position a dialog over the top of the control, so I need the top left screen coords for the control.

IF, I was to use code behind, the following seems to do the job..

 private void UserControl_MouseDoubleClick(object sender, MouseButtonEventArgs e)
   Point controlPos = PointToScreen(new Point(0, 0));

The controlPos above seems to give the correct result. However, is there anyway of doing this without having to use any code behind in the actual control (eg have the code purley perhaps in the View model class, of have something in the Controls XAML?

Thanks in advance for any help



Extending the expander control - MVVM pattern


Hi all,


I am using MVVM and need to create an expander that also has a "close" button, making it disappear.

I thought about creating a UserControl containing an Expander + Button with "close" caption.

Then, expose a Command property for that button click, handling it in the ViewModel.

Problem is, I have to expose many other Expander related properties as well (content, IsExpanded, IsEnabled etc...)

Is there any other idea for this issue?


Thanks a lot!

Launch animation control only on certain conditions


Hi all. I have a custom control that I am using an animation control in.  I have a few different applications that use
this control and not all of them require this animation. 
The label that is linked to the animation is common to all calling applications.  I can set a hidden variable to
determine the calling application on load but how do I stop the animation from launching if the calling app does not use it ?

The set up is that I have the animation launching on mouseover of a label and collapsing on the onmouseout. 
Thanks for any replies.


Selecting One Checkbox Control In DataGrid Control Using MVVM Using Silverlight

In this post I will show you how to select single check-box control when you have single check-box control in each row of the datagrid control. As you all know that check-box controls are normally used for the multiple selection and radio buttons are used for single selection. But there are sometimes requirement that control should be check-box and selection should be single. Mean if user view data in the datagrid control then he/she should only select one check-box at a time not more then one. Main page is shown in the Image 1. Here you can see that I have placed check-box control in the first column of the datagrid control which I have also highlighted.

WPF: If Heineken did MVVM Frameworks Part 4

MVVM is to have an instance of a particular Model (say currentPerson) inside my ViewModel (say PeopleViewModel) which is exposed to the View (say PeopleView). The View binds and edits the Model directly.

This definitely flies in the face of what most people consider to be the holy grail of MVVM pattern, but it's a fairly new pattern, so people are still finding their way with it every day, and this works for me very well. The reason I do what I do, is for the following reasons:

1.I have always had the luxury of being able to write my own UI specific Model classes. I would even do this if I was using some other Model classes first, such as LINQ to SQL or LINQ to Entity Framework. As these classes don't have everything a proper WPF Model class needs in my humble opinion. Though, they are pretty good, as they are Partial classes and use INotifyPropertyChanged/DataContract etc etc
2.I am a pragmatist and I do not like writing code for the sake of writing code. I have seen some MVVM apps where the author has had a Model with 50 properties on it, that are simply repeated in the ViewModel abstraction, where the ViewModel added nothing. On that day I decided I would never do that unless I have to.
3.I honestly see no harm in writing directly to the Model from the View, JUST SO LONG AS if the Model is InValid its data NEVER makes its way to the database. I honestly see no pro

Adding Dynamic Rows in ASP.NET GridView Control with TextBoxes and with Delete functionality

In my previous examples, I have demonstrated on how to add dynamic rows in GridView control with TextBoxes and how to save the values into the database. Now, seems that most of the developers are asking if how to add a delete functionality with it. So in this example, I'm going to show on how to delete a certain row in the dynamic GridView with TextBoxes.

Accessing the different controls inside a GridView control

how we can access a particular control which resides inside a GridView control. In this article I will show you how you can access different controls inside a GridView control. We will see how we can access a TextBox control, a DropDownList control and a ListBox control. If you are working with ASP.NET 1.X then you might want to check out my article Accessing Different Controls Inside a DataGrid.

In-Depth look at the GridView Control

In the last article we looked at few of the new controls available in Asp.net 2.0. We also talked about Grid View Control which has replaced the Asp.net 1.1 DataGrid control for good. In this article we will examine more features of the Grid View control. In this article we will see some of the common operations that can be performed using the GridView control. Apart from these operations there are many more functions that can be performed on the control and which we will see in the later articles
ASP.NetWindows Application  .NET Framework  C#  VB.Net  ADO.Net  
Sql Server  SharePoint  Silverlight  Others  All   

Hall of Fame    Twitter   Terms of Service    Privacy Policy    Contact Us    Archives   Tell A Friend