56net亚洲必赢-www.56.net-必赢56net登录网址

热门关键词: 56net亚洲必赢,www.56.net,必赢56net登录网址,必赢56net

第一行放MeidElement控件

2019-12-12 10:15 来源:未知

2.3 MusicConverter

    Grid.Resources下的Converter是节奏播放进程与Silder控件PlayerPostion的Value值的并行转变,涉及到多少绑定的文化,这里暂且不涉及。

2.1 总体规划设计

    XAML页面如下:

 <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
        <Grid.Resources>
            <cvt:MusicConverter x:Key="MusicPostionConverter"/>
        </Grid.Resources>
        <Grid.RowDefinitions>
            <RowDefinition x:Name="MediaGrid" Height="*"/>
            <RowDefinition x:Name="PlayerPostionGrid" Height="40"/>
            <RowDefinition x:Name="BttnGrid" Height="Auto"/>
        </Grid.RowDefinitions>
        <Border BorderThickness="1">
            <MediaElement x:Name="MediaPlayer" Stretch="Fill" VerticalAlignment="Center" HorizontalAlignment="Center" MediaOpened="MediaPlayer_MediaOpened" MediaEnded="MediaPlayer_MediaEnded" />
        </Border>
        <RelativePanel Grid.Row="1" >
            <Slider x:Name="PlayerPostion" Height="40" VerticalAlignment="Center" RelativePanel.AlignTopWithPanel="True" Value="{Binding ElementName=MediaPlayer,Path=Position, Converter={StaticResource MusicPostionConverter}, Mode=TwoWay}" Minimum="0.0" />
        </RelativePanel>
        <RelativePanel Grid.Row="2">
            <ToggleSwitch x:Name="SwtchMediaRepeat" OffContent="单曲循环" OnContent="顺序循环" HorizontalAlignment="Left"  VerticalAlignment="Center" RelativePanel.AlignLeftWithPanel="True"/>
            <StackPanel Grid.Column="1" HorizontalAlignment="Center" VerticalAlignment="Center" Orientation="Horizontal" RelativePanel.AlignHorizontalCenterWithPanel="True" RelativePanel.AlignVerticalCenterWithPanel="True" >
                <Button x:Name="BttnPrevious" FontFamily="Segoe MDL2 Assets" Content="&#xEDD9;" Click="BttnPrevious_Click"/>
                <Button x:Name="BttnPlay" FontFamily="Segoe MDL2 Assets" Content="&#xEDB4;" Click="BttnPlay_Click"/>
                <Button x:Name="BttnStop" FontFamily="Segoe MDL2 Assets" Content="&#xEDB5;" Click="BttnStop_Click"/>
                <Button x:Name="BttnNext" FontFamily="Segoe MDL2 Assets" Content="&#xEDDA;" Click="BttnNext_Click"/>
            </StackPanel>
            <TextBlock Grid.Column="2" FontFamily="Segoe MDL2 Assets" Text="&#xE953;" HorizontalAlignment="Left"  VerticalAlignment="Center" Tapped="TextBlock_Tapped" RelativePanel.AlignRightWithPanel="True" Margin="0,15,30,0" >
                    <FlyoutBase.AttachedFlyout>
                        <Flyout>
                              <Slider x:Name="SldrVolume" Height="32" HorizontalAlignment="Center" VerticalAlignment="Center" Width="50" ValueChanged="SldrVolume_ValueChanged" Value="50" Minimum="0.0" Maximum="100.0"/> 
                        </Flyout>
                    </FlyoutBase.AttachedFlyout>
            </TextBlock>
        </RelativePanel>
    </Grid>

在那笔者将以此页面分成三行,第二行的冲天为40,第三行的冲天为Auto,别的高度都分配到第后生可畏行。第后生可畏行放MeidElement控件,用于广播音频文件,第二行放Silder控件,用于呈现音频文件的播音进程,第三行则相继放入播放顺序、播放开关和音量调治开关。

2.2 悬浮的高低调度调节

    总体的页面设计比较容易,个人感觉悬浮的轻重调治调控算得上三个优点。效果轻便演示一下:

图片 1

这里实乃应用了Flyout那一个控件。对于Button控件来说,能够直接使用Button.Flyout属性,在Button的Click事件中,Flyout控件会活动打开。不过对于非Button控件来说,只可以通过FlyoutBase.AttachedFlyout附属类小构件属性。以TextBlock为例,代码如下:

XAML语法

<TextBlock Text="Tapped事件触发Flyout" Tapped="TextBlock_Tapped">
    <FlyoutBase.AttachedFlyout>
        <Flyout>
            <!-- 浮出的UI内容 -->
        </Flyout>
    </FlyoutBase.AttachedFlyout>
</TextBlock>

C#代码

private void TextBlock_Tapped(object sender,TappedRoutedEventArgs e)
{
    FrameworkElement element = sender as FrameworkElement;
    if(element != null)
    {
        FlyoutBase.ShowAttchedFlyout(element);
    }
}

    Flyout控件总括有6种分歧的档期的顺序:Flyout、DatePicker、TimePickerFlyout、PlickerFlyout、ListPickerFlyout和MenuFlyout。这个Flyout控件具体使用本篇则不涉及了。

3.效果演示

图片 2

2.安顿景况

1.引言

    本篇将介绍音频播放页面包车型的士布置性格状,也希望能将和睦的心得与大家享受。

版权声明:本文由56net亚洲必赢发布于养生心得,转载请注明出处:第一行放MeidElement控件