none
UWP probleme de chargement d'un Control MediaElement sur une page RRS feed

  • Question

  • Bonjour, problème étrange : 

    j'utilise un control VariableSizedWrapGrid pour stocker des MediaElement. Lorsque j'accède à la page en question, le 1er Control MediaElement se charge normalement (voir capture) avec la barre contenant les boutons, mais le 2eme ne se charge pas. C'est assez bizarre.

    Voici le code xamlet la capture d'écran

    <VariableSizedWrapGrid Name="VsgVids" Height="840"
                                           ItemHeight="200" ItemWidth="200">
                        <VariableSizedWrapGrid.Resources>
                            <Style TargetType="TextBlock">
                                <Setter Property="Foreground" Value="LightGray"/>
                                <Setter Property="FontSize" Value="60"/>
                                <Setter Property="Text" Value="+"/>
                                <Setter Property="HorizontalAlignment" Value="Center"/>
                            </Style>
                        </VariableSizedWrapGrid.Resources>
                        <Grid Name="GridVids1" BorderBrush="LightGray" BorderThickness="2"
                          Margin="5" AllowDrop="True" DragOver="GridVids1_DragOver"
                              Visibility="Visible"
                          Drop="GridVids1_Drop">
                            <StackPanel HorizontalAlignment="Center"
                                    VerticalAlignment="Center"
                                    Orientation="Vertical">
                                <TextBlock/>
                            </StackPanel>
                            <MediaElement Name="Video1" Style="{StaticResource MediaElementStyle}"
                                          DoubleTapped="Video1_DoubleTapped"
                                          MediaEnded="Video1_MediaEnded">
                                <MediaElement.TransportControls>
                                    <MediaTransportControls IsSeekBarVisible="False"
                                                            IsCompact="True"/>
                                </MediaElement.TransportControls>
                            </MediaElement>
                        </Grid>
                        <Grid Name="GridVids2" BorderBrush="LightGray" BorderThickness="2"
                          Margin="5" AllowDrop="True" DragOver="GridVids2_DragOver"
                          Drop="GridVids2_Drop">
                            <StackPanel HorizontalAlignment="Center"
                                    VerticalAlignment="Center"
                                    Orientation="Vertical">
                                <TextBlock/>
                            </StackPanel>
                            <MediaElement Name="Video2" Style="{StaticResource MediaElementStyle}"
                                          DoubleTapped="Video2_DoubleTapped"
                                          MediaEnded="Video2_MediaEnded">
                                <MediaElement.TransportControls>
                                    <MediaTransportControls IsSeekBarVisible="False"
                                                            IsCompact="True"/>
                                </MediaElement.TransportControls>
                            </MediaElement>
                        </Grid>
    
                    </VariableSizedWrapGrid>
    
    
    
     <Style x:Key="MediaElementStyle" TargetType="MediaElement">
      
          <Setter Property="AreTransportControlsEnabled" Value="True"/>
     
           <!--<Setter Property="Margin" Value="5"/>-->
         
       <Setter Property="AutoPlay" Value="False"/>
      
      </Style>


    JF Collombet ® CreateSpecificCulture

    vendredi 12 mai 2017 16:17

Réponses

  • Bonsoir Jean-François,

    J'ai essayé votre code et tout fonctionne chez moi (voir image ci-dessous). Essayez peut-être de nettoyer la solution et de la redéployer pour voir

    Voici le code que j'ai utilisé (J'ai juste supprimé les méthodes) : 

    <Page
        x:Class="App4.MainPage"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="using:App4"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        mc:Ignorable="d" >
    
        <Page.Resources>
            <Style x:Key="MediaElementStyle"
                   TargetType="MediaElement">
    
                <Setter Property="AreTransportControlsEnabled"
                        Value="True" />
    
                <!--<Setter Property="Margin" Value="5"/>-->
    
                <Setter Property="AutoPlay"
                        Value="False" />
    
            </Style>
        </Page.Resources>
        <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
            <VariableSizedWrapGrid Name="VsgVids"
                                   Height="840"
                                   ItemHeight="200"
                                   ItemWidth="200">
                <VariableSizedWrapGrid.Resources>
                    <Style TargetType="TextBlock">
                        <Setter Property="Foreground"
                                Value="LightGray" />
                        <Setter Property="FontSize"
                                Value="60" />
                        <Setter Property="Text"
                                Value="+" />
                        <Setter Property="HorizontalAlignment"
                                Value="Center" />
                    </Style>
                </VariableSizedWrapGrid.Resources>
                <Grid Name="GridVids1"
                      BorderBrush="LightGray"
                      BorderThickness="2"
                      Margin="5"
                      AllowDrop="True"
                      
                      Visibility="Visible"
                     >
                    <StackPanel HorizontalAlignment="Center"
                                VerticalAlignment="Center"
                                Orientation="Vertical">
                        <TextBlock />
                    </StackPanel>
                    <MediaElement Name="Video1"
                                  Style="{StaticResource MediaElementStyle}"
                                  >
                        <MediaElement.TransportControls>
                            <MediaTransportControls IsSeekBarVisible="False"
                                                    IsCompact="True" />
                        </MediaElement.TransportControls>
                    </MediaElement>
                </Grid>
                <Grid Name="GridVids2"
                      BorderBrush="LightGray"
                      BorderThickness="2"
                      Margin="5"
                      AllowDrop="True"
                      >
                    <StackPanel HorizontalAlignment="Center"
                                VerticalAlignment="Center"
                                Orientation="Vertical">
                        <TextBlock />
                    </StackPanel>
                    <MediaElement Name="Video2"
                                  Style="{StaticResource MediaElementStyle}"
                                  >
                        <MediaElement.TransportControls>
                            <MediaTransportControls IsSeekBarVisible="False"
                                                    IsCompact="True" />
                        </MediaElement.TransportControls>
                    </MediaElement>
                </Grid>
    
            </VariableSizedWrapGrid>
    
        </Grid>
    </Page>
    


    Download my NEW FREE application MCP PREPARATION in the Windows 10 Store for preparing your Microsoft Certification or test your skills in Microsoft Technologies;

    vendredi 12 mai 2017 18:01

