Bellwether/BellwetherBackend/SubPage/UcFrontPage.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:BellwetherBackend.SubPage"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:mui="http://firstfloorsoftware.com/ModernUI"
    d:DesignHeight="450"
    d:DesignWidth="800"
    mc:Ignorable="d"
    x:Class="BellwetherBackend.SubPage.UcFrontPage">
    <Grid Background="White">
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="15" />
                <RowDefinition Height="Auto" />
                <RowDefinition Height="15" />
                <RowDefinition Height="Auto" />
                <RowDefinition Height="15" />
                <RowDefinition Height="Auto" />
                <RowDefinition Height="15" />
            </Grid.RowDefinitions>
            <StackPanel
                Grid.Row="1"
                Height="35"
                Orientation="Horizontal">
                <TextBlock
                    VerticalAlignment="Center"
                    Text="太陽能url"
                    FontSize="20" />
                <Rectangle Width="20" />
                <TextBox
                    x:Name="uxSolarEnergyUrlText"
                    Width="1000"
                    VerticalContentAlignment="Center"
                    FontSize="20"
                    TextChanged="uxSolarUrlText_TextChanged" />
            </StackPanel>
            <StackPanel
                Grid.Row="3"
                Height="35"
                Orientation="Horizontal">
                <TextBlock
                    VerticalAlignment="Center"
                    Text="輪播間隔時間(秒)"
                    FontSize="20" />
                <Rectangle Width="20" />
                <TextBox
                    x:Name="uxAutoPlaIntervalText"
                    Width="1000"
                    VerticalContentAlignment="Center"
                    FontSize="20"
                    TextChanged="uxAutoPlaIntervalText_TextChanged" />
            </StackPanel>
            <Grid Grid.Row="5">
                <Grid.RowDefinitions>
                    <RowDefinition Height="50" />
                    <RowDefinition Height="20" />
                    <RowDefinition Height="*" />
                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="0" />
                    <ColumnDefinition Width="0" />
                    <ColumnDefinition Width="*" />
                </Grid.ColumnDefinitions>
                <StackPanel
                    Grid.RowSpan="3"
                    Grid.ColumnSpan="3"
                    HorizontalAlignment="Left"
                    VerticalAlignment="Top"
                    Orientation="Horizontal">
                    <Label FontSize="20">多媒體輪播</Label>
                    <Label
                        Margin="10,0,0,0"
                        VerticalAlignment="Bottom"
                        FontSize="16"
                        Foreground="Red">
                        (建議尺寸:1280x720)
                    </Label>
                </StackPanel>
                <Border
                    Grid.Row="1"
                    Grid.Column="0"
                    Height="2"
                    Margin="0,0,0,0"
                    VerticalAlignment="Top"
                    BorderBrush="LightGray"
                    BorderThickness="2" />
                <WrapPanel
                    x:Name="uxFolderPanel"
                    Grid.Row="2"
                    Grid.Column="0"
                    Margin="10"
                    HorizontalAlignment="Center"
                    VerticalAlignment="Top"
                    Orientation="Vertical" />
                <Border
                    Grid.RowSpan="3"
                    Grid.Column="1"
                    Width="2"
                    BorderBrush="LightGray"
                    BorderThickness="2"
                    Opacity="1" />
                <Viewbox
                    Grid.Row="0"
                    Grid.Column="2"
                    Margin="0,0,0,5"
                    HorizontalAlignment="Center">
                    <StackPanel Orientation="Horizontal">
                        <mui:ModernButton x:Name="uxAddBtn" Click="uxAddBtn_Click" />
                        <mui:ModernButton x:Name="uxDeleteBtn" Click="uxDeleteBtn_Click" />
                        <mui:ModernButton x:Name="uxUpBtn" Click="uxLeftBtn_Click">
                            <mui:ModernButton.RenderTransform>
                                <RotateTransform Angle="-90" CenterX="10" CenterY="10" />
                            </mui:ModernButton.RenderTransform>
                        </mui:ModernButton>
                        <mui:ModernButton x:Name="uxDownBtn" Click="uxRightBtn_Click">
                            <mui:ModernButton.RenderTransform>
                                <RotateTransform Angle="-90" CenterX="10" CenterY="10" />
                            </mui:ModernButton.RenderTransform>
                        </mui:ModernButton>
                    </StackPanel>
                </Viewbox>
                <Border
                    Grid.Row="1"
                    Grid.Column="2"
                    Height="2"
                    Margin="0,0,0,0"
                    VerticalAlignment="Top"
                    BorderBrush="LightGray"
                    BorderThickness="2" />
                <Border
                    Grid.Row="2"
                    Grid.Column="2"
                    Width="1250"
                    Margin="20"
                    Padding="10"
                    BorderBrush="Gray"
                    BorderThickness="2">
                    <ScrollViewer HorizontalScrollBarVisibility="Disabled" VerticalScrollBarVisibility="Auto">
                        <WrapPanel x:Name="uxFileViewer" />
                    </ScrollViewer>
                </Border>
            </Grid>
        </Grid>
    </Grid>
</UserControl>