Bellwether/HistoryDLL/DetailViewer.xaml

<UserControl
    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:local="clr-namespace:HistoryDLL"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    Width="810"
    Height="535"
    Background="Transparent"
    mc:Ignorable="d"
    x:Class="HistoryDLL.DetailViewer">
    <UserControl.Resources>
        <Storyboard x:Key="sbShowStart">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="uxRootGrid" Storyboard.TargetProperty="(UIElement.Opacity)">
                <EasingDoubleKeyFrame KeyTime="0:0:0.1" Value="1" />
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>
        <Storyboard x:Key="sbShowStop">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="uxRootGrid" Storyboard.TargetProperty="(UIElement.Opacity)">
                <EasingDoubleKeyFrame KeyTime="0:0:0.1" Value="0" />
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>
    </UserControl.Resources>
    <Grid x:Name="uxDetailviewerGd">
        <Grid.RowDefinitions>
            <RowDefinition x:Name="uxFirstLayer1" Height="20" />
            <RowDefinition Height="*" />
            <RowDefinition x:Name="uxFirstLayer2" Height="30" />
            <RowDefinition x:Name="uxFirstLayer3" Height="85" />
            <RowDefinition x:Name="uxFirstLayer4" Height="60" />
        </Grid.RowDefinitions>
        <Grid Grid.Row="1">
            <Grid.ColumnDefinitions>
                <ColumnDefinition x:Name="uxTopLayer1" Width="20" />
                <ColumnDefinition Width="*" />
                <ColumnDefinition x:Name="uxTopLayer2" Width="20" />
                <ColumnDefinition x:Name="uxTopLayer3" Width="275" />
                <ColumnDefinition x:Name="uxTopLayer4" Width="20" />
            </Grid.ColumnDefinitions>
            <!--  大圖  -->
            <Grid Grid.Column="1">
                <Grid.RowDefinitions>
                    <RowDefinition x:Name="uxImgLayer" Height="310" />
                    <RowDefinition Height="*" />
                </Grid.RowDefinitions>
                <Grid
                    x:Name="uxMainMediaShowGd"
                    Grid.Row="0"
                    VirtualizingPanel.IsContainerVirtualizable="True"
                    VirtualizingPanel.IsVirtualizing="True"
                    VirtualizingPanel.ScrollUnit="Item"
                    VirtualizingPanel.VirtualizationMode="Recycling" />

                <StackPanel
                    x:Name="uxImgTagList"
                    Grid.Row="1"
                    HorizontalAlignment="Center"
                    Background="Transparent"
                    Orientation="Horizontal" />
            </Grid>
            <!--  文字  -->
            <StackPanel
                x:Name="uxTextblockContainer"
                Grid.Column="3"
                Orientation="Vertical">
                <TextBlock
                    Name="uxTitleText"
                    Width="275"
                    MaxHeight="130"
                    FontSize="26"
                    Background="Transparent"
                    Cursor="None"
                    Focusable="False"
                    Foreground="WhiteSmoke"
                    TextAlignment="Left"
                    TextTrimming="CharacterEllipsis"
                    TextWrapping="Wrap" />
                <ScrollViewer
                    x:Name="uxStrMainScroll"
                    Height="307"
                    Background="Transparent"
                    BorderThickness="0"
                    HorizontalScrollBarVisibility="Hidden"
                    ManipulationBoundaryFeedback="uxBoundGrid_ManipulationBoundaryFeedback"
                    PanningDeceleration="0.005"
                    PanningMode="VerticalOnly"
                    VerticalScrollBarVisibility="Hidden">
                    <StackPanel Name="uxTxtStackPanel" Orientation="Vertical">
                        <TextBlock
                            Name="uxDateText"
                            Width="275"
                            FontSize="22"
                            Background="Transparent"
                            Foreground="WhiteSmoke"
                            TextWrapping="Wrap" />
                        <TextBlock
                            Name="uxContentText"
                            Width="275"
                            HorizontalAlignment="Left"
                            VerticalAlignment="Top"
                            FontSize="22"
                            Background="Transparent"
                            Foreground="WhiteSmoke"
                            TextAlignment="Left"
                            TextWrapping="Wrap" />
                    </StackPanel>
                </ScrollViewer>
            </StackPanel>
        </Grid>

        <Grid
            x:Name="uxGalleryGd"
            Grid.Row="3"
            Margin="20,0,20,0"
            Background="Transparent" />

        <StackPanel
            Grid.Row="4"
            HorizontalAlignment="Right"
            Orientation="Horizontal">
            <!--  Width="96"  -->
            <RadioButton
                x:Name="uxLan0"
                Width="0"
                Height="35"
                Margin="0,0,10,0"
                FontSize="16"
                Checked="uxLan_Checked"
                Style="{DynamicResource uxdetailViewerLanBtn}"
                Tag="0" />
            <RadioButton
                x:Name="uxLan1"
                Width="0"
                Height="35"
                Margin="0,0,10,0"
                FontSize="16"
                Checked="uxLan_Checked"
                Style="{DynamicResource uxdetailViewerLanBtn}"
                Tag="1" />
            <RadioButton
                x:Name="uxLan2"
                Width="0"
                Height="35"
                Margin="0,0,10,0"
                FontSize="16"
                Checked="uxLan_Checked"
                Style="{DynamicResource uxdetailViewerLanBtn}"
                Tag="2" />
            <RadioButton
                x:Name="uxLan3"
                Width="0"
                Height="35"
                Margin="0,0,10,0"
                FontSize="16"
                Checked="uxLan_Checked"
                Style="{DynamicResource uxdetailViewerLanBtn}"
                Tag="3" />

            <Button
                x:Name="uxExitBtn"
                Width="35"
                Height="35"
                Margin="0,0,10,0"
                FontSize="16"
                Click="uxCloseBtn_Click"
                Content="X"
                Style="{DynamicResource detailViewerCloseButton}" />
        </StackPanel>
    </Grid>
</UserControl>