Toutes les réponses

  • Bonsoir Jean-François,

    J'ai essayé votre code et tout fonctionne chez moi (voir image ci-dessous). Essayez peut-être de nettoyer la solution et de la redéployer pour voir

    Voici le code que j'ai utilisé (J'ai juste supprimé les méthodes) : 

    <Page
        x:Class="App4.MainPage"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="using:App4"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        mc:Ignorable="d" >
    
        <Page.Resources>
            <Style x:Key="MediaElementStyle"
                   TargetType="MediaElement">
    
                <Setter Property="AreTransportControlsEnabled"
                        Value="True" />
    
                <!--<Setter Property="Margin" Value="5"/>-->
    
                <Setter Property="AutoPlay"
                        Value="False" />
    
            </Style>
        </Page.Resources>
        <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
            <VariableSizedWrapGrid Name="VsgVids"
                                   Height="840"
                                   ItemHeight="200"
                                   ItemWidth="200">
                <VariableSizedWrapGrid.Resources>
                    <Style TargetType="TextBlock">
                        <Setter Property="Foreground"
                                Value="LightGray" />
                        <Setter Property="FontSize"
                                Value="60" />
                        <Setter Property="Text"
                                Value="+" />
                        <Setter Property="HorizontalAlignment"
                                Value="Center" />
                    </Style>
                </VariableSizedWrapGrid.Resources>
                <Grid Name="GridVids1"
                      BorderBrush="LightGray"
                      BorderThickness="2"
                      Margin="5"
                      AllowDrop="True"
                      
                      Visibility="Visible"
                     >
                    <StackPanel HorizontalAlignment="Center"
                                VerticalAlignment="Center"
                                Orientation="Vertical">
                        <TextBlock />
                    </StackPanel>
                    <MediaElement Name="Video1"
                                  Style="{StaticResource MediaElementStyle}"
                                  >
                        <MediaElement.TransportControls>
                            <MediaTransportControls IsSeekBarVisible="False"
                                                    IsCompact="True" />
                        </MediaElement.TransportControls>
                    </MediaElement>
                </Grid>
                <Grid Name="GridVids2"
                      BorderBrush="LightGray"
                      BorderThickness="2"
                      Margin="5"
                      AllowDrop="True"
                      >
                    <StackPanel HorizontalAlignment="Center"
                                VerticalAlignment="Center"
                                Orientation="Vertical">
                        <TextBlock />
                    </StackPanel>
                    <MediaElement Name="Video2"
                                  Style="{StaticResource MediaElementStyle}"
                                  >
                        <MediaElement.TransportControls>
                            <MediaTransportControls IsSeekBarVisible="False"
                                                    IsCompact="True" />
                        </MediaElement.TransportControls>
                    </MediaElement>
                </Grid>
    
            </VariableSizedWrapGrid>
    
        </Grid>
    </Page>
    


    Download my NEW FREE application MCP PREPARATION in the Windows 10 Store for preparing your Microsoft Certification or test your skills in Microsoft Technologies;

    vendredi 12 mai 2017 18:01
  • Bonjour Nordine,

    c'est assez incompréhensible mais j'ai essayé mon code dans une nouvelle solution et il fonctionne parfaitement! par contre même après avoir nettoyé et redéployé la solution initiale, rien n'y fait.

    Je vais tenté de supprimer la page en question et de la recrée pour voir...


    JF Collombet ® CreateSpecificCulture

    samedi 13 mai 2017 02:51
  • J'ai trouvé ! j'avais juste mis les Grid des MediaElement en Visibility.Collapsed donc forcément ca pouvait pas marcher.

    Fo que je me repose des fois... :)

    merci de prendre du temps à chaque fois pour m'aider.


    JF Collombet ® CreateSpecificCulture

    samedi 13 mai 2017 04:44
  • Il n'y a pas de soucis.

    Il s'agit d'un forum d'aide donc c'est tout à fait normal :).

    Bon courage et n'hésitez pas à nous faire part des difficultés que vous rencontrez.


    Download my NEW FREE application MCP PREPARATION in the Windows 10 Store for preparing your Microsoft Certification or test your skills in Microsoft Technologies;

    samedi 13 mai 2017 08:03