• WPF-非矩形窗口的创建


    第一、窗口的AllowsTransparency设置为True

    第二、窗口的Background设置为Transparent

    第三、窗口的WindowStyle设置为None

    第四、窗口内的Grid用Clip或者Border设置为需要的形状

    代码示例(利用Clip实现圆角窗口)

     1 <Window x:Class="Test"
     2         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
     3         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
     4         xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
     5         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
     6         xmlns:local="clr-namespace:CaiPiaoUI"
     7         mc:Ignorable="d"
     8         Title="Test" Height="500" Width="500" WindowStyle="None" AllowsTransparency="True" 
     9         Background="Transparent" WindowStartupLocation="CenterScreen">
    10     <Grid Background="Blue">
    11         <Grid.Clip>
    12             <RectangleGeometry RadiusX="50" RadiusY="50" Rect="0,0,500,500"></RectangleGeometry>
    13         </Grid.Clip>
    14     </Grid>
    15 </Window>

    代码示例(利用Border实现圆角窗口)

     1 <Window x:Class="Test"
     2         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
     3         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
     4         xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
     5         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
     6         xmlns:local="clr-namespace:CaiPiaoUI"
     7         mc:Ignorable="d"
     8         Title="Test" Height="500" Width="500" WindowStyle="None" AllowsTransparency="True" 
     9         Background="Transparent" WindowStartupLocation="CenterScreen">
    10     <Grid>
    11         <Border BorderThickness="20" CornerRadius="50" Background="Blue"></Border>
    12     </Grid>
    13 </Window>

    这里特别注意一点,就是窗口背景色设置的位置:
    Clip实现方式中,窗口背景色设置在Grid上;

    Border实现方式中,窗口背景色设置在Border上。

  • 相关阅读:
    [翻译] DBCamera 轻量级定制摄像头
    使用正则表达式寻找字符串中出现了几个[***]样式的字符串
    [转] iOS文字排版(CoreText)那些事儿
    辉光的UIView
    html5全局属性
    meta你到底了解多少
    原生APP与移动Web App的比较
    Web App开发入门
    web移动开发最佳实践之html篇
    MVC中的扩展点(六)ActionResult
  • 原文地址:https://www.cnblogs.com/PolarisSky/p/4783828.html
Copyright © 2020-2023  润新知