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

先看效果

 
我修改了ToggleButton的ControlTemplate，在ContentPresenter外面加了4个Border,控制4个Border的位置在ControlTemplate的左上、右上、左下、右下，选中时，触发4个边框的BorderThickness
<Window
      Loaded="Window_Loaded"   >
   
    <Grid>
            <Ellipse Grid.Row="1" x:Name="blueQ" Stroke="Black"    Fill="#FF1C84EE"/>
    </Grid>
</Window>   
<Window
      Loaded="Window_Loaded"   >
   
    <Grid>
            <Ellipse Grid.Row="1" x:Name="blueQ" Stroke="Black"    Fill="#FF1C84EE"/>
    </Grid>
</Window>   
<Window
      Loaded="Window_Loaded"   >
   
    <Grid>
            <Ellipse Grid.Row="1" x:Name="blueQ" Stroke="Black"    Fill="#FF1C84EE"/>
    </Grid>
</Window>   
<Window
      Loaded="Window_Loaded"   >
   
    <Grid>
            <Ellipse Grid.Row="1" x:Name="blueQ" Stroke="Black"    Fill="#FF1C84EE"/>
    </Grid>
</Window>   

1. [/code] 
2. 登录界面
3. 之前看过一个html的登录界面效果挺好，就用wpf实现了一个
4. [align=center][img]https://img2024.cnblogs.com/blog/1401959/202409/1401959-20240925164151576-352562030.png[/img][/align]
5.  
6. 我是用的一个蓝色的圆，移动了圆的位置，在登录界面白色配景上形成了一个弧形划分的效果；当然也可以用配景图，但是我也没找到类似的图；这样做还有个好处，可以根据体系主题，变换登录界面弧形颜色。
7. 右半部分的输入框部分代码我没贴。
8. [code]<Window
9.       Loaded="Window_Loaded"   >
10.    
11.     <Grid>
12.             <Ellipse Grid.Row="1" x:Name="blueQ" Stroke="Black"    Fill="#FF1C84EE"/>
13.     </Grid>
14. </Window>

复制代码

1. private void Window_Loaded(object sender, RoutedEventArgs e)
2.         {
4.             blueQ.Width = this.ActualHeight * 2;
5.             blueQ.Height = this.ActualHeight * 2;
6.             blueQ.Margin = new Thickness(-this.ActualHeight, -this.ActualHeight, 0, 0);
8.         }

复制代码

 

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。