WPF-Material Desgin-登录窗体

效果:
在这里插入图片描述


窗体移动:

private void windowsMove(object sender, MouseEventArgs e)
        {

            if (e.LeftButton == MouseButtonState.Pressed)
            {
                try
                {
                    DragMove();
                }
                catch
                {

                };


            }

窗体背景:
这个是用的矩形框,所以背景是

 <Rectangle Height="465" VerticalAlignment="Top" Margin="0,10,0.4,0" RadiusX="20" RadiusY="20"  >
            <Rectangle.Fill>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#94d6da" />

                    <GradientStop Color="#afdfe4" Offset="0.6"/>

                    <GradientStop Color="#c85d44" Offset="0.9"/>
              
                </LinearGradientBrush>

            </Rectangle.Fill>

        </Rectangle>

主要是通过LinearGradientBrush EndPoint=“0.5,1” StartPoint="0.5,0"这句话来实现的。后面的GradientStop color来设置不同的颜色,来实现渐变效果。


输入框:
输入框引用domo里面的样式即可。前面一篇博客写了怎么使用Material Desgin.在基本工作做完之后,选择自己想引用的样式即可。

<PasswordBox x:Name="FloatingPasswordBox" materialDesign:HintAssist.Hint="PassWord" materialDesign:HintAssist.Foreground="Green" materialDesign:TextFieldAssist.UnderlineBrush="Green"  Style="{StaticResource MaterialDesignFloatingHintPasswordBox}" VerticalAlignment="Top"  HorizontalAlignment="Center" Margin="75,265,75.4,0" Width=" 200" Height="55" FontFamily="FZshuTi" FontSize="24" FontStyle="Italic" FontWeight="Black"  />

例如password框,里面的style就是本次使用的样式,其他属性可以通过自己的需求写。


阴影:
因想实现一个突出的效果,可以使用阴影效果

         <Rectangle.Effect>
                <DropShadowEffect Color="#a1a3a6" Direction="0" RenderingBias="Quality" BlurRadius="10" ShadowDepth="10"  />
            </Rectangle.Effect>

当前使用的控件是rectangle控件。如果是其他控件只需要将rectangle替换成当前实际使用的控件类型即可

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 14
    评论
评论 14
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值