WPF：如何从Page的XAML与CS文件访问MainWindow中的MediaElement？

要实现Page对MainWindow中MediaElement的访问，你可以通过以下两种常用方法解决：

方法一：通过MainWindow实例+公开属性访问 #

这种方式耦合度较低，更符合WPF的设计逻辑：

1. 在MainWindow中公开MediaElement #

修改MainWindow.xaml.cs，添加一个公开属性暴露MediaElement：

// MainWindow.xaml.cs
public MediaElement MusicPlayer => music; // music是你在XAML中定义的MediaElement名称

2. 在Page的按钮事件中访问 #

修改Page的按钮点击事件代码，获取MainWindow实例后操作MediaElement：

// Page.xaml.cs
private void TurnOn_Christmas_Button(object sender, RoutedEventArgs e)
{
    var mainWindow = Application.Current.MainWindow as MainWindow;
    if (mainWindow == null) return;

    mainWindow.MusicPlayer.Close();
    mainWindow.MusicPlayer.Source = new Uri("music/mus/music_two.m4a", UriKind.Relative);
    mainWindow.MusicPlayer.Play();
}

3. Slider绑定音量 #

在Page的XAML中，通过RelativeSource遍历视觉树找到MainWindow，绑定到公开的MediaElement属性：

<!-- Page.xaml 先添加命名空间引用，替换成你的项目命名空间 -->
xmlns:local="clr-namespace:YourAppNamespace"

<Slider x:Name="VolumeMusic" Grid.Row="8" Grid.Column="1" Grid.ColumnSpan="4" Minimum="0" Maximum="1" Visibility="Hidden"
        Value="{Binding Path=MusicPlayer.Volume, RelativeSource={RelativeSource AncestorType={x:Type local:MainWindow}}, Mode=TwoWay}"
        VerticalAlignment="Center"/>

方法二：静态全局引用（简单直接） #

如果你的项目结构简单，也可以用静态属性直接暴露MediaElement：

1. 在MainWindow中设置静态属性 #

// MainWindow.xaml.cs
public static MediaElement GlobalMusicPlayer { get; private set; }

public MainWindow()
{
    InitializeComponent();
    GlobalMusicPlayer = music; // 初始化时赋值
}

2. 在Page的按钮事件中访问 #

// Page.xaml.cs
private void TurnOn_Christmas_Button(object sender, RoutedEventArgs e)
{
    if (MainWindow.GlobalMusicPlayer == null) return;

    MainWindow.GlobalMusicPlayer.Close();
    MainWindow.GlobalMusicPlayer.Source = new Uri("music/mus/music_two.m4a", UriKind.Relative);
    MainWindow.GlobalMusicPlayer.Play();
}

3. Slider绑定音量 #

通过x:Static直接绑定静态属性：

<!-- Page.xaml 添加命名空间引用 -->
xmlns:local="clr-namespace:YourAppNamespace"

<Slider x:Name="VolumeMusic" Grid.Row="8" Grid.Column="1" Grid.ColumnSpan="4" Minimum="0" Maximum="1" Visibility="Hidden"
        Value="{Binding Source={x:Static local:MainWindow.GlobalMusicPlayer}, Path=Volume, Mode=TwoWay}"
        VerticalAlignment="Center"/>

注意事项 #

• 确保歌曲文件的相对路径正确，避免出现找不到文件的错误
• 方法一更适合需要解耦或后续扩展的项目，方法二适合小型快速开发的场景

内容的提问来源于stack exchange，提问作者ᴥSaiLyᴥ