Bellwether/BellwetherBackend/SubPage/UpdatePage.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.UpdatePage">
    <Grid HorizontalAlignment="Center">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="200" />
            <ColumnDefinition Width="300" />
            <ColumnDefinition Width="610" />
            <ColumnDefinition Width="360" />
            <ColumnDefinition Width="350" />
        </Grid.ColumnDefinitions>
        <Grid Grid.Column="1">
            <StackPanel
                x:Name="uxUpdateListPanel"
                HorizontalAlignment="Center"
                VerticalAlignment="Center"
                Orientation="Vertical">
                <TextBlock
                    Width="280"
                    Height="38"
                    Margin="0,0,0,10"
                    FontSize="30"
                    TextAlignment="Center">
                    更新項目選擇 :
                </TextBlock>
                <Border BorderBrush="Black" BorderThickness="2" />
                <CheckBox
                    Width="280"
                    Height="50"
                    FontSize="30"
                    IsChecked="True"
                    Tag="Basic">
                    基本設定
                </CheckBox>
                <CheckBox
                    Width="280"
                    Height="50"
                    FontSize="30"
                    IsChecked="True"
                    Tag="History">
                    大事紀
                </CheckBox>
                <CheckBox
                    Width="280"
                    Height="50"
                    FontSize="30"
                    IsChecked="True"
                    Tag="Product">
                    產品展示
                </CheckBox>
                <CheckBox
                    Width="280"
                    Height="50"
                    FontSize="30"
                    IsChecked="True"
                    Tag="CSR">
                    社會責任
                </CheckBox>
            </StackPanel>
        </Grid>
        <Grid Grid.Column="2" VerticalAlignment="Center">
            <StackPanel Orientation="Vertical">
                <Grid Name="uxWorkingGrid">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="2.5*" />
                        <ColumnDefinition Width="0.5*" />
                    </Grid.ColumnDefinitions>
                    <Grid Name="uxIpGrid" Grid.Column="0">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="0.3*" />
                            <ColumnDefinition Width="0.1*" />
                            <ColumnDefinition Width="2*" />
                            <ColumnDefinition Width="0.1*" />
                            <ColumnDefinition Width="2*" />
                            <ColumnDefinition Width="0.1*" />
                            <ColumnDefinition Width="2*" />
                            <ColumnDefinition Width="0.1*" />
                            <ColumnDefinition Width="2*" />
                        </Grid.ColumnDefinitions>
                        <Rectangle
                            Name="uxConnectStateRect"
                            Grid.Column="0"
                            Margin="0,1,1,1"
                            Fill="Red" />
                        <TextBox
                            Name="uxIp1Text"
                            Grid.Column="2"
                            Margin="2"
                            HorizontalContentAlignment="Center"
                            VerticalContentAlignment="Center"
                            MaxLength="3" />
                        <TextBlock
                            Grid.Column="3"
                            HorizontalAlignment="Center"
                            VerticalAlignment="Center"
                            Text="." />
                        <TextBox
                            Name="uxIp2Text"
                            Grid.Column="4"
                            Margin="2"
                            HorizontalContentAlignment="Center"
                            VerticalContentAlignment="Center"
                            MaxLength="3" />
                        <TextBlock
                            Grid.Column="5"
                            HorizontalAlignment="Center"
                            VerticalAlignment="Center"
                            Text="." />
                        <TextBox
                            Name="uxIp3Text"
                            Grid.Column="6"
                            Margin="2"
                            HorizontalContentAlignment="Center"
                            VerticalContentAlignment="Center"
                            MaxLength="3" />
                        <TextBlock
                            Grid.Column="7"
                            HorizontalAlignment="Center"
                            VerticalAlignment="Center"
                            Text="." />
                        <TextBox
                            Name="uxIp4Text"
                            Grid.Column="8"
                            Margin="2"
                            HorizontalContentAlignment="Center"
                            VerticalContentAlignment="Center"
                            MaxLength="3" />
                    </Grid>
                    <StackPanel Grid.Column="1" Orientation="Horizontal">
                        <mui:ModernButton
                            Name="uxConnectBtn"
                            Grid.Column="1"
                            Margin="4,0,0,0"
                            Background="White"
                            Click="uxConnect_Click"
                            EllipseDiameter="45"
                            IconHeight="18"
                            IconWidth="18"
                            ToolTip="連線" />
                        <mui:ModernButton
                            Name="uxDisConnectBtn"
                            Margin="2,0,0,0"
                            Background="White"
                            Click="uxDisConnectBtn_Click"
                            EllipseDiameter="45"
                            IconHeight="18"
                            IconWidth="18"
                            IsEnabled="False"
                            ToolTip="中斷連線" />
                    </StackPanel>
                </Grid>
                <ProgressBar
                    Name="uxProgressBar"
                    Grid.ColumnSpan="7"
                    IsIndeterminate="True"
                    Visibility="Collapsed" />
            </StackPanel>
        </Grid>
        <Grid Grid.Column="3" VerticalAlignment="Center">
            <StackPanel Orientation="Horizontal">
                <Grid>
                    <ProgressBar
                        x:Name="uxUpdateProgressBar"
                        Width="300"
                        Height="26"
                        BorderBrush="#FF786A6A"
                        Foreground="#FFEF5353"
                        Maximum="100"
                        Minimum="0" />
                </Grid>
                <mui:ModernButton
                    Name="uxUpdateBtn"
                    Margin="2,0,0,0"
                    HorizontalAlignment="Right"
                    Background="White"
                    Click="uxUpdateBtn_Click"
                    EllipseDiameter="45"
                    IconHeight="18"
                    IconWidth="18"
                    IsEnabled="False"
                    ToolTip="開啟更新" />
            </StackPanel>
        </Grid>
        <Grid Grid.Column="4" VerticalAlignment="Center">
            <StackPanel Orientation="Vertical">
                <TextBlock
                    x:Name="uxStatus"
                    Height="45"
                    Margin="5,0,0,0"
                    FontSize="30" />
            </StackPanel>
        </Grid>
    </Grid>
</UserControl>