Bellwether/HistoryDLL/DetailViewer.xaml

<UserControl x:Class="HistoryDLL.DetailViewer"
             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:local="clr-namespace:HistoryDLL"
             mc:Ignorable="d" Width="810" Height="535" Background="Transparent">
    <UserControl.Resources>
        <Storyboard x:Key="sbShowStart">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="uxRootGrid">
                <EasingDoubleKeyFrame KeyTime="0:0:0.1" Value="1"/>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>
        <Storyboard x:Key="sbShowStop">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="uxRootGrid">
                <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 Grid.Row="0" x:Name="uxMainMediaShowGd" VirtualizingPanel.VirtualizationMode="Recycling" VirtualizingPanel.IsContainerVirtualizable="True"
                    VirtualizingPanel.IsVirtualizing="True" VirtualizingPanel.ScrollUnit="Item" >
                </Grid>

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

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

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

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