PDFOffice_Windows_exe/PDF Office/Views/Dialog/NoviceGuidDialog.xaml

<UserControl
    x:Class="PDF_Master.Views.Dialog.NoviceGuidDialog"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:dialog="clr-namespace:PDF_Master.ViewModels.Dialog"
    xmlns:local="clr-namespace:PDF_Master.Views.Dialog"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:prism="http://prismlibrary.com/"
    Width="586"
    Height="568"
    d:DataContext="{d:DesignInstance Type=dialog:NoviceGuidDialogViewModel}"
    d:DesignHeight="586"
    d:DesignWidth="568"
    prism:Dialog.WindowStyle="{StaticResource DialogWindowStyle}"
    prism:ViewModelLocator.AutoWireViewModel="True"
    mc:Ignorable="d">
    <UserControl.Resources>
        <BooleanToVisibilityConverter x:Key="boolToVisibleConvert" />
    </UserControl.Resources>
    <Grid Background="{StaticResource color.sys.layout.anti}">
        <Grid.RowDefinitions>
            <RowDefinition Height="336" />
            <RowDefinition />
        </Grid.RowDefinitions>
        <Grid>
            <ListView
                Name="ImageListView"
                Background="{StaticResource color.sys.layout.mg}"
                BorderThickness="0"
                ItemsSource="{Binding ItemSource}"
                ScrollViewer.HorizontalScrollBarVisibility="Disabled"
                ScrollViewer.VerticalScrollBarVisibility="Disabled"
                SelectedIndex="{Binding SelectedIndex, Mode=TwoWay}">
                <ListView.ItemsPanel>
                    <ItemsPanelTemplate>
                        <Grid />
                    </ItemsPanelTemplate>
                </ListView.ItemsPanel>
                <!--  通过设计Contianer样式，去除选中框等效果  -->
                <ListView.ItemContainerStyle>
                    <Style TargetType="{x:Type ListViewItem}">
                        <Setter Property="Opacity" Value="0" />
                        <Setter Property="Template">
                            <Setter.Value>
                                <ControlTemplate TargetType="{x:Type ListViewItem}">
                                    <ContentPresenter IsHitTestVisible="False" />
                                    <ControlTemplate.Triggers>
                                        <Trigger Property="IsSelected" Value="True">
                                            <Trigger.EnterActions>
                                                <BeginStoryboard>
                                                    <Storyboard>
                                                        <DoubleAnimation
                                                            Storyboard.TargetProperty="Opacity"
                                                            From="0"
                                                            To="1"
                                                            Duration="0:0:0.5" />
                                                    </Storyboard>
                                                </BeginStoryboard>
                                            </Trigger.EnterActions>
                                            <Trigger.ExitActions>
                                                <BeginStoryboard>
                                                    <Storyboard>
                                                        <DoubleAnimation
                                                            Storyboard.TargetProperty="Opacity"
                                                            From="1"
                                                            To="0"
                                                            Duration="0:0:0.5" />
                                                    </Storyboard>
                                                </BeginStoryboard>
                                            </Trigger.ExitActions>
                                        </Trigger>
                                    </ControlTemplate.Triggers>
                                </ControlTemplate>
                            </Setter.Value>
                        </Setter>
                    </Style>
                </ListView.ItemContainerStyle>
                <ListView.ItemTemplate>
                    <DataTemplate>
                        <Image
                            Width="{Binding RelativeSource={RelativeSource AncestorType=ListView}, Path=ActualWidth}"
                            Height="{Binding RelativeSource={RelativeSource AncestorType=ListView}, Path=ActualHeight}"
                            RenderOptions.BitmapScalingMode="HighQuality"
                            Source="{Binding ImageSource}"
                            Stretch="Uniform"
                            UseLayoutRounding="True" />
                    </DataTemplate>
                </ListView.ItemTemplate>
            </ListView>

            <ListView
                x:Name="IndexListView"
                Margin="0,0,0,10"
                HorizontalAlignment="Center"
                VerticalAlignment="Bottom"
                Background="Transparent"
                BorderThickness="0"
                ItemsSource="{Binding ItemSource}"
                ScrollViewer.HorizontalScrollBarVisibility="Disabled"
                ScrollViewer.VerticalScrollBarVisibility="Disabled"
                SelectedIndex="{Binding ElementName=ImageListView, Path=SelectedIndex, Mode=TwoWay}">
                <ListView.ItemsPanel>
                    <ItemsPanelTemplate>
                        <StackPanel Orientation="Horizontal" />
                    </ItemsPanelTemplate>
                </ListView.ItemsPanel>
                <!--  通过设计Contianer样式，去除选中框等效果  -->
                <ListView.ItemContainerStyle>
                    <Style TargetType="{x:Type ListViewItem}">
                        <Setter Property="Template">
                            <Setter.Value>
                                <ControlTemplate TargetType="{x:Type ListViewItem}">
                                    <Rectangle
                                        Name="rectangle"
                                        Width="6"
                                        Height="6"
                                        Margin="4,0"
                                        Fill="{StaticResource color.item-state.sel.bg.lv3}"
                                        RadiusX="6"
                                        RadiusY="6" />
                                    <ControlTemplate.Triggers>
                                        <Trigger Property="IsSelected" Value="True">
                                            <Setter TargetName="rectangle" Property="Fill" Value="{StaticResource color.sys.layout.dark.bg}" />
                                        </Trigger>
                                    </ControlTemplate.Triggers>
                                </ControlTemplate>
                            </Setter.Value>
                        </Setter>
                    </Style>
                </ListView.ItemContainerStyle>
                <ListView.ItemTemplate>
                    <DataTemplate>
                        <Rectangle
                            Name="rectangle"
                            Width="20"
                            Height="20"
                            Margin="10,0"
                            Fill="White"
                            RadiusX="10"
                            RadiusY="10"
                            Stroke="Black"
                            StrokeThickness="1" />
                    </DataTemplate>
                </ListView.ItemTemplate>
            </ListView>

            <Button
                Name="BtnPreImage"
                Width="24"
                Height="24"
                Margin="8"
                HorizontalAlignment="Left"
                BorderThickness="0"
                Command="{Binding PrePageCommand}"
                Style="{StaticResource btn.selector}"
                Visibility="{Binding ElementName=BtnPreImage, Path=IsEnabled, Converter={StaticResource boolToVisibleConvert}}">
                <Path
                    Width="24"
                    Height="24"
                    HorizontalAlignment="Center"
                    VerticalAlignment="Center"
                    Data="M7.61071 11.25L9.93035 8.93035L8.86969 7.86969L5.26972 11.4697C4.97683 11.7626 4.97683 12.2374 5.26972 12.5303L8.86969 16.1303L9.93035 15.0696L7.61071 12.75H19V11.25H7.61071Z"
                    Fill="{StaticResource color.icon.base.neutral.norm.lv1}" />
            </Button>
            <Button
                Name="BtnNextImage"
                Width="24"
                Height="24"
                Margin="8"
                HorizontalAlignment="Right"
                BorderThickness="0"
                Command="{Binding NextPageCommand}"
                Style="{StaticResource btn.selector}"
                Visibility="{Binding ElementName=BtnNextImage, Path=IsEnabled, Converter={StaticResource boolToVisibleConvert}}">
                <Path
                    Width="24"
                    Height="24"
                    HorizontalAlignment="Center"
                    VerticalAlignment="Center"
                    Data="M16.3893 11.25L5 11.25V12.75L16.3893 12.75L14.0697 15.0697L15.1303 16.1303L18.7303 12.5303C19.0232 12.2374 19.0232 11.7626 18.7303 11.4697L15.1303 7.86971L14.0697 8.93037L16.3893 11.25Z"
                    Fill="{StaticResource color.icon.base.neutral.norm.lv1}" />
            </Button>
            <Button
                Width="46"
                Height="32"
                Margin="8"
                HorizontalAlignment="Right"
                VerticalAlignment="Top"
                Background="Transparent"
                IsCancel="True"
                Style="{StaticResource CloseBtn}"
                WindowChrome.IsHitTestVisibleInChrome="True">
                <Path
                    Width="46"
                    Height="32"
                    Data="M23 17.708L18.8545 21.8535C18.7568 21.9512 18.6396 22 18.5029 22C18.3597 22 18.2393 21.9528 18.1416 21.8584C18.0472 21.7607 18 21.6403 18 21.4971C18 21.3604 18.0488 21.2432 18.1465 21.1455L22.292 17L18.1465 12.8545C18.0488 12.7568 18 12.638 18 12.498C18 12.4297 18.013 12.3646 18.0391 12.3027C18.0651 12.2409 18.1009 12.1888 18.1465 12.1465C18.1921 12.1009 18.2458 12.0651 18.3076 12.0391C18.3695 12.013 18.4346 12 18.5029 12C18.6396 12 18.7568 12.0488 18.8545 12.1465L23 16.292L27.1455 12.1465C27.2432 12.0488 27.362 12 27.502 12C27.5703 12 27.6338 12.013 27.6924 12.0391C27.7542 12.0651 27.8079 12.1009 27.8535 12.1465C27.8991 12.1921 27.9349 12.2458 27.9609 12.3076C27.987 12.3662 28 12.4297 28 12.498C28 12.638 27.9512 12.7568 27.8535 12.8545L23.708 17L27.8535 21.1455C27.9512 21.2432 28 21.3604 28 21.4971C28 21.5654 27.987 21.6305 27.9609 21.6924C27.9349 21.7542 27.8991 21.8079 27.8535 21.8535C27.8112 21.8991 27.7591 21.9349 27.6973 21.9609C27.6354 21.987 27.5703 22 27.502 22C27.362 22 27.2432 21.9512 27.1455 21.8535L23 17.708Z"
                    Fill="Black" />
            </Button>
        </Grid>

        <StackPanel Grid.Row="1" Margin="48,40,48,14">
            <TextBlock
                HorizontalAlignment="Center"
                FontFamily="Segoe UI"
                FontSize="20"
                FontWeight="SemiBold"
                Text="{Binding ElementName=ImageListView, Path=SelectedItem.Title}" />
            <TextBlock
                MaxHeight="48"
                Margin="0,16,0,24"
                HorizontalAlignment="Center"
                FontFamily="Segoe UI"
                FontSize="12"
                Text="{Binding ElementName=ImageListView, Path=SelectedItem.Content}"
                TextAlignment="Center"
                TextWrapping="WrapWithOverflow" />
        </StackPanel>
        <StackPanel
            Grid.Row="1"
            Margin="0,0,0,14"
            VerticalAlignment="Bottom">
            <Grid>
                <!--<Button
                    Width="262"
                    Height="40"
                    Command="{Binding NextPageCommand}"
                    Content="{Binding T_BtnNextStep}"
                    Style="{StaticResource Btn.cta}" />-->
                <Button
                    Width="262"
                    Height="40"
                    Command="{Binding SignUpCommand}"
                    Content="{Binding T_BtnSignUp}"
                    Style="{StaticResource Btn.cta}" />
                <!--<Button
                    Width="262"
                    Height="40"
                    Content="{Binding T_BtnStart}"
                    IsCancel="True"
                    Style="{StaticResource Btn.cta}"
                    Visibility="{Binding StartVisible}" />-->
            </Grid>
            <Button
                Height="22"
                Margin="0,8,0,0"
                HorizontalAlignment="Center"
                Command="{Binding NextTimeCommand}"
                Content="{Binding T_BtnNextTime}"
                Style="{StaticResource btn.link}" />
        </StackPanel>
    </Grid>
</UserControl>