<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:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:local="clr-namespace:Example"
mc:Ignorable="d">
    <UserControl.Resources>
        <ResourceDictionary>
            <FontFamily x:Key="MainFont">Fonts/#Arial Unicode MS</FontFamily>

            <Color x:Key="MainFontColor">#bbbbbb</Color>
            <SolidColorBrush x:Key="MainFontBrush" Color="{StaticResource MainFontColor}"/>

            <Color x:Key="MainFontHighlightColor">#ffffff</Color>
            <SolidColorBrush x:Key="MainFontHighlightBrush" Color="{StaticResource MainFontHighlightColor}"/>

            <DropShadowEffect x:Key="MainFontDropShadow" BlurRadius="2" ShadowDepth="1" Direction="260" Color="#000000"/>
            <DropShadowEffect x:Key="BoldFontDropShadow" BlurRadius="2" ShadowDepth="2" Opacity="2" Direction="260" Color="#000000"/>

            <Style x:Key="ViewportName" TargetType="{x:Type TextBlock}">
                <Setter Property="FontSize" Value="22" />
                <Setter Property="FontWeight" Value="Bold" />
                <Setter Property="FontFamily" Value="{StaticResource MainFont}" />
                <Setter Property="Foreground" Value="#96fff0" />
                <Setter Property="Effect" Value="{StaticResource BoldFontDropShadow}" />
            </Style>

            <Style x:Key="ViewportChat" TargetType="{x:Type TextBlock}">
                <Setter Property="FontSize" Value="18" />
                <Setter Property="FontWeight" Value="Bold" />
                <Setter Property="FontFamily" Value="{StaticResource MainFont}"/>
                <Setter Property="Foreground" Value="{StaticResource MainFontBrush}" />
                <Setter Property="Effect" Value="{StaticResource MainFontDropShadow}" />
            </Style>
        </ResourceDictionary>
    </UserControl.Resources>

    <Viewbox>
        <Grid x:Name="BaseScreen" Width="1440" Height="900" HorizontalAlignment="Left" VerticalAlignment="Top">
            <Grid x:Name="BaseFrame" Width="{Binding ElementName=BaseScreen, Path=Width}" Height="{Binding ElementName=BaseScreen, Path=Height}" HorizontalAlignment="Center" VerticalAlignment="Center">
                <Grid.RowDefinitions>
                    <RowDefinition Height="*"/>
                    <RowDefinition Height="100"/>
                    <RowDefinition Height="*"/>
                </Grid.RowDefinitions>

                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="100"/>
                    <ColumnDefinition Width="*"/>
                </Grid.ColumnDefinitions>

                <StackPanel Grid.Row="0" Grid.ColumnSpan="3" Width="300" HorizontalAlignment="Center" Margin="-150,100,0,0" RenderTransformOrigin=".5,.5">
                    <TextBlock Style="{StaticResource ViewportName}" HorizontalAlignment="Center" Text="少女 安娜"/>

                    <Border x:Name="ChatBox" Width="240" BorderThickness="2" BorderBrush="#9696fff0" CornerRadius="3" Margin="0,10,0,0">
                        <Border.Effect>
                            <DropShadowEffect ShadowDepth="2" />
                        </Border.Effect>

                        <Grid Background="#820b1926">
                            <TextBlock Style="{StaticResource ViewportChat}" Margin="10,10,10,10" HorizontalAlignment="Center" Text="神狼雕像的力量正在减弱，邪恶的力量越来越强大。" TextWrapping="Wrap"/>
                        </Grid>
                    </Border>
                </StackPanel>

                <StackPanel Grid.Column="0" Grid.Row="2">
                    <TextBlock Style="{StaticResource ViewportChat}" FontSize="25" Text="25: Lorem ipsum dolor sit amet" />
                    <TextBlock Style="{StaticResource ViewportChat}" FontSize="24" Text="24: Lorem ipsum dolor sit amet" />
                    <TextBlock Style="{StaticResource ViewportChat}" FontSize="23" Text="23: Lorem ipsum dolor sit amet" />
                    <TextBlock Style="{StaticResource ViewportChat}" FontSize="22" Text="22: Lorem ipsum dolor sit amet" />
                    <TextBlock Style="{StaticResource ViewportChat}" FontSize="21" Text="21: Lorem ipsum dolor sit amet" />
                    <TextBlock Style="{StaticResource ViewportChat}" FontSize="20" Text="20: Lorem ipsum dolor sit amet" />
                    <TextBlock Style="{StaticResource ViewportChat}" FontSize="19" Text="19: Lorem ipsum dolor sit amet" />
                    <TextBlock Style="{StaticResource ViewportChat}" FontSize="18" Text="18: Lorem ipsum dolor sit amet" />
                    <TextBlock Style="{StaticResource ViewportChat}" FontSize="17" Text="17: Lorem ipsum dolor sit amet" />
                    <TextBlock Style="{StaticResource ViewportChat}" FontSize="16" Text="16: Lorem ipsum dolor sit amet" />
                    <TextBlock Style="{StaticResource ViewportChat}" FontSize="15" Text="15: Lorem ipsum dolor sit amet" />
                    <TextBlock Style="{StaticResource ViewportChat}" FontSize="14" Text="14: Lorem ipsum dolor sit amet" />
                    <TextBlock Style="{StaticResource ViewportChat}" FontSize="13" Text="13: Lorem ipsum dolor sit amet" />
                    <TextBlock Style="{StaticResource ViewportChat}" FontSize="12" Text="12: Lorem ipsum dolor sit amet" />
                    <TextBlock Style="{StaticResource ViewportChat}" FontSize="11" Text="11: Lorem ipsum dolor sit amet" />
                    <TextBlock Style="{StaticResource ViewportChat}" FontSize="10" Text="10: Lorem ipsum dolor sit amet" />
                </StackPanel>

                <StackPanel Grid.Column="2" Grid.Row="2">
                    <TextBlock Style="{StaticResource ViewportChat}" FontSize="25" Text="25: 牠爸力固話几乍您頁水三但得怪固首皮了" />
                    <TextBlock Style="{StaticResource ViewportChat}" FontSize="24" Text="24: 牠爸力固話几乍您頁水三但得怪固首皮了" />
                    <TextBlock Style="{StaticResource ViewportChat}" FontSize="23" Text="23: 牠爸力固話几乍您頁水三但得怪固首皮了" />
                    <TextBlock Style="{StaticResource ViewportChat}" FontSize="22" Text="22: 牠爸力固話几乍您頁水三但得怪固首皮了" />
                    <TextBlock Style="{StaticResource ViewportChat}" FontSize="21" Text="21: 牠爸力固話几乍您頁水三但得怪固首皮了" />
                    <TextBlock Style="{StaticResource ViewportChat}" FontSize="20" Text="20: 牠爸力固話几乍您頁水三但得怪固首皮了" />
                    <TextBlock Style="{StaticResource ViewportChat}" FontSize="19" Text="19: 牠爸力固話几乍您頁水三但得怪固首皮了" />
                    <TextBlock Style="{StaticResource ViewportChat}" FontSize="18" Text="18: 牠爸力固話几乍您頁水三但得怪固首皮了" />
                    <TextBlock Style="{StaticResource ViewportChat}" FontSize="17" Text="17: 牠爸力固話几乍您頁水三但得怪固首皮了" />
                    <TextBlock Style="{StaticResource ViewportChat}" FontSize="16" Text="16: 牠爸力固話几乍您頁水三但得怪固首皮了" />
                    <TextBlock Style="{StaticResource ViewportChat}" FontSize="15" Text="15: 牠爸力固話几乍您頁水三但得怪固首皮了" />
                    <TextBlock Style="{StaticResource ViewportChat}" FontSize="14" Text="14: 牠爸力固話几乍您頁水三但得怪固首皮了" />
                    <TextBlock Style="{StaticResource ViewportChat}" FontSize="13" Text="13: 牠爸力固話几乍您頁水三但得怪固首皮了" />
                    <TextBlock Style="{StaticResource ViewportChat}" FontSize="12" Text="12: 牠爸力固話几乍您頁水三但得怪固首皮了" />
                    <TextBlock Style="{StaticResource ViewportChat}" FontSize="11" Text="11: 牠爸力固話几乍您頁水三但得怪固首皮了" />
                    <TextBlock Style="{StaticResource ViewportChat}" FontSize="10" Text="10: 牠爸力固話几乍您頁水三但得怪固首皮了" />
                </StackPanel>
            </Grid>
        </Grid>
    </Viewbox>
</UserControl>