ELK/Furnace/FurnaceGasPanelUI/MainView.xaml

<wnd:CustomWnd x:Class="FurnaceGasPanelUI.Client.MainView"
       xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
        xmlns:cal="http://www.caliburn.org"     
        WindowState="Normal"
        WindowStartupLocation="CenterScreen"
        xmlns:wnd="http://OpenSEMI.Ctrlib.com/presentation"
        xmlns:client="clr-namespace:FurnaceGasPanelUI.Client"
        xmlns:converter="clr-namespace:MECF.Framework.UI.Client.Ctrlib.Converter;assembly=MECF.Framework.UI.Client"
        xmlns:deviceControl="clr-namespace:Aitex.Core.UI.DeviceControl;assembly=MECF.Framework.UI.Core"
        Title="MainView" Height="900" Width="1280"  FontFamily="Segoe" Loaded="CustomWnd_Loaded" >

    <!--显示器最佳分辨率 1024 * 768 ， 内容页面 1000*560 -->
    <Window.Resources>
        <client:DateTimeToTextConverter x:Key="dateTimeToTextConverter"/>
        <client:CollectionLastIndexConverter x:Key="collectionLastIndexConverter" />
        <converter:UnitOnlineBorderColorConverter x:Key="UnitOnlineBorderColorConverter"/>
        <converter:BoolReverseConverter x:Key="BoolReverseConverter"></converter:BoolReverseConverter>
    </Window.Resources>
    <Viewbox Stretch="Fill">
        <Grid Background="{DynamicResource MainArea_BG}" Width="1280" Height="900">
            <Grid x:Name="LoginPart" Background="{StaticResource Login_BG}">
                <Ellipse MaxWidth="1000" MaxHeight="800" Fill="{DynamicResource Login_BG_Highlight}"/>
                <Grid Width="590" Height="365">
                    <Grid.Effect>
                        <DropShadowEffect Color="#FF0B1E5A" BlurRadius="30" ShadowDepth="0"/>
                    </Grid.Effect>
                    <Border BorderBrush="{DynamicResource LoginPanel_BD}" BorderThickness="1" CornerRadius="3" Background="{DynamicResource Login_BG}">
                        <Grid>
                            <Path Data="M0,0 L0.67857742,0.054499656 C95.091171,7.7605554 387.09985,38.266688 589.03564,132.3875 L590,132.84716 590,249.338 C590,250.99486 588.65686,252.338 587,252.338 L441.29346,252.338 440.83957,252.18517 C350.99802,222.35816 203.01686,189.00345 6.2653065,198.4652 L0,198.80318 z" Stretch="Fill" Height="252.338" VerticalAlignment="Bottom" Width="590" Fill="{DynamicResource Login_BG}"/>
                            <Grid Margin="60,40">
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="70"/>
                                    <RowDefinition Height="10"/>
                                    <RowDefinition/>
                                    <RowDefinition Height="Auto"/>
                                </Grid.RowDefinitions>
                                <StackPanel HorizontalAlignment="Left" Orientation="Horizontal">
                                    <TextBlock TextWrapping="Wrap" Text="Login" FontWeight="Bold" FontFamily="Arial" FontSize="50" Foreground="White" VerticalAlignment="Bottom" Margin="0,0,0,5"/>
                                    <TextBlock TextWrapping="Wrap" Text="登录" FontFamily="SimHei" FontSize="32" Foreground="White" Opacity="0.5" Margin="10,0,0,12" VerticalAlignment="Bottom" FontWeight="Bold"/>
                                </StackPanel>
                                <StackPanel Grid.Row="1" Orientation="Horizontal" Margin="-20,0">
                                    <Rectangle Fill="#19FFFFFF" Width="10" Height="10"/>
                                    <Rectangle Fill="#7FFFFFFF" Width="10" Height="10" Margin="3,0,0,0"/>
                                    <Rectangle Fill="#33FFFFFF" Width="10" Height="10" Margin="3,0,0,0"/>
                                    <Rectangle Fill="#66FFFFFF" Width="10" Height="10" Margin="50,0,0,0"/>
                                    <Rectangle Fill="#7FFFFFFF" Width="10" Height="10" Margin="3,0,0,0"/>
                                    <Rectangle Fill="#4CFFFFFF" Width="10" Height="10" Margin="3,0,0,0"/>
                                    <Rectangle Fill="#33FFFFFF" Width="10" Height="10" Margin="3,0,0,0"/>
                                    <Rectangle Fill="#66FFFFFF" Width="10" Height="10" Margin="3,0,0,0"/>
                                    <Rectangle Fill="#99FFFFFF" Width="10" Height="10" Margin="3,0,0,0"/>
                                    <Rectangle Fill="#7FFFFFFF" Width="10" Height="10" Margin="3,0,0,0"/>
                                    <Rectangle Fill="#99FFFFFF" Width="10" Height="10" Margin="20,0,0,0"/>
                                    <Rectangle Fill="#B2FFFFFF" Width="10" Height="10" Margin="3,0,0,0"/>
                                    <Rectangle Fill="#CCFFFFFF" Width="10" Height="10" Margin="3,0,0,0"/>
                                    <Rectangle Fill="#CCFFFFFF" Width="10" Height="10" Margin="3,0,0,0"/>
                                    <Rectangle Fill="#B2FFFFFF" Width="10" Height="10" Margin="3,0,0,0"/>
                                    <Rectangle Fill="#19FFFFFF" Width="10" Height="10" Margin="50,0,0,0"/>
                                    <Rectangle Fill="#4CFFFFFF" Width="10" Height="10" Margin="3,0,0,0"/>
                                    <Rectangle Fill="#19FFFFFF" Width="10" Height="10" Margin="3,0,0,0"/>
                                    <Rectangle Fill="#4CFFFFFF" Width="10" Height="10" Margin="30,0,0,0"/>
                                    <Rectangle Fill="#66FFFFFF" Width="10" Height="10" Margin="3,0,0,0"/>
                                    <Rectangle Fill="#33FFFFFF" Width="10" Height="10" Margin="3,0,0,0"/>
                                    <Rectangle Fill="#33FFFFFF" Width="10" Height="10" Margin="3,0,0,0"/>
                                    <Rectangle Fill="#66FFFFFF" Width="10" Height="10" Margin="3,0,0,0"/>
                                    <Rectangle Fill="#7FFFFFFF" Width="10" Height="10" Margin="3,0,0,0"/>
                                    <Rectangle Fill="#4CFFFFFF" Width="10" Height="10" Margin="3,0,0,0"/>
                                    <Rectangle Fill="#33FFFFFF" Width="10" Height="10" Margin="3,0,0,0"/>
                                </StackPanel>
                                <Grid Margin="40" Grid.Row="2">
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="130"/>
                                        <ColumnDefinition/>
                                    </Grid.ColumnDefinitions>
                                    <Grid.RowDefinitions>
                                        <RowDefinition/>
                                        <RowDefinition/>
                                        <RowDefinition/>
                                    </Grid.RowDefinitions>
                                    <TextBox x:Name="tbLoginName" Grid.Column="1" Text="" TabIndex="0" TextWrapping="Wrap" Height="18" VerticalAlignment="Center" Style="{DynamicResource Login_TextBox}"/>
                                    <PasswordBox x:Name="pdbPassword" Grid.Column="1" Grid.Row="1" TabIndex="1" Style="{DynamicResource Login_PasswordBox}" Margin="0,0,0,2">
                                        <i:Interaction.Triggers>
                                            <i:EventTrigger EventName="KeyDown">
                                                <cal:ActionMessage MethodName="Enter">
                                                    <cal:Parameter Value="$eventargs" />
                                                    <cal:Parameter Value="{Binding ElementName=tbLoginName, Path=Text}" />
                                                    <cal:Parameter Value="{Binding ElementName=pdbPassword}" />
                                                    <cal:Parameter Value="{Binding ElementName=cbRole, Path=SelectedValue}" />
                                                </cal:ActionMessage>
                                            </i:EventTrigger>
                                        </i:Interaction.Triggers>
                                    </PasswordBox>
                                    <ComboBox x:Name="cbRole" Style="{DynamicResource Login_ComboBox}" Grid.Column="1" Grid.Row="1" ItemsSource="{Binding Roles}" DisplayMemberPath="RoleName" SelectedIndex="0" TabIndex="2" Margin="0,20,0,0" Grid.RowSpan="2"/>
                                    <TextBlock TextWrapping="Wrap" Text="User Name" Foreground="{DynamicResource FG_White}" FontSize="16" FontFamily="Arial" FontWeight="Bold" HorizontalAlignment="Right" VerticalAlignment="Center" Margin="0,0,20,0"/>
                                    <TextBlock TextWrapping="Wrap" Text="Password" Foreground="{DynamicResource FG_White}" FontSize="16" FontFamily="Arial" FontWeight="Bold" HorizontalAlignment="Right" VerticalAlignment="Center" Margin="0,0,20,0" Grid.Row="1"/>
                                    <TextBlock TextWrapping="Wrap" Text="Role" Foreground="{DynamicResource FG_White}" FontSize="16" FontFamily="Arial" FontWeight="Bold" HorizontalAlignment="Right" VerticalAlignment="Center" Margin="0,0,20,0" Grid.Row="2"/>
                                </Grid>
                                <Button Style="{StaticResource Login_Button}" Content="Login" Grid.Row="3" FontFamily="Arial" FontSize="18" FontWeight="Bold" HorizontalAlignment="Center" VerticalAlignment="Center" Height="55" Width="160">
                                    <i:Interaction.Triggers>
                                        <i:EventTrigger EventName="Click">
                                            <cal:ActionMessage MethodName="Login">
                                                <cal:Parameter Value="{Binding ElementName=tbLoginName, Path=Text}" />
                                                <cal:Parameter Value="{Binding ElementName=pdbPassword}" />
                                                <cal:Parameter Value="{Binding ElementName=cbRole, Path=SelectedValue}" />
                                            </cal:ActionMessage>
                                        </i:EventTrigger>
                                    </i:Interaction.Triggers>
                                </Button>
                            </Grid>
                        </Grid>
                    </Border>
                </Grid>
                <Grid.Style>
                    <Style>
                        <Style.Triggers>
                            <DataTrigger Binding="{Binding IsLogin}" Value="True">
                                <Setter Property="Grid.Visibility" Value="Collapsed"></Setter>
                            </DataTrigger>
                        </Style.Triggers>
                    </Style>
                </Grid.Style>
            </Grid>
            <Border   >

                <Grid x:Name="MainPage">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="*"/>
                    </Grid.RowDefinitions>

                    
                    <Grid Grid.Row="0" Background="{DynamicResource MainArea_BG}">
                        <Rectangle Fill="{DynamicResource MainArea_InnerBG}" Margin="20,8" RadiusX="5" RadiusY="5">
                            <Rectangle.Effect>
                                <BlurEffect Radius="40"/>
                            </Rectangle.Effect>
                        </Rectangle>

                        <ContentControl x:Name="ActiveItem" cal:View.Context="{Binding Context}" cal:View.Model="{Binding ActiveItem}" Margin="0" Padding="0" >
                        </ContentControl>

                    </Grid>

                   
                    <Grid.Style>
                        <Style>
                            <Style.Triggers>
                                <DataTrigger Binding="{Binding IsLogin}" Value="False">
                                    <Setter Property="Grid.Visibility" Value="Collapsed"></Setter>
                                </DataTrigger>
                            </Style.Triggers>
                        </Style>
                    </Grid.Style>
                </Grid>

            </Border>
        </Grid>
    </Viewbox>
</wnd:CustomWnd>