如何使用WindowStyle = None删除WPF窗口顶部的白条？

Question

是否可以使用Window Style = None删除WPF窗口顶部的白色条带。 XAML和Window显示在屏幕截图中：

Answer 1

你在白色看到的是重新调整大小的边框。您可以删除它，并通过设置ResizeMode="CanResizeWithGrip" AllowsTransparency="True"

使窗口可调整大小

如果您根本不想调整大小，请执行此操作 - ResizeMode="NoResize"，再次看不到边框，但您无法调整大小。

<Window x:Class="HandsOnSolution.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525" Background="Green" WindowStyle="None" ResizeMode="CanResizeWithGrip" AllowsTransparency="True">
    <Grid>
    </Grid>
</Window>

修改

@devuxer的好点，如果你对拖动感兴趣，你可以将这段代码添加到窗口鼠标按下事件

<Window MouseLeftButtonDown="Window_MouseLeftButtonDown"/>

//code behind
private void Window_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
    DragMove();
}

Answer 2

我现在一直在寻找一个解决方案，用简单的话this链接来解答我的问题

虽然执行魔术的代码片段是：

<Setter Property="WindowChrome.WindowChrome">
    <Setter.Value>
        <WindowChrome CaptionHeight="0"
            CornerRadius="2"
            GlassFrameThickness="0"
            NonClientFrameEdges="None"
            ResizeBorderThickness="3"/>
    </Setter.Value>
</Setter>

我刚刚将上面的属性设置器添加到自定义窗口样式。

希望有所帮助：）

Answer 3

经过简化的代码，仅作用于一个属性：

<template>
  <div class="main">
    <canvas id="canvas"></canvas>
    <button v-on:click="clear">clear</button>
  </div>
</template>

<script>
import { fabric } from "fabric";

export default {
  name: "Canvas",
  data: () => ({
    canvas: null
  }),
  methods: {
    clear: function () {
      var ctx = this.canvas.getContext("2d");
      ctx.beginPath();
      ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
    }
  },
  mounted() {
    this.canvas = new fabric.Canvas("canvas");
    ...
  }
}
</script>

Answer 4

我添加了这段代码：

<WindowChrome.WindowChrome>
    <WindowChrome GlassFrameThickness="0,0,0,1" CornerRadius="0" />
</WindowChrome.WindowChrome>

在<Window> paste here <Window/>内部，它有助:)