GitBucket
<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:converter="clr-namespace:PipeGallery.Converter"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
x:Name="audioListView"
d:DesignHeight="768"
d:DesignWidth="1366"
Background="#224f86"
mc:Ignorable="d">
<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 Margin="10,36,10,10" Background="White">
<Grid.RowDefinitions>
<RowDefinition Height="*" />
<RowDefinition Height="6.2*" />
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<Grid>
<StackPanel Margin="20,0,0,0" Orientation="Horizontal">
<Button
x:Name="btnReturn"
Margin="10,0,20,0"
Style="{StaticResource BtnReturnStyle}" />
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="*" />
<RowDefinition Height="0.9*" />
</Grid.RowDefinitions>
<TextBlock
VerticalAlignment="Bottom"
FontSize="24"
Foreground="#6c6c6c"
Text="文件列表" />
<TextBlock
Grid.Row="1"
VerticalAlignment="Top"
FontSize="16"
Foreground="#cecece"
Text="File list" />
</Grid>
</StackPanel>
<Button
Width="100"
Margin="30,0"
HorizontalAlignment="Right"
Content="导出文件"
Style="{StaticResource BtnCommonStyle}"
Visibility="Collapsed">
<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
Width="auto"
Margin="0,0,0,0"
HorizontalAlignment="Center"
VerticalAlignment="Center"
FontSize="16"
Foreground="#545454"
Text="序号" />
</Grid>
<Grid Grid.Column="2">
<RadioButton
x:Name="btnName"
Width="auto"
Margin="0,0,0,0"
HorizontalAlignment="Center"
VerticalAlignment="Center"
Background="Transparent"
Content="名称"
FontSize="16"
Foreground="#545454"
GroupName="g"
Style="{StaticResource RadioButtonOrderStyle}"
Tag="0" />
</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"
Width="auto"
Margin="0,0,0,0"
HorizontalAlignment="Center"
VerticalAlignment="Center"
Background="Transparent"
Content="生成时间"
FontSize="16"
Foreground="#545454"
GroupName="g"
Style="{StaticResource RadioButtonOrderStyle}"
Tag="0" />
</Grid>
<Grid Grid.Column="4">
<RadioButton
x:Name="btnFileSize"
Width="auto"
Margin="0,0,0,0"
HorizontalAlignment="Center"
VerticalAlignment="Center"
Background="Transparent"
Content="文件大小"
FontSize="16"
Foreground="#545454"
GroupName="g"
Style="{StaticResource RadioButtonOrderStyle}"
Tag="0" />
</Grid>
<Grid Grid.Column="5">
<TextBlock
Width="auto"
Margin="0,0,0,0"
HorizontalAlignment="Center"
VerticalAlignment="Center"
FontSize="16"
Foreground="#545454"
Text="操作" />
</Grid>
</Grid>
</Border>
<ListBox
x:Name="lbx"
Grid.Row="1"
ItemContainerStyle="{StaticResource ListBoxItemStyle}"
ItemsSource="{Binding ShowFileInfos}"
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 ElementName="lbx" Path="ItemsSource" />
</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"
Background="#e7f0fb"
Visibility="Collapsed" />
<Grid>
<CheckBox
x:Name="cbx"
Margin="0,0,0,0"
HorizontalAlignment="Center"
VerticalAlignment="Center"
IsChecked="{Binding Path=IsSelected, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
Style="{StaticResource CheckBoxStyle}" />
</Grid>
<Grid Grid.Column="1">
<TextBlock
Width="auto"
Margin="0,0,0,0"
HorizontalAlignment="Center"
VerticalAlignment="Center"
FontSize="16"
Foreground="#333333"
Text="{Binding Order}" />
</Grid>
<Grid Grid.Column="2">
<TextBlock
x:Name="txtFileName"
Width="auto"
Margin="20,0,20,0"
HorizontalAlignment="Left"
VerticalAlignment="Center"
FontSize="16"
Foreground="#333333"
Text="{Binding FileName}"
TextTrimming="CharacterEllipsis"
ToolTip="{Binding FileName}" />
</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"
Width="auto"
Margin="0,0,0,0"
HorizontalAlignment="Center"
VerticalAlignment="Center"
FontSize="16"
Foreground="#333333"
Text="{Binding CreationTimeUtc, StringFormat='{}{0:yyyy-MM-dd | HH:mm:ss}'}" />
</Grid>
<Grid Grid.Column="4">
<TextBlock
x:Name="txtSize"
Width="auto"
Margin="0,0,0,0"
HorizontalAlignment="Center"
VerticalAlignment="Center"
FontSize="16"
Foreground="#333333"
Text="{Binding Path=FileSize, Converter={StaticResource fileSizeConverter}}" />
</Grid>
<Grid Grid.Column="5">
<RadioButton
x:Name="rbPlay"
Margin="0,0,0,0"
HorizontalAlignment="Center"
VerticalAlignment="Center"
Click="rbPlay_Click"
GroupName="play"
Style="{StaticResource RadioButtonStyle}"
Visibility="{Binding ElementName=lbx, Path=Tag, Converter={StaticResource visibilityConverter}, ConverterParameter=1}" />
<Button
x:Name="rbPic"
Margin="0,0,0,0"
HorizontalAlignment="Center"
VerticalAlignment="Center"
Click="rbPic_Click"
Style="{StaticResource BtnCommonStyle5}"
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 VerticalAlignment="Top" Background="Transparent">
<ScrollViewer HorizontalScrollBarVisibility="Hidden">
<StackPanel IsItemsHost="True" />
</ScrollViewer>
</Grid>
</ControlTemplate>
</ListBox.Template>
</ListBox>
</Grid>
</Border>
</Grid>
<Grid Grid.Row="2">
<CheckBox
x:Name="chkAllSelect"
Margin="82,0,0,0"
HorizontalAlignment="Left"
VerticalAlignment="Center"
Content="全选"
FontSize="24"
Foreground="#545454"
IsChecked="{Binding IsChecked}"
Style="{StaticResource CheckBoxStyle}" />
<Button
x:Name="btnDel"
Width="80"
Height="35"
Margin="220,0"
HorizontalAlignment="Left"
Content="删除"
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
Margin="440,0,0,0"
HorizontalAlignment="Left"
Orientation="Horizontal">
<Button
x:Name="btnFirstPage"
Width="50"
Height="35"
Margin="5,0"
Content="首页"
Style="{StaticResource BtnCommonStyle3}" />
<Button
x:Name="btnUpPage"
Width="60"
Height="35"
Margin="5,0"
Content="上一页"
Style="{StaticResource BtnCommonStyle3}" />
<ListBox
Margin="0,20"
ItemContainerStyle="{StaticResource ListBoxItemStyle}"
ItemsSource="{Binding ShowPages}">
<ListBox.ItemTemplate>
<DataTemplate>
<Border
x:Name="bdrMain"
Width="35"
Height="35"
Margin="5,0"
VerticalAlignment="Center"
Background="Transparent">
<RadioButton
x:Name="rbPage"
Width="35"
Height="35"
Margin="0,0,0,0"
HorizontalAlignment="Center"
VerticalAlignment="Center"
Click="rbPage_Click"
Content="{Binding}"
FontSize="16"
GroupName="page"
Style="{StaticResource RadioButtonStyle5}">
<RadioButton.IsChecked>
<MultiBinding
Converter="{StaticResource pageSelectConverter}"
ConverterParameter="2"
Mode="OneWay">
<MultiBinding.Bindings>
<Binding ElementName="rbPage" Path="Content" />
<Binding ElementName="audioListView" Path="DataContext.CurrentPage" />
</MultiBinding.Bindings>
</MultiBinding>
</RadioButton.IsChecked>
</RadioButton>
</Border>
</DataTemplate>
</ListBox.ItemTemplate>
<ListBox.Template>
<ControlTemplate TargetType="{x:Type ListBox}">
<Grid VerticalAlignment="Center" Background="Transparent">
<ScrollViewer HorizontalScrollBarVisibility="Hidden">
<StackPanel
Height="38"
HorizontalAlignment="Center"
VerticalAlignment="Center"
IsItemsHost="True"
Orientation="Horizontal" />
</ScrollViewer>
</Grid>
</ControlTemplate>
</ListBox.Template>
</ListBox>
<Button
x:Name="btnNextPage"
Width="60"
Height="35"
Margin="5,0"
Content="下一页"
Style="{StaticResource BtnCommonStyle3}" />
<Button
x:Name="btnEndPage"
Width="50"
Height="35"
Content="尾页"
Style="{StaticResource BtnCommonStyle3}" />
<TextBlock
Width="auto"
Margin="10,0,25,0"
HorizontalAlignment="Center"
VerticalAlignment="Center"
FontSize="15"
Foreground="#545454">
<Run Text="总页数：" /><Run Text="{Binding TotalPages}" />
</TextBlock>
<TextBlock
Width="auto"
Margin="10,0,25,0"
HorizontalAlignment="Center"
VerticalAlignment="Center"
FontSize="15"
Foreground="#545454"
Text="跳转至" />
<Border
Width="50"
Height="35"
BorderBrush="#eaeaea"
BorderThickness="1"
CornerRadius="5,0,0,5">
<TextBox
x:Name="txtPage"
Margin="5"
BorderThickness="0"
FontSize="15"
Foreground="#545454" />
</Border>
<Border
Width="50"
Height="35"
Background="#5097df"
BorderBrush="#5097df"
BorderThickness="1"
CornerRadius="0,5,5,0">
<Button
x:Name="btnJump"
Background="Transparent"
Content="确定"
FontSize="15"
Foreground="White"
Template="{StaticResource btnTemplate}" />
</Border>
<Button
x:Name="btnRefresh"
Width="80"
Height="35"
Margin="25,0"
HorizontalAlignment="Left"
Content="刷新"
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"
Background="#55000000"
Visibility="Collapsed">
<Image
x:Name="img"
Margin="0,36,0,0"
Stretch="Uniform" />
<Button
x:Name="btnClose"
Margin="0,36,15,0"
HorizontalAlignment="Right"
VerticalAlignment="Top"
Style="{StaticResource KeyboardBtnCloseStyle}" />
</Grid>
</Grid>
</Viewbox>
</Grid>
</UserControl>