Skip to content

Latest commit

 

History

History
99 lines (60 loc) · 3.26 KB

using-borderless-style-window.md

File metadata and controls

99 lines (60 loc) · 3.26 KB

使用无边框样式窗体

[返回目录] [返回正文]

为 Formium 窗体的WindowType指定属性值Borderless即可将窗体样式设置为无边框样式。无边框样式移除了原生系统的标题栏和边框，您可以使用整个窗体区域来绘制您的应用程序界面。

无边框窗体具备特有的样式属性集合，您可以通过BorderlessWindowProperties属性来访问这些内容。下面，将详细介绍这些属性。

BorderEffect 边框效果

NanUI 为 Formium 的无边框窗体内置了三种样式：无边、线框边框、圆角边框。

  • None

    无边样式，设置此样式后 Formium 窗体将不绘制边线，浏览器占满所有客户区域范围。

    BorderlessWindowProperties.BorderEffect = BorderEffect.RoundCorner;

    None

    您可以使用 CSS 的 Border 属性来为顶层元素设置边框也能实现具备边线的效果。

    None

    <div class="main-window">contents...</div>
    .main-window {
  height: 100%;
  box-sizing: border-box;
  border: 1px solid #666;
}

  • BorderLine

    边线边框样式，设置此样式后窗体边缘将由 .NET 绘制边框。

    BorderlessWindowProperties.BorderEffect = BorderEffect.BorderLine;
BorderlessWindowProperties.BorderColor = Color.Red;
// BorderlessWindowProperties.InactiveBorderColor = Color.DarkRed;

    设置BorderColor属性来设置窗体激活状态时的边框颜色；设置InactiveBorderColor属性来设置非激活状态时的边框颜色。InactiveBorderColor设置为 NULL 时，NanUI 将自动通过BorderColor的色彩值为 Formium 窗体的边框计算一个合适的色彩。

    None

  • RoundCorner

    设置圆角边框样式后，窗体的四角将呈现为圆角，窗体整体变为圆角矩形。不建议为圆角边框窗体设置边线效果，因为四角的边线将被截去。

    BorderlessWindowProperties.BorderEffect = BorderEffect.RoundCorner;

    None

ShadowEffect 阴影效果

Formium 无边框窗体的ShadowEffect属性体有四种可选的效果：无阴影、光晕、阴影和投影。

BorderlessWindowProperties.ShadowEffect = BorderEffect.Shadow;

  • None

    无阴影。关闭 Formium 窗体的阴影效果。

    None

  • Glow

    光晕效果。

    None

  • Shadow

    阴影效果。

    None

  • DropShadow

    投影效果。

    None

阴影同样支持设置颜色。设置ShadowColor属性来设置窗体激活状态时的阴影颜色；设置InactiveShadowColor属性来设置非激活状态时的阴影颜色。InactiveShadowColor设置为 NULL 时，NanUI 将自动通过ShadowColor的色彩值为 Formium 窗体的阴影计算一个合适的色彩。