DMS/Views/SettingView.xaml

<UserControl x:Class="PMSWPF.Views.SettingView"
             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:ui="http://schemas.inkore.net/lib/ui/wpf/modern"
             xmlns:ikw="http://schemas.inkore.net/lib/ui/wpf"
             mc:Ignorable="d"
             d:DesignHeight="450"
             d:DesignWidth="800">
    <StackPanel>

        <ui:SettingsExpander x:Name="dbSettingCard"
                             Header="设置数据库"
                             Description="设置要连接的数据库，数据全部在数据库中存放">
            <ui:SettingsExpander.HeaderIcon>
                <ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.DataSense}"
                             VerticalAlignment="Center"
                             Margin="0,0,8,0"
                             FontSize="14" />
            </ui:SettingsExpander.HeaderIcon>
            
            <Button Content="测试连接"
                    Command="{Binding TestConnectionCommand}"
                    Style="{StaticResource AccentButtonStyle}"
                    Margin="0,10,0,0"
                    HorizontalAlignment="Left" />
            
            <ui:SettingsExpander.Items>
                <ui:SettingsCard HorizontalAlignment="Left"
                                 Width="{Binding ElementName=dbSettingCard ,Path=Width}">
                    <ikw:SimpleStackPanel Orientation="Horizontal"
                                          Spacing="10">
                        <TextBlock Text="数据库类型:"
                                   FontSize="14"
                                   VerticalAlignment="Center"
                                   Margin="30,0,10,0" />
                        <ComboBox Grid.Column="1"
                                  MinWidth="200"
                                  ItemsSource="{Binding AvailableDbTypes}"
                                  SelectedItem="{Binding SelectedDbType}" />
                    </ikw:SimpleStackPanel>
                </ui:SettingsCard>


                <ui:SettingsCard HorizontalAlignment="Left"
                                 Width="{Binding ElementName=dbSettingCard ,Path=Width}">
                    <ikw:SimpleStackPanel Orientation="Horizontal"
                                          Spacing="10">
                        <TextBlock Text="服务器地址:"
                                   VerticalAlignment="Center"
                                   Margin="0,0,10,0" />
                        <TextBox Grid.Column="1"
                                 Text="{Binding Server, UpdateSourceTrigger=PropertyChanged}" />
                    </ikw:SimpleStackPanel>
                </ui:SettingsCard>
                 <ui:SettingsCard HorizontalAlignment="Left"
                                 Width="{Binding ElementName=dbSettingCard ,Path=Width}">
                    <ikw:SimpleStackPanel Orientation="Horizontal"
                                          Spacing="10">
                        <TextBlock Text="服务器端口:"
                                   VerticalAlignment="Center"
                                   Margin="0,0,10,0" />
                        <TextBox Grid.Column="1"
                                 Text="{Binding Port, UpdateSourceTrigger=PropertyChanged}" />
                    </ikw:SimpleStackPanel>
                </ui:SettingsCard>
                
                
                <ui:SettingsCard HorizontalAlignment="Left"
                                 Width="{Binding ElementName=dbSettingCard ,Path=Width}">
                    <ikw:SimpleStackPanel Orientation="Horizontal"
                                          Spacing="10">
                        <TextBlock Text="用户名:"
                                   VerticalAlignment="Center"
                                   Margin="0,0,10,0" />
                        <TextBox Grid.Column="1"
                                 Text="{Binding UserId, UpdateSourceTrigger=PropertyChanged}" />
                    </ikw:SimpleStackPanel>
                </ui:SettingsCard>
                
                <ui:SettingsCard HorizontalAlignment="Left"
                                 Width="{Binding ElementName=dbSettingCard ,Path=Width}">
                    <ikw:SimpleStackPanel Orientation="Horizontal"
                                          Spacing="10">
                        <TextBlock Text="密码:"
                                   VerticalAlignment="Center"
                                   Margin="0,0,10,0" />
                        <TextBox Grid.Column="1"
                                 Text="{Binding Password, UpdateSourceTrigger=PropertyChanged}" />
                    </ikw:SimpleStackPanel>
                </ui:SettingsCard>
                
                <ui:SettingsCard HorizontalAlignment="Left"
                                 Width="{Binding ElementName=dbSettingCard ,Path=Width}">
                    <ikw:SimpleStackPanel Orientation="Horizontal"
                                          Spacing="10">
                        <TextBlock Text="数据库名称:"
                                   VerticalAlignment="Center"
                                   Margin="0,0,10,0" />
                        <TextBox Grid.Column="1"
                                 Text="{Binding Database, UpdateSourceTrigger=PropertyChanged}" />
                    </ikw:SimpleStackPanel>
                </ui:SettingsCard>
               

            </ui:SettingsExpander.Items>

        </ui:SettingsExpander>

        <ui:SettingsExpander Header="后台服务"
                             Description="后台服务相关配置">
            <ui:SettingsExpander.HeaderIcon>
                <ui:FontIcon Glyph="&#xE91B;" />
            </ui:SettingsExpander.HeaderIcon>
            <ui:SettingsExpander.Items>
                <ui:SettingsCard Header="是否启动S7后台服务"
                                 Description="关闭后，将不再轮询S7设备"
                                 IsClickEnabled="True">
                    <ui:ToggleSwitch IsOn="{Binding EnableS7Service, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
                </ui:SettingsCard>
                <ui:SettingsCard Header="是否启动Mqtt后台服务"
                                 Description="关闭后，将不再启动Mqtt服务"
                                 IsClickEnabled="True">
                    <ui:ToggleSwitch IsOn="{Binding EnableMqttService, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
                </ui:SettingsCard>
            </ui:SettingsExpander.Items>
        </ui:SettingsExpander>

        <ui:SettingsExpander Header="SettingsExpander"
                             Description="The SettingsExpander has the same properties as a SettingsCard">
            <ui:SettingsExpander.HeaderIcon>
                <ui:FontIcon Glyph="&#xE91B;" />
            </ui:SettingsExpander.HeaderIcon>

            <Button Content="Content"
                    Style="{StaticResource AccentButtonStyle}" />

            <ui:SettingsExpander.Items>
                <ui:SettingsCard Header="A basic SettingsCard within an SettingsExpander">
                    <Button Content="Button" />
                </ui:SettingsCard>
                <ui:SettingsCard Description="SettingsCard within an Expander can be made clickable too!"
                                 Header="This item can be clicked"
                                 IsClickEnabled="True" />
                <ui:SettingsCard ContentAlignment="Left">
                    <CheckBox
                        Content="Here the ContentAlignment is set to Left. This is great for e.g. CheckBoxes or RadioButtons" />
                </ui:SettingsCard>
            </ui:SettingsExpander.Items>
        </ui:SettingsExpander>

    </StackPanel>
</UserControl>