WPF--登陆界面

效果图

在这里插入图片描述

（黑色是我的桌面）

圆角登录框

以下基于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中属性等需要自己写，这里写了主要想实现效果的部分，其余部分就跳过了。写的不好的地方请多多斧正。

猜你喜欢