wpf ToggleButton选中效果和一个登录界面

先看效果

我修改了ToggleButton的ControlTemplate，在ContentPresenter外面加了4个Border,控制4个Border的位置在ControlTemplate的左上、右上、左下、右下，选中时，触发4个边框的BorderThickness

Style   TargetType="{x:Type ToggleButton}"> 
        Setter Property="Background" Value="Transparent"/>
        Setter Property="BorderBrush" Value="DarkGray"/> 
        Setter Property="BorderThickness" Value="1"/> 
        Setter Property="Padding" Value="0"/>
        Setter Property="Template">
            Setter.Value>
                ControlTemplate TargetType="{x:Type ToggleButton}">
                    Grid>
                        Border x:Name="brdOut1"  BorderBrush="{StaticResource MaterialDesignGroupBorder}" Width="20" Height="20" HorizontalAlignment="Left" VerticalAlignment="Top"/>
                        Border x:Name="brdOut2" BorderBrush="{StaticResource MaterialDesignGroupBorder}" Width="20" Height="20" HorizontalAlignment="Right" VerticalAlignment="Top"/>
                        Border x:Name="brdOut3" BorderBrush="{StaticResource MaterialDesignGroupBorder}" Width="20" Height="20" HorizontalAlignment="Left" VerticalAlignment="Bottom"/>
                        Border x:Name="brdOut4" BorderBrush="{StaticResource MaterialDesignGroupBorder}" Width="20" Height="20" HorizontalAlignment="Right" VerticalAlignment="Bottom"/>
 
                        Border Margin="2" x:Name="border" BorderBrush="{TemplateBinding BorderBrush}" CornerRadius="0" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" SnapsToDevicePixels="True">

                          ContentPresenter Grid.Row="1" x:Name="contentPresenter" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" ContentStringFormat="{TemplateBinding ContentStringFormat}" Focusable="False" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/> 
                         Border>
                    Grid>
                    ControlTemplate.Triggers>
                       
                        Trigger Property="IsChecked" Value="True">
                            Setter Property="BorderThickness" TargetName="brdOut1" Value="2,2,0,0"/>
                            Setter Property="BorderThickness" TargetName="brdOut2" Value="0 2 2 0"/>
                            Setter Property="BorderThickness" TargetName="brdOut3" Value="2 0 0 2"/>
                            Setter Property="BorderThickness" TargetName="brdOut4" Value="0 0 2 2"/>

                        Trigger>
                       
                        DataTrigger>
                    ControlTemplate.Triggers>
                ControlTemplate>
            Setter.Value>
        Setter>
    Style>

登录界面

之前看过一个html的登录界面效果挺好，就用wpf实现了一个

我是用的一个蓝色的圆，移动了圆的位置，在登录界面白色背景上形成了一个弧形划分的效果；当然也可以用背景图，但是我也没找到类似的图；这样做还有个好处，可以根据系统主题，变换登录界面弧形颜色。
右半部分的输入框部分代码我没贴。

Window
      Loaded="Window_Loaded"   >
   
    Grid> 
            Ellipse Grid.Row="1" x:Name="blueQ" Stroke="Black"    Fill="#FF1C84EE"/> 
    Grid>
Window>

private void Window_Loaded(object sender, RoutedEventArgs e)
        {

            blueQ.Width = this.ActualHeight * 2;
            blueQ.Height = this.ActualHeight * 2;
            blueQ.Margin = new Thickness(-this.ActualHeight, -this.ActualHeight, 0, 0);
 
        }

千百度

1.本站内容仅供参考，不作为任何法律依据。用户在使用本站内容时，应自行判断其真实性、准确性和完整性，并承担相应风险。

2.本站部分内容来源于互联网，仅用于交流学习研究知识，若侵犯了您的合法权益，请及时邮件或站内私信与本站联系，我们将尽快予以处理。

3.本文采用知识共享署名4.0国际许可协议 [BY-NC-SA] 进行授权

4.根据《计算机软件保护条例》第十七条规定“为了学习和研究软件内含的设计思想和原理，通过安装、显示、传输或者存储软件等方式使用软件的，可以不经软件著作权人许可，不向其支付报酬。”您需知晓本站所有内容资源均来源于网络，仅供用户交流学习与研究使用，版权归属原版权方所有，版权争议与本站无关，用户本人下载后不能用作商业或非法用途，需在24个小时之内从您的电脑中彻底删除上述内容，否则后果均由用户承担责任；如果您访问和下载此文件，表示您同意只将此文件用于参考、学习而非其他用途，否则一切后果请您自行承担，如果您喜欢该程序，请支持正版软件，购买注册，得到更好的正版服务。

5.本站是非经营性个人站点，所有软件信息均来自网络，所有资源仅供学习参考研究目的，并不贩卖软件，不存在任何商业目的及用途

THE END

NET开发学习