效果图

(黑色是我的桌面)

圆角登录框

以下基于WPF。

一开始最先要的效果就是圆角窗体,单纯出于美观的心态,但是人是不满足的,改了一点就像再有一点。哈哈哈

更改默认

其实就是将原有的窗体变隐藏,然后搞一个新的出来。
WindowStyle="None" AllowsTransparency="True" Background="Transparent"
将窗体设为透明,是如何实现的呢。
WindowStyle="None"
去除了窗体边框
AllowsTransparency="True"
允许透明
Background="Transparent"
窗体透明

以上三者请搭配使用。如此我们就拥有了一个透明底层。

设置圆角
设置圆角这边用到了Border属性。 <Border BorderThickness="1" BorderBrush="DarkGray"
CornerRadius="20,20,20,20" Margin="95,49,91,118.6"> <Border.Background>
<SolidColorBrush Color="White"/> </Border.Background> </Border>
BorderThickness="1"
改变窗体的粗细,数值肖线条细,那么粗线条肯定与之相反拉。
BorderBrush="DarkGray"
设置边框的颜色,这边我这是的暗灰,想使用怎样的颜色对应到相对的颜色就好。
CornerRadius="20,20,20,20"
通过CornerRadius来设置圆角,而后面的数值则是我们想要角弯曲的角度,想弯曲的角度大就把数值设定的大一点,想要低调的角度就把数值设定的小一点。

效果图:

现在获得了我们想要的画布。如果想要透明效果的话通过 Opacity="0.7"来设置。

姓名与密码框
在这一部分预先效果是在没有输入内容的时候有文字提示,当文本框获得焦点时文字提示消失。

TEXT框变成一条线
BorderThickness="0,0,0,1"
通过此属性进行修改,这样可获得一个之后下横线的text框,本质就是值显示一个框线。

未获得焦点有文字提示,获得后消失
<TextBox.Style> <Style TargetType="TextBox" > <Style.Triggers > <Trigger
Property="Text" Value="{x:Null}"> <Setter Property="Background"
Value="{StaticResource H}"/> </Trigger> <Trigger Property="Text" Value="">
<Setter Property="Background" Value="{StaticResource H}"/> </Trigger>
</Style.Triggers> </Style> </TextBox.Style>
至于文字可以直接通过Text="请输入姓名" 来设定

图形化按钮

将按钮变为图片,其实就是给控件贴图片嘛,举个例子:你的键帽本来黑色,但是你不喜欢你换成的红色的键帽,他本质来讲还是履行了自己的键值本职,而我们更改键帽只是更改了它的外貌而已。所以只需要附个图片就行,就不写了。

去除背景条框
在我们添加了图片之后会发现图片周围还是有控件原有的边框的,这样很不美观,通过BorderBrush="{x:Null}"即可轻松去除

因为WPF中属性等需要自己写,这里写了主要想实现效果的部分,其余部分就跳过了。写的不好的地方请多多斧正。

技术
©2019-2020 Toolsou All rights reserved,
java四大函数式接口(重点,简单)html写樱花树,写樱花树的作文HashMap详解某东14薪变16薪,是诚意还是套路?浏览器内核(理解)让人意想不到的Python之樱花树(turtle库的华丽样式)os模块的简单使用