如何從Silverlight中的代碼中訪問自定義樣式中的控件？

如何從後面的代碼訪問「圖像」以更改其圖像源？ XAML代碼看起來像這樣如何從Silverlight中的代碼中訪問自定義樣式中的控件？

<UserControl 
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
mc:Ignorable="d" 
x:Class="Demo.ChartButton" 
d:DesignWidth="100" d:DesignHeight="100"> 
<UserControl.Resources> 
    <Style x:Key="ButtonStyle1" TargetType="Button"> 
     <Setter Property="Template"> 
      <Setter.Value> 
       <ControlTemplate TargetType="Button"> 
        <Grid> 
         <VisualStateManager.VisualStateGroups> 
          <VisualStateGroup x:Name="CommonStates"> 
           <VisualState x:Name="Normal"/> 
           <VisualState x:Name="MouseOver"> 
            <Storyboard> 
             <ColorAnimation Duration="0" To="White" Storyboard.TargetProperty="(UIElement.Effect).(DropShadowEffect.Color)" Storyboard.TargetName="image" d:IsOptimized="True" /> 
             <DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="(UIElement.Effect).(DropShadowEffect.ShadowDepth)" Storyboard.TargetName="image" d:IsOptimized="True"/> 
             <DoubleAnimation Duration="0" To="5" Storyboard.TargetProperty="(UIElement.Effect).(DropShadowEffect.BlurRadius)" Storyboard.TargetName="image" d:IsOptimized="True"/> 
             <DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="(UIElement.Effect).(DropShadowEffect.Opacity)" Storyboard.TargetName="image" d:IsOptimized="True"/> 
            </Storyboard> 
           </VisualState> 
           <VisualState x:Name="Pressed"> 
            <Storyboard> 
             <ColorAnimation Duration="0" To="AntiqueWhite" Storyboard.TargetProperty="(UIElement.Effect).(DropShadowEffect.Color)" Storyboard.TargetName="image" d:IsOptimized="True"/> 
             <DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="(UIElement.Effect).(DropShadowEffect.Opacity)" Storyboard.TargetName="image" d:IsOptimized="True"/> 
            </Storyboard> 
           </VisualState> 
           <VisualState x:Name="Disabled"> 
            <Storyboard> 
             <DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="(UIElement.Effect).(DropShadowEffect.Opacity)" Storyboard.TargetName="image" d:IsOptimized="True"/> 
             <ColorAnimation Duration="0" To="#FFAFAFAF" Storyboard.TargetProperty="(UIElement.Effect).(DropShadowEffect.Color)" Storyboard.TargetName="image" d:IsOptimized="True"/> 
            </Storyboard> 
           </VisualState> 
          </VisualStateGroup> 

         </VisualStateManager.VisualStateGroups> 
         <Image x:Name="image" RenderTransformOrigin="0,0" Source="/Demo;component/spreadsheet-icon.png" > 
          <Image.Effect> 
           <DropShadowEffect ShadowDepth="0" BlurRadius="10" Color="Black" Opacity="1"/> 
          </Image.Effect> 
         </Image> 
        </Grid> 
       </ControlTemplate> 
      </Setter.Value> 
     </Setter> 
    </Style> 
</UserControl.Resources> 

<Button Content="" Margin="0,0,0,0" Style="{StaticResource ButtonStyle1}" Click="Button_Click" />

任何幫助表示讚賞。

來源

2011-12-20 EEE

訪問此的唯一方法是導航可視化樹以找到圖像。使用Linq-To-VisualTree，你可以找到它如下：

using LinqToVisualTree 

private void Button_Click(object sender, EventArgs e) 
{ 
    Button button = sender as Button; 
    Image img = button.Descendants<Image>().Single() as Image; 
    img.Source = "..." 
}

來源

2011-12-20 09:26:05 ColinE

謝謝你的迴應。我認爲可能有一個更簡單的方法來做到這一點並尋找它。 – EEE 2011-12-20 09:58:48

不幸的不是。但是，更好的方法可能是創建自己的Button子類，將圖像源公開爲依賴項屬性。 – ColinE 2011-12-20 10:08:23

我該怎麼做。你能發佈示例代碼嗎？ – EEE 2011-12-20 10:19:20

如何從Silverlight中的代碼中訪問自定義樣式中的控件？

回答

相關問題