首页 > 其他分享 >WPF 使用border绘制出只显示四个直角的效果

WPF 使用border绘制出只显示四个直角的效果

时间:2023-07-05 11:11:40浏览次数:40  
标签:样式 直角 边框 UI WPF border

前段时间为项目做了个人脸识别登录的功能,但无奈本人功底有限(样式没有那么让老板满意),最后请了个UI工程师重新设计了一份。UI设计的效果开发再去实现的过程(懂的都懂),最后居然卡在了一个直角边框上。搜寻了很多资料居然没有着相关的样式,这个也是踩坑了挺久。这里奉上结果的代码

<Border BorderThickness="1">
        <Border.BorderBrush>
                <LinearGradientBrush StartPoint="0,0" EndPoint="1,1">
                         <GradientStop Offset="0" Color="Black" />
                         <GradientStop Offset="0.1" Color="Black" />
<GradientStop Offset="0.1" Color="Transparent" /> <GradientStop Offset="0.4" Color="Transparent" />
<GradientStop Offset="0.4" Color="Black" /> <GradientStop Offset="0.6" Color="Black" /> <GradientStop Offset="0.6" Color="Transparent" /> <GradientStop Offset="0.9" Color="Transparent" /> <GradientStop Offset="0.9" Color="Black" /> <GradientStop Offset="1" Color="Black" /> </LinearGradientBrush> </Border.BorderBrush> </Border>

修改直角的边的长度可以通过修改内部的 GradientStop标记的Offset属性来实现

同时也奉上虚线边框的样式,同样是使用BorderBrush实现的

<Border.BorderBrush>
       <VisualBrush>
              <VisualBrush.Visual>
                     <Rectangle
                      x:Name="AlertBox"
                      Width="{Binding RelativeSource={RelativeSource AncestorType={x:Type Border}}, Path=ActualWidth}"
                      Height="{Binding RelativeSource={RelativeSource AncestorType={x:Type Border}}, Path=ActualHeight}"
                      Margin="5"
                      Stroke="Black"
                      StrokeDashArray="5"
                      StrokeDashOffset="2" />
              </VisualBrush.Visual>
       </VisualBrush>
</Border.BorderBrush>

  

标签:样式,直角,边框,UI,WPF,border
From: https://www.cnblogs.com/lymazj/p/17433884.html

相关文章

  • DevExpress WPF Scheduler组件,快速构建性能优异的调度管理器!(下)
    在上文中(点击这里回顾>>),我们介绍了DevExpressWPFScheduler组件中的日历视图、时间轴视图等,在本文中我们将继续带大家了解Scheduler组件的UI/UX自定义等其他功能。DevExpressWPF拥有120+个控件和库,将帮助您交付满足甚至超出企业需求的高性能业务应用程序。通过DevExpressWPF能......
  • WPF处理未捕获异常和程序退出事件
    Application和AppDomain都有Exit事件,程序正常退出,会依次调用Application的Exit事件和Appdomain的Exit事件。如果是因为未捕获的异常导致程序退出,则不会调用任何Exit事件。Appdomain的Exit事件不要再出现UI元素,如弹窗之类的,会导致异常。AppDomain.UnhandledException会捕获所有T......
  • wpf 资源字典 换肤
    介绍一下wpf中给控件更改样式的集中方法,只用button演示,其他控件相同1.使用代码更改button的style定义button的style1<StyleTargetType="Button"x:Key="buttonstyle1"><SetterProperty="Background"Value="LightBlue"/>&l......
  • WPF复习知识点记录
    WPF复习知识点记录由于近几年主要在做Web项目,客户端的项目主要是以维护为主,感觉对于基础知识的掌握没有那么牢靠,趁着这个周末重新复习下WPF的相关知识。文章内容主要来自大佬刘铁锰老师的经典著作《深入浅出WPF》。因为是复习,所以知识内容不会一一记录,如有需要了解更多可以看书......
  • 用Wpf做一个Block编程画板(续5-Diagram画板,仿Scratch)
    用Wpf做一个Block编程画板(续5-Diagram画板)先上一张效果动图,本次更新主要仿照Scratch,目前仅完成拖拽部分,逻辑部分后续完善。同样老规矩,先上源码地址:https://gitee.com/akwkevin/aistudio.-wpf.-diagram本次扩展主要内容:1.Block模块,入口在文件新建下。2.简易Block的使用:......
  • [WPF]静态资源(StaticResource)和动态资源(DynamicResource)
    一、文章概述本演示介绍了WPF的静态资源和动态资源的基本使用,并对两者做了简单的比较。静态资源(StaticResource)指的是在程序载入内存时对资源的一次性使用,之后就不再访问这个资源了;动态资源(DynamicResource)使用指的是在程序运行过程中然会去访问资源。相关下载(代码、屏幕录像):h......
  • wpf checkbox控件模板
    先看一下上一篇文章:wpfbutton控件模板。再看此文会更好理解  vs生产的checkbox控件模板有很长,我们直接找到controltemplate标签,和controltemplate.triggers。控件模板都先找这两个地方看一下布局和触发器既可以了。剩下的都是定义的一些资源和样式。checkbox的控件模板中定......
  • wpf button控件模板
    1.从button的style说起button有很多属性,我们在xaml中定义一个按钮时可以指定button的content、background、height、width等等。这些都是button的属性,而style也不例外也是button的一个属性,只是在给style属性赋值时不能简单的像height=“100”一样简单的设定一个字符串。先看......
  • WPF Showdialog与DialogResult的注意事项
    我们知道如果要设置window.Showdialog()的返回值,需要设置window.DialogResult属性。但是设置window.DialogResult属性会自动触发close,如果window.DialogResult属性会触发Window_OnClosing事件privatevoidBtnCancel_Click(objectsender,RoutedEventArgse){......
  • WPF数据绑定UI不更新原因之一
    下面是有问题的代码privateObservableCollection<Params>_values;publicMainWindow(){InitializeComponent();this.dgrid1.ItemsSource=_values;}privatevoidbtnUploadClick(objectsender,RoutedEventArgse){_values=newObservableCollection&......