訪問元素組件Silverlight

Question

我正在開發基於Silverlight 5的MVVM模式的播放器。我試圖在後面的代碼中更改狀態按鈕。

文件：PlayerPage.xaml
我的播放器組件XAML：

<Grid x:Name="LayoutRoot"> 
    <player:Player x:Name="Player" 
        Playlist="{Binding Playlist}" 
        CurrentPlaylistItem="{Binding CurrentPlaylistItem, Mode=TwoWay}" 
        IsSeekingEnabled="{Binding CanSeek}" 
        AutoLoad="True" 
        AutoPlay="True" 
        MediaEnded="Player_MediaEnded" 
        MediaOpened="Player_MediaOpened" 
        Style="{StaticResource PlayerStyle}" 
        PlaylistVisibility="Disabled" 
        LogLevel="Warning" 
        AutoHideControls="True" 
        AutoHideDelay="0:0:5" 
        AllowDoubleClickToggle="True" 
        RetryDuration="00:01:00" 
        RetryInterval="00:00:10" 
        BufferingTime="00:00:15" 
     /> 

</Grid> 

文件：PlayerPage.xaml
成分球員的風格：

<Grid x:Name="ControllerContainer" Height="40" Grid.Row="4" RenderTransformOrigin="0.5,0.5"> 
    <Grid.RenderTransform> 
     <CompositeTransform /> 
      </Grid.RenderTransform> 
       <Grid.Background> 
        <ImageBrush ImageSource="component/Images/grid_background_player.jpg" 
            AlignmentY="Top" /> 
         </Grid.Background> 
          <Grid.ColumnDefinitions> 
           <ColumnDefinition Width="120" /> 
           <ColumnDefinition Width="Auto" /> 
           <ColumnDefinition /> 
           <ColumnDefinition Width="Auto" /> 
           <ColumnDefinition Width="Auto" /> 
           <ColumnDefinition Width="Auto" /> 
           <ColumnDefinition Width="Auto" /> 
          </Grid.ColumnDefinitions> 
          <Grid x:Name="playercontrols" Grid.Column="0" HorizontalAlignment="Left" Width="90"> 
           <Grid.ColumnDefinitions> 
            <ColumnDefinition Width="Auto" /> 
            <ColumnDefinition Width="Auto" /> 
            <ColumnDefinition Width="Auto" /> 
            <ColumnDefinition Width="Auto" /> 
            <ColumnDefinition Width="Auto" /> 
           </Grid.ColumnDefinitions> 
           <Grid Grid.Column="0"> 
            <Button x:Name="TbPlayElement" Click="TbPlayElement_Click" HorizontalAlignment="Left" Cursor="Hand" > 
               <Grid> 
                <Image Source="component/Resources/play.png" Stretch="Uniform" Height="16" Width="16" /> 
               </Grid> 
            </Button> 

在我的代碼

現在後面PlayerPage.cs，當我按下st op按鈕，我想更改播放按鈕的圖像。

private void TbStopElement_Click(object sender, System.Windows.RoutedEventArgs e) 
    { 

    } 

如何在後面的代碼中訪問播放按鈕？

Answer 1

連接到Loaded事件保存圖像的參考：

xaml：

<Image Source="component/Resources/play.png" Stretch="Uniform" Height="16" Width="16" 
     Loaded="ImageLoaded" /> 

後臺代碼：

private Image imageReference; 
private void ImageLoaded(object sender, EventArgs e) 
{ 
    imageReference = sender as Image; 
} 

然後，當你想改變形象：

private void TbStopElement_Click(object sender, System.Windows.RoutedEventArgs e) 
{ 
    if(imageReference != null) 
    { 
     imageReference.Source = new BitmapImage(new Uri("/YourAppName;component/Resources/YourImage.png", UriKind.Relative)); 
    } 
} 

Answer 2

我建議你這個代碼

TbPlayElement.Source = new BitmapImage(new Uri("/TbPlayElement.content;component/NameNewImage.png", UriKind.Relative)); 

注：請在Visual Studio屬性的XAML文件，確保Build Action is set to Page。

或者你可以使用切換按鈕

鏈接：像這樣在你的TbStopElementhttp://msdn.microsoft.com/en-us/library/cc296245%28v=vs.95%29.aspx

Answer 3

訪問：

 var grid = TbPlayElement.Content as Grid; 
     var playImage = grid.Children[0] as Image; 

     BitmapImage bitmap = new BitmapImage(); 
     bitmap.UriSource = new Uri("newImage.png", UriKind.Relative); 
     playImage.Source = bitmap;