万万哇 发表于 2022-9-16 17:18:50

WPF自定义标题栏

往往原有的标题栏无法满足需求，此时就需要进行自定义标题栏。
重新定义Window的Template

首先，需修改WindowChrome的几个属性
CaptionHeight属性值就是自定义标题栏的高，若值低于自定义窗体模板中的标题部分的高，可能或导致，鼠标点击标题栏无法拖动，因为鼠标此时可能不在CaptionHeight范围之内，所以导致无法拖动。
要使没有玻璃框架的自定义窗口，需将 GlassFrameThickness 属性设置为统一值 0

    <WindowChrome.WindowChrome>
      <WindowChrome CaptionHeight="100" GlassFrameThickness="0" />
    </WindowChrome.WindowChrome>自定义窗体模板，此时需要用到占位符ContentPresenter来替窗体工作区的内容进行占位，在非工作区中启用交互式元素需 WindowChrome.IsHitTestVisibleInChrome="True"
https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gifhttps://images.cnblogs.com/OutliningIndicators/ExpandedBlockStart.gif    <WindowChrome.WindowChrome>
      <WindowChrome CaptionHeight="100" GlassFrameThickness="0" />
    </WindowChrome.WindowChrome>    <WindowChrome.WindowChrome>
      <WindowChrome CaptionHeight="100" GlassFrameThickness="0" />
    </WindowChrome.WindowChrome>    <WindowChrome.WindowChrome>
      <WindowChrome CaptionHeight="100" GlassFrameThickness="0" />
    </WindowChrome.WindowChrome>    <WindowChrome.WindowChrome>
      <WindowChrome CaptionHeight="100" GlassFrameThickness="0" />
    </WindowChrome.WindowChrome>    <WindowChrome.WindowChrome>
      <WindowChrome CaptionHeight="100" GlassFrameThickness="0" />
    </WindowChrome.WindowChrome>    <WindowChrome.WindowChrome>
      <WindowChrome CaptionHeight="100" GlassFrameThickness="0" />
    </WindowChrome.WindowChrome>    <WindowChrome.WindowChrome>
      <WindowChrome CaptionHeight="100" GlassFrameThickness="0" />
    </WindowChrome.WindowChrome>    <WindowChrome.WindowChrome>
      <WindowChrome CaptionHeight="100" GlassFrameThickness="0" />
    </WindowChrome.WindowChrome>    <WindowChrome.WindowChrome>
      <WindowChrome CaptionHeight="100" GlassFrameThickness="0" />
    </WindowChrome.WindowChrome>    <WindowChrome.WindowChrome>
      <WindowChrome CaptionHeight="100" GlassFrameThickness="0" />
    </WindowChrome.WindowChrome>    <WindowChrome.WindowChrome>
      <WindowChrome CaptionHeight="100" GlassFrameThickness="0" />
    </WindowChrome.WindowChrome>    <WindowChrome.WindowChrome>
      <WindowChrome CaptionHeight="100" GlassFrameThickness="0" />
    </WindowChrome.WindowChrome>    <WindowChrome.WindowChrome>
      <WindowChrome CaptionHeight="100" GlassFrameThickness="0" />
    </WindowChrome.WindowChrome>    <WindowChrome.WindowChrome>
      <WindowChrome CaptionHeight="100" GlassFrameThickness="0" />
    </WindowChrome.WindowChrome>    <WindowChrome.WindowChrome>
      <WindowChrome CaptionHeight="100" GlassFrameThickness="0" />
    </WindowChrome.WindowChrome>    <WindowChrome.WindowChrome>
      <WindowChrome CaptionHeight="100" GlassFrameThickness="0" />
    </WindowChrome.WindowChrome>    <WindowChrome.WindowChrome>
      <WindowChrome CaptionHeight="100" GlassFrameThickness="0" />
    </WindowChrome.WindowChrome>    <WindowChrome.WindowChrome>
      <WindowChrome CaptionHeight="100" GlassFrameThickness="0" />
    </WindowChrome.WindowChrome>    <WindowChrome.WindowChrome>
      <WindowChrome CaptionHeight="100" GlassFrameThickness="0" />
    </WindowChrome.WindowChrome>    <WindowChrome.WindowChrome>
      <WindowChrome CaptionHeight="100" GlassFrameThickness="0" />
    </WindowChrome.WindowChrome>    <WindowChrome.WindowChrome>
      <WindowChrome CaptionHeight="100" GlassFrameThickness="0" />
    </WindowChrome.WindowChrome>    <WindowChrome.WindowChrome>
      <WindowChrome CaptionHeight="100" GlassFrameThickness="0" />
    </WindowChrome.WindowChrome>    <WindowChrome.WindowChrome>
      <WindowChrome CaptionHeight="100" GlassFrameThickness="0" />
    </WindowChrome.WindowChrome>    <WindowChrome.WindowChrome>
      <WindowChrome CaptionHeight="100" GlassFrameThickness="0" />
    </WindowChrome.WindowChrome>    <WindowChrome.WindowChrome>
      <WindowChrome CaptionHeight="100" GlassFrameThickness="0" />
    </WindowChrome.WindowChrome>    <WindowChrome.WindowChrome>
      <WindowChrome CaptionHeight="100" GlassFrameThickness="0" />
    </WindowChrome.WindowChrome>    <WindowChrome.WindowChrome>
      <WindowChrome CaptionHeight="100" GlassFrameThickness="0" />
    </WindowChrome.WindowChrome>View CodeViewModel代码：
https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gifhttps://images.cnblogs.com/OutliningIndicators/ExpandedBlockStart.gif      #region 窗口最小化      ///         /// 窗口最小化      ///         private void MinWindow(Window window)      {            window.WindowState = WindowState.Minimized;      }      #endregion      #region 窗口最大化与还原      ///         /// 窗口最大化与还原      ///         private void MaxWindow(Window window)      {            window.WindowState = window.WindowState == WindowState.Maximized ? WindowState.Normal : WindowState.Maximized;      }      #endregion      #region 窗口关闭      ///         /// 窗口关闭      ///    <WindowChrome.WindowChrome>
      <WindowChrome CaptionHeight="100" GlassFrameThickness="0" />
    </WindowChrome.WindowChrome> private void CloseWindow(Window window)      {            window.Close();      }      #endregion    View Code注意：最大化时存在边界溢出
处理方法：在xaml中编写触发器，当前窗口状态为 WindowState="Maximized" 时，给容器增加margin，margin左右的值为 (SystemParameters.MaximizedPrimaryScreenWidth - SystemParameters.WorkArea.Width)/ 2 ，上下也是同理。
如有更好的方法，希望留下建议。
效果图：
https://img2022.cnblogs.com/blog/2683006/202208/2683006-20220816092217607-345135073.png

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！
页: [1]
查看完整版本: WPF自定义标题栏