<UserControl x:Class="PipeGallery.View.AudioListView"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:converter="clr-namespace:PipeGallery.Converter"
mc:Ignorable="d"
d:DesignHeight="768" d:DesignWidth="1366" Background="#224f86" x:Name="audioListView">
<UserControl.Resources>
<converter:FileSizeConverter x:Key="fileSizeConverter"/>
<converter:ItemBackgroundConverter x:Key="itemBackgroundConverter"/>
<converter:PageSelectConverter x:Key="pageSelectConverter"/>
<converter:VisibilityConverter x:Key="visibilityConverter"/>
</UserControl.Resources>
<Grid>
<Viewbox>
<Grid Width="1366" Height="768">
<Grid Background="White" Margin="10,36,10,10">
<Grid.RowDefinitions>
<RowDefinition Height="*"/>
<RowDefinition Height="6.2*"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<Grid>
<StackPanel Orientation="Horizontal" Margin="20,0,0,0">
<Button x:Name="btnReturn" Margin="10,0,20,0" Style="{StaticResource BtnReturnStyle}" />
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="*"/>
<RowDefinition Height="0.9*"/>
</Grid.RowDefinitions>
<TextBlock Text="文件列表" Foreground="#6c6c6c" FontSize="24" VerticalAlignment="Bottom"/>
<TextBlock Text="File list" Grid.Row="1" Foreground="#cecece" FontSize="16" VerticalAlignment="Top"/>
</Grid>
</StackPanel>
<Button Content="导出文件" Visibility="Collapsed" Width="100" Margin="30,0" HorizontalAlignment="Right" Style="{StaticResource BtnCommonStyle}">
<Button.Background>
<ImageBrush ImageSource="/PipeGallery;component/Image/tubiao_50.png" />
</Button.Background>
<Button.Tag>
<ImageBrush ImageSource="/PipeGallery;component/Image/tubiao_25.png" />
</Button.Tag>
</Button>
</Grid>
<Grid Grid.Row="1">
<Border Width="1250" BorderBrush="#d2d2d2" BorderThickness="1" CornerRadius="10">
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="55"/>
<RowDefinition />
</Grid.RowDefinitions>
<Border Background="#ebebeb" CornerRadius="10,10,0,0">
<Grid >
<Grid.ColumnDefinitions>
<ColumnDefinition Width="100" />
<ColumnDefinition Width="110" />
<ColumnDefinition Width="*" />
<!--<ColumnDefinition Width="120"/>-->
<ColumnDefinition Width="240"/>
<ColumnDefinition Width="150"/>
<ColumnDefinition Width="100"/>
</Grid.ColumnDefinitions>
<Grid Grid.Column="1">
<TextBlock Text="序号" FontSize="16" Width="auto" Foreground="#545454" Margin="0,0,0,0" HorizontalAlignment="Center" VerticalAlignment="Center"/>
</Grid>
<Grid Grid.Column="2">
<RadioButton x:Name="btnName" Tag="0" GroupName="g" Content="名称" Style="{StaticResource RadioButtonOrderStyle}" Background="Transparent" FontSize="16" Width="auto" Foreground="#545454" Margin="0,0,0,0" HorizontalAlignment="Center" VerticalAlignment="Center"/>
</Grid>
<!--<Grid Grid.Column="3">
<RadioButton x:Name="btnPersonLiable" Tag="0" GroupName="g" Content="负责人" Style="{StaticResource RadioButtonOrderStyle}" Background="Transparent" FontSize="16" Width="auto" Foreground="#545454" Margin="0,0,0,0" HorizontalAlignment="Center" VerticalAlignment="Center"/>
</Grid>-->
<Grid Grid.Column="3">
<RadioButton x:Name="btnCreateTime" Tag="0" GroupName="g" Content="生成时间" Style="{StaticResource RadioButtonOrderStyle}" Background="Transparent" FontSize="16" Width="auto" Foreground="#545454" Margin="0,0,0,0" HorizontalAlignment="Center" VerticalAlignment="Center"/>
</Grid>
<Grid Grid.Column="4">
<RadioButton x:Name="btnFileSize" Tag="0" GroupName="g" Content="文件大小" Style="{StaticResource RadioButtonOrderStyle}" Background="Transparent" FontSize="16" Width="auto" Foreground="#545454" Margin="0,0,0,0" HorizontalAlignment="Center" VerticalAlignment="Center"/>
</Grid >
<Grid Grid.Column="5">
<TextBlock Text="操作" FontSize="16" Width="auto" Foreground="#545454" Margin="0,0,0,0" HorizontalAlignment="Center" VerticalAlignment="Center"/>
</Grid >
</Grid>
</Border>
<ListBox x:Name="lbx" Grid.Row="1" ItemsSource="{Binding ShowFileInfos}" ItemContainerStyle="{StaticResource ListBoxItemStyle}" ManipulationBoundaryFeedback="lbx_ManipulationBoundaryFeedback" SelectionChanged="lbx_SelectionChanged">
<ListBox.ItemTemplate>
<DataTemplate>
<Border x:Name="bdrMain" Width="1250" Height="48" BorderBrush="Transparent" >
<Border.Background>
<MultiBinding Converter="{StaticResource itemBackgroundConverter}" ConverterParameter="0">
<MultiBinding.Bindings>
<Binding />
<Binding Path="ItemsSource" ElementName="lbx"/>
</MultiBinding.Bindings>
</MultiBinding>
</Border.Background>
<Grid>
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="100" />
<ColumnDefinition Width="110" />
<ColumnDefinition Width="*" />
<!--<ColumnDefinition Width="120"/>-->
<ColumnDefinition Width="240"/>
<ColumnDefinition Width="150"/>
<ColumnDefinition Width="100"/>
</Grid.ColumnDefinitions>
<Border x:Name="bdrBackground" Grid.ColumnSpan="7" Visibility="Collapsed" Background="#e7f0fb"/>
<Grid>
<CheckBox x:Name="cbx" Style="{StaticResource CheckBoxStyle}" HorizontalAlignment="Center" VerticalAlignment="Center" Margin="0,0,0,0" IsChecked="{Binding Path= IsSelected,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}" />
</Grid>
<Grid Grid.Column="1">
<TextBlock Text="{Binding Order}" FontSize="16" Width="auto" Foreground="#333333" Margin="0,0,0,0" HorizontalAlignment="Center" VerticalAlignment="Center"/>
</Grid>
<Grid Grid.Column="2">
<TextBlock x:Name="txtFileName" TextTrimming="CharacterEllipsis" Text="{Binding FileName}" ToolTip="{Binding FileName}" FontSize="16" Width="auto" Foreground="#333333" Margin="20,0,20,0" HorizontalAlignment="Left" VerticalAlignment="Center"/>
</Grid>
<!--<Grid Grid.Column="3">
<TextBlock x:Name="txtPersonLiable" Text="{Binding PersonLiable}" FontSize="16" Width="auto" Foreground="#333333" Margin="0,0,0,0" HorizontalAlignment="Center" VerticalAlignment="Center"/>
</Grid>-->
<Grid Grid.Column="3">
<TextBlock x:Name="txtTime" Text="{Binding CreationTimeUtc,StringFormat='{}{0:yyyy-MM-dd | HH:mm:ss}'}" FontSize="16" Width="auto" Foreground="#333333" Margin="0,0,0,0" HorizontalAlignment="Center" VerticalAlignment="Center"/>
</Grid>
<Grid Grid.Column="4">
<TextBlock x:Name="txtSize" Text="{Binding Path=FileSize,Converter={StaticResource fileSizeConverter}}" FontSize="16" Width="auto" Foreground="#333333" Margin="0,0,0,0" HorizontalAlignment="Center" VerticalAlignment="Center"/>
</Grid >
<Grid Grid.Column="5">
<RadioButton x:Name="rbPlay" Click="rbPlay_Click" Style="{StaticResource RadioButtonStyle }" GroupName="play" Margin="0,0,0,0" HorizontalAlignment="Center" VerticalAlignment="Center" Visibility="{Binding ElementName=lbx,Path=Tag,Converter={StaticResource visibilityConverter},ConverterParameter=1}" />
<Button x:Name="rbPic" Click="rbPic_Click" Style="{StaticResource BtnCommonStyle5 }" Margin="0,0,0,0" HorizontalAlignment="Center" VerticalAlignment="Center" Visibility="{Binding ElementName=lbx,Path=Tag,Converter={StaticResource visibilityConverter},ConverterParameter=2}" />
</Grid >
</Grid>
</Grid>
</Border>
<DataTemplate.Triggers>
<Trigger SourceName="rbPlay" Property="IsChecked" Value="true">
<Setter TargetName="bdrBackground" Property="Visibility" Value="Visible"/>
</Trigger>
</DataTemplate.Triggers>
</DataTemplate>
</ListBox.ItemTemplate>
<ListBox.Template>
<ControlTemplate TargetType="{x:Type ListBox}">
<Grid Background="Transparent" VerticalAlignment="Top" >
<ScrollViewer HorizontalScrollBarVisibility="Hidden">
<StackPanel IsItemsHost="True"/>
</ScrollViewer>
</Grid>
</ControlTemplate>
</ListBox.Template>
</ListBox>
</Grid>
</Border>
</Grid>
<Grid Grid.Row="2">
<CheckBox x:Name="chkAllSelect" IsChecked="{Binding IsChecked}" Style="{StaticResource CheckBoxStyle}" HorizontalAlignment="Left" VerticalAlignment="Center" Margin="82,0,0,0" Content="全选" FontSize="24" Foreground="#545454"/>
<Button x:Name="btnDel" Content="删除" Width="80" Height="35" Margin="220,0" HorizontalAlignment="Left" Style="{StaticResource BtnCommonStyle}">
<Button.Background>
<ImageBrush ImageSource="/PipeGallery;component/Image/tubiao_46.png" />
</Button.Background>
<Button.Tag>
<ImageBrush ImageSource="/PipeGallery;component/Image/tubiao_17.png" />
</Button.Tag>
</Button>
<StackPanel Orientation="Horizontal" Margin="440,0,0,0" HorizontalAlignment="Left">
<Button x:Name="btnFirstPage" Content="首页" Width="50" Height="35" Margin="5,0" Style="{StaticResource BtnCommonStyle3}"/>
<Button x:Name="btnUpPage" Content="上一页" Width="60" Height="35" Margin="5,0" Style="{StaticResource BtnCommonStyle3}"/>
<ListBox ItemsSource="{Binding ShowPages}" Margin="0,20" ItemContainerStyle="{StaticResource ListBoxItemStyle}">
<ListBox.ItemTemplate>
<DataTemplate>
<Border x:Name="bdrMain" Margin="5,0" Width="35" Height="35" VerticalAlignment="Center" Background="Transparent">
<RadioButton x:Name="rbPage" Click="rbPage_Click" FontSize="16" Content="{Binding }" Width="35" Height="35" Style="{StaticResource RadioButtonStyle5 }" GroupName="page" Margin="0,0,0,0" HorizontalAlignment="Center" VerticalAlignment="Center">
<RadioButton.IsChecked >
<MultiBinding Converter="{StaticResource pageSelectConverter}" Mode="OneWay" ConverterParameter="2">
<MultiBinding.Bindings>
<Binding Path="Content" ElementName="rbPage"/>
<Binding Path="DataContext.CurrentPage" ElementName="audioListView" />
</MultiBinding.Bindings>
</MultiBinding>
</RadioButton.IsChecked>
</RadioButton>
</Border>
</DataTemplate>
</ListBox.ItemTemplate>
<ListBox.Template>
<ControlTemplate TargetType="{x:Type ListBox}">
<Grid Background="Transparent" VerticalAlignment="Center" >
<ScrollViewer HorizontalScrollBarVisibility="Hidden">
<StackPanel Orientation="Horizontal" Height="38" IsItemsHost="True" VerticalAlignment="Center" HorizontalAlignment="Center"/>
</ScrollViewer>
</Grid>
</ControlTemplate>
</ListBox.Template>
</ListBox>
<Button x:Name="btnNextPage" Content="下一页" Width="60" Height="35" Margin="5,0" Style="{StaticResource BtnCommonStyle3}"/>
<Button x:Name="btnEndPage" Content="尾页" Width="50" Height="35" Style="{StaticResource BtnCommonStyle3}"/>
<TextBlock FontSize="15" Width="auto" Foreground="#545454" Margin="10,0,25,0" HorizontalAlignment="Center" VerticalAlignment="Center">
<Run Text="总页数：" /><Run Text="{Binding TotalPages}"/>
</TextBlock>
<TextBlock Text="跳转至" FontSize="15" Width="auto" Foreground="#545454" Margin="10,0,25,0" HorizontalAlignment="Center" VerticalAlignment="Center"/>
<Border BorderBrush="#eaeaea" BorderThickness="1" Width="50" Height="35" CornerRadius="5,0,0,5">
<TextBox x:Name="txtPage" Margin="5" FontSize="15" Foreground="#545454" BorderThickness="0" />
</Border>
<Border Background="#5097df" BorderBrush="#5097df" BorderThickness="1" Width="50" Height="35" CornerRadius="0,5,5,0">
<Button x:Name="btnJump" Content="确定" FontSize="15" Foreground="White" Background="Transparent" Template="{StaticResource btnTemplate}" />
</Border>
<Button x:Name="btnRefresh" Content="刷新" Width="80" Height="35" Margin="25,0" HorizontalAlignment="Left" Style="{StaticResource BtnCommonStyle}">
<Button.Background>
<ImageBrush ImageSource="/PipeGallery;component/Image/tubiao_39.png" />
</Button.Background>
<Button.Tag>
<ImageBrush ImageSource="/PipeGallery;component/Image/tubiao_03.png" />
</Button.Tag>
</Button>
</StackPanel>
</Grid>
</Grid>
<Grid x:Name="gridImg" Visibility="Collapsed" Background="#55000000">
<Image x:Name="img" Stretch="Uniform" Margin="0,36,0,0"/>
<Button x:Name="btnClose" HorizontalAlignment="Right" VerticalAlignment="Top" Style="{StaticResource KeyboardBtnCloseStyle}" Margin="0,36,15,0"/>
</Grid>
</Grid>
</Viewbox>
</Grid>
</UserControl>
