Logon UI Style

最新推荐文章于 2025-08-02 13:40:10 发布
comedate
最新推荐文章于 2025-08-02 13:40:10 发布
阅读量737
点赞数
CC 4.0 BY-SA版权
文章标签： ui setter border binding textbox login
本文链接：https://blog.csdn.net/comedate/article/details/8063327
本文介绍了一种登录界面的样式定制方案，包括复选框、文本框及密码框的设计细节。通过对界面元素的精心设计，提高了用户体验，并展示了如何通过XAML实现这些设计。
摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >
     <!--  New Logon UI 2012-10-11 -->
    <Style x:Key="Style_CheckBox_Login_SavePassword" TargetType="{x:Type CheckBox}">
        <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>
        <Setter Property="Template" Value="{DynamicResource TP_CheckBox_Login_SavePassword}"/>
        <Setter Property="FontSize" Value="14"/>
        <Setter Property="Height" Value="22"/>
    </Style>
    <ControlTemplate x:Key="TP_CheckBox_Login_SavePassword" TargetType="{x:Type CheckBox}">
        <Grid x:Name="grid" VerticalAlignment="Stretch" Opacity="0.7">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="{Binding ActualHeight, ElementName=grid}"/>
                <ColumnDefinition Width="Auto"/>
            </Grid.ColumnDefinitions>
            <Grid Margin="0,0,0.5,0">
                <Grid.Effect>
                    <DropShadowEffect Color="White" Opacity="0.59" ShadowDepth="0" BlurRadius="8"/>
                </Grid.Effect>
                <Border x:Name="shadow" BorderBrush="{x:Null}" BorderThickness="0" Width="Auto" CornerRadius="3" Background="White" Opacity="0.25" Margin="0,0.5,0,-0.8" Visibility="Hidden">
                    <Border.Effect>
                        <BlurEffect/>
                    </Border.Effect>
                </Border>
                <Border x:Name="normal" BorderBrush="{x:Null}" BorderThickness="0" Width="Auto" CornerRadius="3" Background="#FF8B8C8C" Height="Auto" Margin="0"/>
                <Border x:Name="normalinner" BorderBrush="Black" Width="Auto" CornerRadius="2.5" Height="Auto" Margin="1" d:IsEffectDisabled="True" Background="#FFBDBEBE"/>
                <Border x:Name="mouseoverlight" BorderBrush="#FF6BA1BD" Width="Auto" CornerRadius="3.5" Height="Auto" Margin="-1" Background="{x:Null}" BorderThickness="2" Visibility="Hidden">
                    <Border.Effect>
                        <BlurEffect Radius="0.5"/>
                    </Border.Effect>
                </Border>
                <Rectangle x:Name="rectangle" Fill="#FFCACECC" Margin="5" RadiusX="2.5" RadiusY="2.5" StrokeThickness="1.2" Visibility="Visible" Stroke="{x:Null}">
                    <Rectangle.Effect>
                        <BlurEffect Radius="8"/>
                    </Rectangle.Effect>
                </Rectangle>
                <Path x:Name="path" Data="M4.8333333,10.125 C5.4064832,10.005034 5.4141929,9.8919452 5.9170002,10.125 5.9586668,10.208333 7.4578599,11.876753 7.4578599,11.876753 7.4578599,11.876753 7.9581031,12.252128 8.4580129,11.751628 8.6663086,11.584794 14.082848,5.7873255 14.082848,5.7873255 14.082848,5.7873255 14.54149,5.2864639 15.208122,5.6618598 15.166457,5.7452811 16.250101,6.2043354 15.500116,7.1219321 L8.8336398,14.087325 C8.8336398,14.087325 7.5003155,14.838449 6.8336533,14.254501 6.8753197,14.21279 4.5003357,11.918759 4.5003357,11.918759 4.5003357,11.918759 3.7080075,11.000738 4.8333333,10.125 z" HorizontalAlignment="Center" Stretch="Fill" Stroke="{x:Null}" StrokeThickness="0" Width="20" Height="17" VerticalAlignment="Center" Fill="#FF5F9E75" Visibility="Hidden">
                    <Path.Effect>
                        <BlurEffect Radius="1"/>
                    </Path.Effect>
                </Path>
            </Grid>
            <TextBlock x:Name="textBlock" TextWrapping="Wrap" Text="{Binding DataContext, ElementName=contentPresenter}" d:LayoutOverrides="Width, Height" HorizontalAlignment="{Binding HorizontalAlignment, ElementName=contentPresenter}" VerticalAlignment="{Binding VerticalAlignment, ElementName=contentPresenter}" Grid.Column="1" Margin="10,0,0,0"/>
            <ContentPresenter x:Name="contentPresenter" HorizontalAlignment="Left" VerticalAlignment="Center" Margin="10,0,0,0" Grid.Column="1"/>
        </Grid>
        <ControlTemplate.Triggers>
            <Trigger Property="IsMouseOver" Value="True">
                <Setter Property="Visibility" TargetName="mouseoverlight" Value="Visible"/>
            </Trigger>
            <Trigger Property="IsChecked" Value="True">
                <Setter Property="Visibility" TargetName="rectangle" Value="Visible"/>
                <Setter Property="Visibility" TargetName="path" Value="Visible"/>
                <Setter Property="Visibility" TargetName="shadow" Value="Visible"/>
                <Setter Property="Width" TargetName="path" Value="15.722"/>
                <Setter Property="Height" TargetName="path" Value="13.364"/>
            </Trigger>
            <MultiTrigger>
                <MultiTrigger.Conditions>
                    <Condition Property="IsEnabled" Value="False"/>
                    <Condition Property="IsChecked" Value="False"/>
                </MultiTrigger.Conditions>
                <Setter Property="Visibility" TargetName="rectangle" Value="Visible"/>
                <Setter Property="Opacity" TargetName="grid" Value="0.4"/>
            </MultiTrigger>
            <MultiTrigger>
                <MultiTrigger.Conditions>
                    <Condition Property="IsEnabled" Value="False"/>
                    <Condition Property="IsChecked" Value="True"/>
                </MultiTrigger.Conditions>
                <Setter Property="Visibility" TargetName="shadow" Value="Visible"/>
                <Setter Property="Visibility" TargetName="rectangle" Value="Visible"/>
                <Setter Property="Visibility" TargetName="path" Value="Visible"/>
                <Setter Property="Fill" TargetName="path" Value="#FF575757"/>
            </MultiTrigger>
        </ControlTemplate.Triggers>
    </ControlTemplate>
    
    <Style x:Key="Style_TextBox_Login_UIH_User" TargetType="{x:Type TextBox}">
        <Setter Property="Template" Value="{DynamicResource TextBoxControlTemplatelogin}"/>
    </Style>
    
    <ControlTemplate x:Key="TextBoxControlTemplatelogin" TargetType="{x:Type TextBox}">
        <Grid Width="Auto" Height="Auto">
            <Border x:Name="border" BorderThickness="1" CornerRadius="3" Margin="0" Background="#FFC2CDD1" BorderBrush="#FF8FADBC">
                <Rectangle x:Name="rectangle" Stroke="{x:Null}" StrokeThickness="0" Fill="#FFD8DADA" Margin="5,3" RadiusX="5" RadiusY="5" SnapsToDevicePixels="True">
                    <Rectangle.Effect>
                        <BlurEffect Radius="12"/>
                    </Rectangle.Effect>
                </Rectangle>
            </Border>
            <Rectangle x:Name="rectangle1" HorizontalAlignment="Stretch" RadiusY="5" RadiusX="5" StrokeThickness="2" Stroke="#FF71A7C2" Margin="-1" Visibility="Hidden"/>
            <ScrollViewer x:Name="PART_ContentHost" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" Margin="20,0,0,3" VerticalAlignment="Center" FontSize="18" HorizontalAlignment="Stretch"/>
        </Grid>
        <ControlTemplate.Triggers>
            <Trigger Property="IsFocused" Value="True">
                <Setter Property="Visibility" TargetName="rectangle1" Value="Visible"/>
            </Trigger>
        </ControlTemplate.Triggers>
    </ControlTemplate>
    
    <Style x:Key="Style_PasswordBox_Login_Password" TargetType="{x:Type PasswordBox}">
        <Setter Property="KeyboardNavigation.TabNavigation" Value="None"/>
        <Setter Property="HorizontalContentAlignment" Value="Left"/>
        <Setter Property="AllowDrop" Value="true"/>
        <Setter Property="ScrollViewer.PanningMode" Value="VerticalFirst"/>
        <Setter Property="Stylus.IsFlicksEnabled" Value="False"/>
        <Setter Property="FontFamily" Value="Microsoft YaHei"/>
        <Setter Property="FontSize" Value="14.667"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type PasswordBox}">
                    <Grid Width="Auto" Height="Auto">
                        <Border x:Name="border" BorderThickness="1" CornerRadius="3" Margin="0" Background="#FFC2CDD1" BorderBrush="#FF8FADBC">
                            <Rectangle x:Name="rectangle" Stroke="{x:Null}" StrokeThickness="0" Fill="#FFD8DADA" Margin="5,3" RadiusX="5" RadiusY="5" SnapsToDevicePixels="True">
                                <Rectangle.Effect>
                                    <BlurEffect Radius="12"/>
                                </Rectangle.Effect>
                            </Rectangle>
                        </Border>
                        <Rectangle x:Name="rectangle1" HorizontalAlignment="Stretch" RadiusY="5" RadiusX="5" StrokeThickness="2" Stroke="#FF71A7C2" Margin="-1" Visibility="Hidden"/>
                        <ScrollViewer x:Name="PART_ContentHost" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" Margin="20,0,1,0" VerticalAlignment="Center" FontSize="12" HorizontalAlignment="Stretch"/>
                    </Grid>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsFocused" Value="True">
                            <Setter Property="Visibility" TargetName="rectangle1" Value="Visible"/>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>