【WinUI 3】自定义标题栏的颜色透明化

最新推荐文章于 2024-05-12 09:37:49 发布

XiaoLi8848

最新推荐文章于 2024-05-12 09:37:49 发布

阅读量1.2k

点赞数

分类专栏： WinUI 文章标签： windows ui 交互

本文链接：https://blog.csdn.net/XiaoLi8848/article/details/125449479

版权

问题背景描述

效果展示
在自定义WinUI 3窗口的标题栏后，其默认颜色是系统主题色。那怎么实现像效果图这样，与窗口背景色一致呢？

解决方案

挖掘WinUI3 Gallery实例程序中TitileBar相关代码后，我找到了答案：

var res = Application.Current.Resources;
res["WindowCaptionBackground"] = Colors.Transparent;
res["Wind

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

XiaoLi8848

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
【WinUI 3】自定义标题栏的颜色透明化

在自定义WinUI 3窗口的标题栏后，其默认颜色是系统主题色。通过设置App资源和调用Win32 API即可实现透明标题栏颜色。
复制链接

扫一扫

专栏目录

【WinUI 3】实现自定义标题栏交互控件捕获输入

XiaoLi8848的博客

06-23

1245

Windows App SDK支持同UWP类似的标题栏自定义功能，但当在标题栏中添加交互控件后却发现不能捕获鼠标输入。通过AppWindow相关接口，我们可以自定义标题栏拖曳区域从而解决此问题。

自定义标题栏

09-25

在IT领域，自定义标题栏是一项常见的用户界面定制技术，特别是在开发桌面应用程序或者网页时，为了提供更加个性化和用户体验友好的界面，开发者常常会利用各种方法来自定义标题栏。自定义标题栏不仅可以改变其外观，...

1 条评论您还未登录，请先登录后发表或查看评论

WinUI3-自定义应用背景

White--Night的博客

05-22

951

设想一下，你的用户打开你的应用，发现蓝色背景红色字，标题栏还是绿色。我自己试过了，图片选那种要素太多的会导致用户看不清你的界面。显然，你想让用户从打开应用到关闭应用，都能加载出自定义的背景。当然有个问题，每次用户重新打开应用，背景图片都会被更改回默认设置的图片。如果你选择深色的背景，那么应用主题、导航栏颜色、标题栏颜色最好选择偏白色的，反之亦然。个人建议，把自定义背景的操作放在你应用的设置界面Settings.xaml里。刚刚你已经设置了应用的背景，接下来就是实现让用户能自定义背景的操作了。

探索未来界面：WinUI Gallery 深度解析与应用指南

gitblog_00023的博客

05-12

300

探索未来界面：WinUI Gallery 深度解析与应用指南项目地址:https://gitcode.com/microsoft/WinUI-Gallery 1、项目介绍在软件开发领域，UI 设计是用户体验的关键一环。WinUI Gallery 是一个专为 Windows 平台设计的交互式示例应用，它展示了如何充分利用 XAML 和 WinUI（Microsoft.UI.Xaml 库）来构建美...

WinUI3 主题（APPTheme）设置

weixin_43780907的博客

08-15

545

4、改为WinUI3 Gallery Dev里的Setting模式；主要要实现其中的点击功能，不然运行报错，例如实现下面的SelectionChanged="themeMode_SelectionChanged 方法。3、项目中会出现SettingsPage功能，如果需要单独的Settings功能可以新键一个没有添加设置的工程，对比后提取出需要Setting的文件放入空白工程。1、使用“用于WInUI的Template Studio”模板创建项目。5、在App.xaml.cs中加入依赖。

WINUI3开发笔记设置app图标、标题、宽高及屏幕位置

KS STUDIO的博客

09-10

2942

public MainWindow() { InitializeCollections(); //string windowTitle = AppResourceManager.GetInstance.GetString("WindowTitle"); //Title = windowTitle; //"Visual Sorting Sample"; LoadIcon("Images/w..

【win10】显示窗口标题栏颜色

weixin_34413802的博客

09-16

1415

win10默认窗口标题栏是白色的，看起来不习惯。修改方法如下。 1、按win+X，【设置】->【个性化】->【颜色】，勾选如图所示【标题栏】即可。 ...

WinUI 3入门过程的各种坑三

dmm128073411的博客

02-12

824

WinUI3实现简易浏览器包含UWP版。

Theme切换（主题切换）

Oblivion的博客

11-27

1965

实现手动切换主题效果1.第一步，配置实现 attr<?xml version="1.0" encoding="utf-8"?> <resources> <attr name="text_color" format="reference"></attr> <attr name="text_background" format="reference"></attr> <at

MS-WinUI3拓展包

09-16

MS-WinUI3拓展包

21在窗口标题栏上显示文字的两种方法.rar_标题栏

09-22

在编程中，特别是在开发用户界面时，我们有时需要自定义标题栏以显示特定的文字信息。以下是对在窗口标题栏上显示文字的两种方法的详细说明： 1. **使用API函数** 在Windows API（应用程序接口）中，我们可以使用`...

全新WinUI3版本的DLUTToolBox 扁平化全新体验.zip

02-06

《全面解析WinUI3在DLUTToolBox中的扁平化新体验》随着技术的不断发展，用户界面（UI）的设计趋势也在不断变化。WinUI3作为Microsoft最新的用户界面框架，为开发者提供了更丰富的功能和更现代的设计风格。本文将...

WinUI-3-Demos

04-22

这些是一些示例来演示WinUI 3的用法更新到唯一的URL存根官方Microsoft示例先决条件按照上的说明配置开发环境贡献该项目欢迎您的贡献和建议。大多数捐款要求您同意一份《捐款者许可协议》（CLA），声明您有权...

VS2019 扩展程序 Project Reunion 0.5 WinUI3 控件库示例

06-23

Windows UI 库 (WinUI) 3 是用于构建新式 Windows 应用的原生用户体验 (UX) 框架。它独立于 Windows 操作系统，作为 Project Reunion 的一部分提供。 Project Reunion 0.5 版本提供 Visual ...另附WinUI3控件库示例

C# 从控制台创建 WinUI 3 应用.rar

最新发布

06-03

3. **命名项目**：输入项目名称，例如"WinUI3ConsoleApp"，然后选择保存位置。 **三、代码编写** 1. **添加引用**：在项目中，你需要添加对WinUI 3库的引用。在解决方案资源管理器中右击项目，选择"管理NuGet程序...

一个基于 WinUI 3 平台的 Minecraft Java 启动器.zip

03-24

WinUI 3包含了大量的XAML控件，支持自定义样式和模板，允许开发者创建具有现代感和一致性的界面。此外，WinUI 3还与.NET 5及更高版本无缝集成，使得C#开发者可以轻松利用其功能。 2. Minecraft Java启动器的核心...

sendmessage, postmessage, 和 sendnotifymessage函数应用及其区别

qq_46017342的博客

03-04

1227

sendmessage, postmessage, 和 sendnotifymessage函数应用及其区别，适合入门

Winui3内容扩展到标题栏

静心学习，开心生活

05-05

274

Winui3扩展到标题栏

WinUI 3入门过程的各种坑一

dmm128073411的博客

02-12

1374

winUI3 窗口的一些操作。

WinUI 3怎么设置标题栏的可拖拽区域？具体一点，顺便给个示例

02-18

要设置 WinUI 3 标题栏的可拖拽区域，首先需要实现 XamlUIAutomationPeer 类，并覆盖 OnCreateAutomationPeer 方法。然后，在 OnCreateAutomationPeer 方法中，可以使用 TitleBarAutomationPeer 类来创建新的 WinUI 3 标题栏，并设置其可拖拽区域。示例代码如下： protected override AutomationPeer OnCreateAutomationPeer() { return new TitleBarAutomationPeer(this, isDraggable: true); }