Skip to main content

Microsoft Silverlight

Answered Question Assign a Storyboard to a Image Inside DatagridRSS Feed

(0)

SixStrings
SixStrings

Member

Member

24 points

19 Posts

Assign a Storyboard to a Image Inside Datagrid

  Hi ;)

Can anyone give me an example on how to make a storyboard in code an make it run on the Loaded Event of MyImage thats inside the Datagrid?

Thanks in advance

Cheers

<UserControl xmlns:data="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data" x:Class="FinalDataBase.Page"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:local="clr-namespace:FinalDataBase"

Width="800" Height="600">

<Grid x:Name="LayoutRoot" Background="White">

<data:DataGrid Margin="8,65,8,8" x:Name="ProductsGrid" ItemsSource="{Binding}" AutoGenerateColumns="False">

<data:DataGrid.Columns>

<!-- Name Column -->

<data:DataGridTemplateColumn Header="Name">

<data:DataGridTemplateColumn.CellTemplate>

<DataTemplate>

<Canvas Margin="61,83,79,147" Width="500" Height="250">

<Image Height="90" Width="90" Canvas.Left="10" Canvas.Top="49" Source="{Binding Thumbnail, Converter={StaticResource ImageConvert}}" x:Name="MyImage" Loaded="MakeFade"/>

<TextBox Height="191" Width="341" Canvas.Left="151" Canvas.Top="49" Text="{Binding Description}" TextWrapping="Wrap" VerticalScrollBarVisibility="Auto"/>

<TextBlock Height="22" Width="106" Canvas.Left="10" Canvas.Top="11" Text="{Binding Thumbnail, Converter={StaticResource ImageConvert}}" TextWrapping="Wrap"/>

<TextBlock Height="16" Width="53.652" Text="{Binding BrandId}" TextWrapping="Wrap" Canvas.Top="11" Canvas.Left="133"/>

</Canvas>

</DataTemplate>

</data:DataGridTemplateColumn.CellTemplate>

</data:DataGridTemplateColumn>

<!-- Address Column -->

</data:DataGrid.Columns>

</data:DataGrid>

<ComboBox Height="32" Margin="8,8,272,0" VerticalAlignment="Top" x:Name="BrandsCombo" SelectionChanged="GetDataByBrand" ItemsSource="{Binding}">

<ComboBox.ItemTemplate>

<DataTemplate>

<TextBlock Text="{Binding Brand}"></TextBlock>

</DataTemplate>

</ComboBox.ItemTemplate>

</ComboBox>

</Grid>

</UserControl>

HarshBardhan
HarshBar...

Star

Star

9908 points

1,719 Posts

Re: Assign a Storyboard to a Image Inside Datagrid

Hi,

you can try by creating storyboards in code behind and call its begin method..

 

Mark as answer if this post answered your question.

Harsh Bardhan

rmcsharry
rmcsharry

Member

Member

345 points

239 Posts

Answered Question

Re: Assign a Storyboard to a Image Inside Datagrid

Hi,

See this post for example on how to build the storyboard in code:

 http://silverlight.net/forums/p/18261/61378.aspx#61378

You can call the storyboard .Begin() method from the Image loaded event.

Richard

--------------------------------------
If you can meet with triumph and disaster and treat those two imposters just the same...then you'll be a coder my son.

CraigMuckleston
CraigMuc...

Member

Member

268 points

131 Posts

Answered Question

Re: Assign a Storyboard to a Image Inside Datagrid

Or you can create a storyboard in your App.xaml like this:

<Storyboard x:Key="FadeIn">

<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetProperty="(UIElement.Opacity)">

<SplineDoubleKeyFrame KeyTime="00:00:00.01" Value="1"/>

</DoubleAnimationUsingKeyFrames>

</Storyboard>

Then, in your code behind of you xaml page, call something like this on the images Loaded event

 

Dim StoryboardResource As Storyboard = TryCast(Application.Current.Resources("FadeIn"), Storyboard)

If StoryboardResource IsNot Nothing Then

' set target for storyboard

Storyboard.SetTarget(StoryboardResource, _page) ' _page is your xaml page

StoryboardResource.Begin()

End If

HarshBardhan
HarshBar...

Star

Star

9908 points

1,719 Posts

Re: Assign a Storyboard to a Image Inside Datagrid

Hi Craig,

its really nice code but i think in this we are changing opacity of page .

I think that should be image which has been loaded..

Mark as answer if this post answered your question.

Harsh Bardhan

CraigMuckleston
CraigMuc...

Member

Member

268 points

131 Posts

Re: Assign a Storyboard to a Image Inside Datagrid

Hi Harsh, It was just an example of a way it could be done.

  • Unanswered Question
  • Answered Question
  • Announcement
Microsoft Communities