绑定按钮Mediaelement

问题描述 投票:0回答:1

我有一个视频,我想连接播放/暂停/停止按钮。我的视图中的代码是这样的:

 <MediaElement Source="{Binding MediaUri}" LoadedBehavior="Manual" Visibility="{Binding IsIndexVisible, Converter={StaticResource InvertBoolToHiddenConverter}}" RenderTransformOrigin="0.5,0.877" Margin="0,0,0,19" />
    <Button x:Name="Play" Height="20" Width="40" Visibility="{Binding IsIndexVisible, Converter={StaticResource InvertBoolToHiddenConverter}}"/>

单击时我的按钮应播放视频,但没有任何反应。

在我的viewmodel中,我将此代码添加到Play按钮,当我点击按钮时,我在调试模式下来到这里,但没有任何反应。

 public class MoviePlayerViewModel : TreeViewBase<MoviesViewModel>
{


public MoviePlayerViewModel(IDispatcherWrapper dispatcher, IViewManager viewManager, IKeyboardSimulator keyboardSimulator, IToggleInputManager toggleInputManager)
            : base(dispatcher, viewManager, keyboardSimulator, toggleInputManager)
        {
          UpdateGuards();

            ReadMediaFile();

            // Show course viewer at start
            IsIndexVisible = true;
        }

    public void Play(object sender, NavigationEventArgs e)
    {
        MediaElement mediaElement = new MediaElement();
        mediaElement.Source = MediaUri;
        mediaElement.LoadedBehavior = MediaState.Manual;
        mediaElement.Play();
    }

        private Uri _mediaUri;
    public Uri MediaUri
    {
        get
        {
            return _mediaUri;
        }
        set
        {
            _mediaUri = value;
            NotifyOfPropertyChange(() => MediaUri);
            NotifyOfPropertyChange(() => IsIndexVisible);
        }
    }

当我点击按钮时,我会进入Play方法,但没有任何事情发生。

我正在使用C#WPF和Caliburn micro。

wpf caliburn.micro mediaelement
1个回答
1
投票

您在XAML中的MediaElement定义具有与MediaUri的绑定。因此,只要MediaUri被分配,它就会播放。要解决它,您需要LoadedBehavior到您的XAML。

LoadedBehavior="Manual"

完整代码。

<MediaElement Source="{Binding MediaUri}" Visibility="{Binding IsIndexVisible, Converter={StaticResource InvertBoolToHiddenConverter}}" RenderTransformOrigin="0.5,0.877" Margin="0,0,0,19" LoadedBehavior="Manual" />

要使用带MVVM的MediaElement(以及Caliburn Micro)来播放文件,需要更多的工作。

在ViewModel中

您需要声明一个OnPlay事件,并在Play方法中调用它。

public event EventHandler OnPlay;

public void Play()
{
    if(OnPlay!=null)
       this.OnPlay(this, EventArgs.Empty);
}

在视图中,

为您的视图添加已加载的事件

Loaded="Window_Loaded" 

在代码隐藏文件中,

private void Window_Loaded(object sender, RoutedEventArgs e)
{

 var viewModelInstance = DataContext;
 (viewModelInstance as MainWindowViewModel).OnPlay += (s, ev) => {    this.MediaPlayer.Play(); };
}

MediaPlayer是x:MediaElement的名称。

由于MediaElement不允许我们从ViewModel播放文件,因此我们在View中创建了一个hack。您在视图中创建一个事件,该事件在分配给您的按钮的Play方法上触发。反过来,视图播放媒体文件。

© www.soinside.com 2019 - 2024. All rights reserved.