效果图
(黑色是我的桌面)
圆角登录框
以下基于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中属性等需要自己写,这里写了主要想实现效果的部分,其余部分就跳过了。写的不好的地方请多多斧正。