WPF Button Storyboard with an image for MouseOver
-
23-09-2019 - |
문제
I have the following xaml for changing the image for WPF button when mouse is on the button. It give below error. Any help is appreciated...
'System.Windows.Media.Animation.DoubleAnimation' animation object cannot be used to animate property 'Source' because it is of incompatible type 'System.Windows.Media.ImageSource'.
<Style TargetType="{x:Type local:ButtonControl}">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type local:ButtonControl}">
<Grid>
<VisualStateManager.VisualStateGroups>
<VisualStateGroup x:Name="CommonStates">
<VisualState x:Name="MouseOver">
<Storyboard>
<DoubleAnimation
Storyboard.TargetName="img"
Storyboard.TargetProperty="Source"
To="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=MouseOverImage}"
/>
</Storyboard>
</VisualStateGroup>
</VisualStateManager.VisualStateGroups>
<Border>
<Image x:Name="img"
Source="pack://application:,,,/Recipe_06_13;component/Resources/normal.bmp"
/>
</Border>
</Grid>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
해결책
이미지 URL을 가져 오기 위해이 코드를 사용해야합니다.
SPList spList = web.Lists["ImagesLibrary"];
SPListItem item = spList.Items.GetItemById(itemID);
//Thumbnail Url
string thumbnailUrl = item[SPBuiltInFieldId.EncodedAbsThumbnailUrl].ToString();
//Picture Url
string pictureUrl = item[SPBuiltInFieldId.EncodedAbsUrl].ToString();
.
위의 URL은 각각 축소판 및 그림의 전체 URL입니다. 픽처의 상대 URL을 얻으려면 URL을 아래와 같이 관리 할 수 있습니다.
Uri uri = new Uri(thumbnailUrl);
string relativePath = uri.AbsolutePath;
.
링크 소스
제휴하지 않습니다 StackOverflow