1

私はWindows8ストアアプリのGridAppのitemsdetailページのフリップビュー内でMediaElementControlを使用していますが、それを使用する際に特有のタイプの問題に直面しています。MediaElementはビデオを表示しませんが、目的のビデオ出力には黒い画面しかありませんが、ビデオのオーディオは問題なく再生されます。

今、私の問題の特有の部分は、グリッドアプリにグループ内のアイテムのコレクションがあることです（私は自分自身を明確にするために、これを知っているかもしれません）、すべてのグループの最初のアイテムはちょうどビデオを再生します罰金私はそれがビデオとオーディオをうまく表示することを意味しますが、グループの残りのアイテムはビデオを表示せず、ビデオのオーディオを再生するだけです。なぜこれが起こっているのか誰かが知っていますか？

XAMLコードは次のとおりです。

 <FlipView
x:Name="flipView"
AutomationProperties.AutomationId="ItemsFlipView"
AutomationProperties.Name="Item Details"
TabIndex="1"
Grid.RowSpan="2"
ItemsSource="{Binding Source={StaticResource itemsViewSource}}">

<FlipView.ItemContainerStyle>
    <Style TargetType="FlipViewItem">
        <Setter Property="Margin" Value="0,137,0,0"/>
    </Style>
</FlipView.ItemContainerStyle>

<FlipView.ItemTemplate>
    <DataTemplate>
        <UserControl Loaded="StartLayoutUpdates" Unloaded="StopLayoutUpdates">
            <ScrollViewer x:Name="scrollViewer" Style="{StaticResource VerticalScrollViewerStyle}" Grid.Row="1">
                <Grid Margin="120,0,20,20">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="400" />
                        <ColumnDefinition Width="40" />
                        <ColumnDefinition Width="360" />
                        <ColumnDefinition Width="40" />
                        <ColumnDefinition />
                    </Grid.ColumnDefinitions>
                    <Border BorderBrush="Black" BorderThickness="1" Width="350" HorizontalAlignment="Left" Grid.Row="0">
                        <MediaElement x:Name="VideoSource" AutomationProperties.Name="VideoSource" Source="/Assets/Big_Buck_Bunny.mp4" HorizontalAlignment="Center" VerticalAlignment="Stretch" Height="250" Width="350" AutoPlay="False" IsLooping="True" />
                    </Border>
                    <Border BorderBrush="Black" BorderThickness="1" Height="65" Width="350" HorizontalAlignment="Left" Grid.Row="1">
                        <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center">
                            <Button x:Name="playButton" Margin="0,0" Click="playButton_Click" Style="{StaticResource PlayAppBarButtonStyle}" HorizontalAlignment="Center" VerticalAlignment="Center"/>
                            <Button x:Name="pauseButton" Margin="0,0" Click="pauseButton_Click" Style="{StaticResource PauseAppBarButtonStyle}" HorizontalAlignment="Center" VerticalAlignment="Center"/>
                        </StackPanel>
                    </Border>
                </Grid>
            </ScrollViewer>
        </UserControl>
    </DataTemplate>
</FlipView.ItemTemplate>

これが背後にあるコードです：

    private void playButton_Click(object sender, RoutedEventArgs e)
    {
        MediaElement media = FindControl<MediaElement>(this, "VideoSource") as MediaElement;
        media.Play();
    }

    private void pauseButton_Click(object sender, RoutedEventArgs e)
    {
        MediaElement media = FindControl<MediaElement>(this, "VideoSource") as MediaElement;
        media.Pause();
    }

    private void stopButton_Click(object sender, RoutedEventArgs e)
    {
        MediaElement media = FindControl<MediaElement>(this, "VideoSource") as MediaElement;
        media.Stop();
    }

    private DependencyObject FindControl<T>(DependencyObject controlType, string ctrlName)
    {
        int childNumber = VisualTreeHelper.GetChildrenCount(controlType);
        for (int i = 0; i < childNumber; i++)
        {
            DependencyObject child = VisualTreeHelper.GetChild(controlType, i);
            FrameworkElement fe = child as FrameworkElement;
            // Not a framework element or is null
            if (fe == null) return null;

            if (child is T && fe.Name == ctrlName)
            {
                // Found the control so return
                return child;
            }
            else
            {
                // Not found it - search children
                DependencyObject nextLevel = FindControl<T>(child, ctrlName);
                if (nextLevel != null)
                    return nextLevel;
            }
        }
        return null;
    }

