个人电脑做网站服务器教程,西部数码域名网站模板,怎么搜索别人的wordpress模板,网站界面设计尺寸规范1.圆角按钮的设置#xff1a;
众所周知在WPF中自带有提示信息#xff0c;当我问创建Button时#xff0c;点击空格出现如下可选设置 带有小扳手#x1f527;图标为相应的属性#xff0c;如果Button有CornerRadius#xff08;角半径#xff09;属性就能够直接设置Button实…1.圆角按钮的设置
众所周知在WPF中自带有提示信息当我问创建Button时点击空格出现如下可选设置 带有小扳手图标为相应的属性如果Button有CornerRadius角半径属性就能够直接设置Button实现圆角效果可是没有因此我们采取另一种方式将Button放到一个带有CornerRadius角半径的容器内Button的Height和Width与容器的Height和Width相同不显示Button的边框利用容器的边框显示间接实现Button圆角的功能。代码如下
Window x:ClassLogin_Pape.Window1 xmlnshttp://schemas.microsoft.com/winfx/2006/xaml/presentation xmlns:xhttp://schemas.microsoft.com/winfx/2006/xaml xmlns:dhttp://schemas.microsoft.com/expression/blend/2008 xmlns:mchttp://schemas.openxmlformats.org/markup-compatibility/2006 xmlns:localclr-namespace:Login_Pape mc:Ignorabled TitleWindow1 Height500 Width800 Border Height100 Width200 CornerRadius25 BorderBrush#49B7A3 Padding0 BorderThickness1 Button Height100 Width200 Background Transparent BorderThickness0/ /Border /Window
效果图 2.圆形按钮
圆角按钮可以做的话那么圆形按钮怎么做呢其实也挺简单的只要按照圆角按钮的设置方式只要能将包裹按钮的四个倒角加起来组成正方形就行了 如下图所示圆的直径等于正方形的边长即可。倒角的半径理论上是等于正方形边长的一半也就是元的半径。但在实际设置中只要设置成大于等于园的半径都是可以的。代码如下
Window x:ClassLogin_Pape.Window1 xmlnshttp://schemas.microsoft.com/winfx/2006/xaml/presentation xmlns:xhttp://schemas.microsoft.com/winfx/2006/xaml xmlns:dhttp://schemas.microsoft.com/expression/blend/2008 xmlns:mchttp://schemas.openxmlformats.org/markup-compatibility/2006 xmlns:localclr-namespace:Login_Pape mc:Ignorabled TitleWindow1 Height500 Width800 StackPanel Border Height100 Width200 CornerRadius25 BorderBrush#49B7A3 Padding0 BorderThickness1 Button Height100 Width200 Background Transparent BorderThickness0/ /Border Separator Height50 BorderThickness 1/Separator Border Height30 Width30 CornerRadius15 BorderBrush#49B7A3 Padding0 BorderThickness1 Button Height30 Width30 Background Transparent BorderThickness0/ /Border /StackPanel /Window
效果图 说明为方便和圆角按钮进行对比我将两个按钮放置在一起用分割线分开。