問題を明確にしたいと思います。

4

1 に答える 1

2

だから、あなたがしようとしていることはうまくいくでしょう。しかし、助けるために、私は小さなプロトタイプを書きました。

このコードの背後で使用します：

public sealed partial class MainPage : Page
{
    public MainPage()
    {
        this.InitializeComponent();
    }

    private void Button_Click_1(object sender, RoutedEventArgs e)
    {
        // pause
        var _Media = GetMediaElement(sender as Button);
        _Media.Pause();
    }

    private void Button_Click_2(object sender, RoutedEventArgs e)
    {
        // play
        var _Media = GetMediaElement(sender as Button);
        _Media.Play();
    }

    MediaElement GetMediaElement(Button button)
    {
        var _Parent = button.Parent as Grid;
        var _GrandParent = _Parent.Parent as Grid;
        return _GrandParent.Children.First() as MediaElement;
    }

    private void FlipView_SelectionChanged_1(object sender, SelectionChangedEventArgs e)
    {
        var _FlipView = sender as FlipView;
        foreach (var item in _FlipView.Items)
        {
            var _Container = _FlipView.ItemContainerGenerator.ContainerFromItem(item);
            var _Children = AllChildren(_Container);
            foreach (var media in _Children)
                media.Pause();
        }
    }

    public List<MediaElement> AllChildren(DependencyObject parent)
    {
        if (parent == null)
            return (new MediaElement[] { }).ToList();
        var _List = new List<MediaElement> { };
        for (int i = 0; i < VisualTreeHelper.GetChildrenCount(parent); i++)
        {
            var _Child = VisualTreeHelper.GetChild(parent, i);
            if (_Child is MediaElement)
                _List.Add(_Child as MediaElement);
            _List.AddRange(AllChildren(_Child));
        }
        return _List;
    }
}

そして、このXAMLを使用します。

<FlipView SelectionChanged="FlipView_SelectionChanged_1">
    <FlipView.ItemTemplate>
        <DataTemplate>
            <Grid>
                <MediaElement Source="{Binding}" AutoPlay="False" />
                <Grid Margin="20" VerticalAlignment="Bottom" Background="Black">
                    <Button Click="Button_Click_1" HorizontalAlignment="Left">Pause</Button>
                    <Button Click="Button_Click_2" HorizontalAlignment="Right">Play</Button>
                </Grid>
            </Grid>
        </DataTemplate>
    </FlipView.ItemTemplate>
    <x:String>ms-appx:/Assets/BestSingingVideoEver.wmv</x:String>
    <x:String>ms-appx:/Assets/BestSingingVideoEver.wmv</x:String>
    <x:String>ms-appx:/Assets/BestSingingVideoEver.wmv</x:String>
    <x:String>ms-appx:/Assets/BestSingingVideoEver.wmv</x:String>
</FlipView>

必ず、自分のビデオでパスを更新してください。もちろん、リストをデータバインドすることもできます。私のコードは、あなたがやりたいことが可能であることを証明するための単なるプロトタイプです。幸運を！

また、コードにあった1つか2つのバグを解決したかもしれないと思います。特に、リスト内の子コントロールを探す部分。これが私のリファレンスです：http：//blog.jerrynixon.com/2012/09/how-to-access-named-control-inside-xaml.html

于 2013-03-04T22:21:09.287 に答える