首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    WPF 像素着色器进阶:使用 HLSL 编写一个高性能的实时变化的 HSLHSVHSB 调色盘

    要在代码里画一个 HSL/HSV/HSB 调色盘非常容易,不过如果这个调色盘需要实时变化,那么频繁绘制需要在 CPU 上大量创建或者修改位图,性能不太好。本文将使用 HLSL 来完成这一任务。...HLSL 入门 如果你对 WPF 使用像素着色器还不太了解,那么可以阅读入门文章: WPF 像素着色器入门:使用 Shazzam Shader Editor 编写 HLSL 像素着色器代码 HSL/HSV...HSL 和 HSV/HSB 到 RGB 的转换是非常广泛被使用的,所以网上的代码非常丰富,我们只需要让 GPT-4 帮我们生成一个就可以了: 这是 HSL 调色盘的代码: sampler2D input...2 直接在代码中设好就可以了,3 则通常是在界面中额外显示一个滑块了整体调节。...支持使用 HueInitialAngle 参数控制色相的旋转角度 支持设置 HSL 中的 L(Lightness)或 HSV/HSB 中的 B(Brighness) 支持 Gamma 校正(设置为 1.0

    61510

    WPF 给类库设置设计时使用的资源字典

    在开发 WPF 类库时,由于类库里面没有存在 App.xaml.cs 文件,而在对单个 XAML 进行开发时,设计器将会因为找不到资源文件的存在,而拿不到资源。...本文告诉大家简单的方法,给设计器设置仅在设计时引用的资源 在 WPF 的 XAML 中,如果对每个 XAML 控件都引用相同的资源,此时设计时将可以愉快的跑起来,然而在运行时将会重复创建资源影响性能。...在开发 WPF 应用时,在入口项目里面,因为入口处有 App.xaml 文件,在这个文件里面加上了各个项目的引用,此时设计器就能知道当前项目引用的 XAML 资源字典,因此设计器就能工作 但是在开发类库的时候...,类库不知道最终的入口项目是哪个,因此也就不知道当前程序在运行的时候,将会引用 最佳的方法是和 Blend 一样,在设计时让设计器引用上某些资源,这样设计器就能工作 实现方法是在类库里面添加特殊的文件,...如果你想持续阅读我的最新博客,请点击 RSS 订阅,推荐使用RSS Stalker订阅博客,或者前往 CSDN 关注我的主页 本作品采用 知识共享署名-非商业性使用-相同方式共享

    2.2K20

    使用 TailwindCSS 中的 color-mix() 构建自定义调色板

    在这篇文章中,我们将了解如何使用 CSS 函数color-mix()和 CSS 变量,通过 TailwindCSS 高效地为 Nuxt 应用程序生成自定义调色板。...您可以使用调色板生成器从图像构建调色板,或者构建您的机制以获取颜色并使用 JavaScript 生成适当的调色板。 或者你可以使用CSS功能——color-mix()来实现这个目标。...在这篇文章中,我们将使用 sRGB 作为我们的色彩空间。 现在我们了解了color-mix()工作原理,我们将探索如何生成色调并共享 Tailwind 调色板的变体。...现在让我们转到文件并使用文件中的字段tailwind.config.js从原色提供自定义调色板,如下所示:#96454c``theme.extend.colors``tailwind.config.js...概括 color-mix()在本教程中,我们简要学习了如何在 TailwindCSS-Nuxt 支持的应用程序中使用 CSS 函数、var()CSS 变量和 JavaScript构建颜色变体调色板。

    54420

    WindowsXamlHost:在 WPF 中使用 UWP 控件库中的控件

    在 WindowsXamlHost:在 WPF 中使用 UWP 的控件(Windows Community Toolkit) 一文中,我们说到了在 WPF 中引入简单的 UWP 控件以及相关的注意事项...也许将来 WPF 项目格式更新或者 Visual Studio 的更新能为我们带来这样更直接此引用方式。不过现在来看,还不能如此方便地使用。...image.png ▲ 添加项目依赖 现在,编译 WPF 项目的时候,会将 UWP 项目编译后的源码也一起编译到 WPF 项目中;相当于间接使用了 UWP 的控件库。.../Whitman.Wpf/Whitman.Uwp/.gitignore 把这个文件添加到版本管理中,不然其他人不会生效。...在 WPF 项目中使用 UWP 控件库中的控件 这时,在 WindowsXamlHost 中就可以添加 UWP 控件库中的 MainPage 了。

    5.9K20

    WPF for .NET 9 中的新增功能

    今年 WPF 的主要关注领域是改进 WPF 的视觉功能,并为 Windows 11 提供基于 Fluent 设计原则的新主题。...Fluent 主题 WPF 包含一个新主题,可为 WPF 应用程序提供新鲜、现代的 Windows 11 美感。它包括集成的明暗模式,以及系统强调色支持。...创建使用强调色的 UI 时,将资源键包装在动态资源中。当用户在打开应用时更改强调色时,应用中的颜色会自动更新。...它是在反序列化漏洞被充分理解之前实现的,其设计不符合现代安全最佳实践。 从 .NET 9 开始,其实现已被删除,以防止这些安全风险。使用时,会引发异常。...在内部,WPF 继续使用更安全的子集来处理具有已知类型集的特定用例。

    7110

    .NET 9 中为 WPF 新增的功能

    今年 WPF 的主要关注领域是改进 WPF 的视觉功能,并为 Windows 11 提供基于 Fluent 设计原则的新主题。...Fluent 主题 WPF 包含一个新主题,可为 WPF 应用程序提供新鲜、现代的 Windows 11 美感。它包括集成的明暗模式,以及系统强调色支持。...创建使用强调色的 UI 时,将资源键包装在动态资源中。当用户在打开应用时更改强调色时,应用中的颜色会自动更新。...它是在反序列化漏洞被充分理解之前实现的,其设计不符合现代安全最佳实践。 从 .NET 9 开始,其实现已被删除,以防止这些安全风险。使用时,会引发异常。...在内部,WPF 继续使用更安全的子集来处理具有已知类型集的特定用例。

    10110

    在.NET Core 3.0中的WPF中使用IOC图文教程

    我们都知道.NET Core 3.0已经发布了第六个预览版,我们也知道.NET Core 3.0现在已经支持创建WPF项目了,刚好今天在写一个代码生成器的客户端的时候用到了WPF,所以就把WPF创建以及使用...StoneGenerate.Core.csproj" /> 创建一个ITextService接口服务,这个接口将由依赖注入容器注入到MainWindow类中进行使用...App.xaml.cs文件中配置我们的IOC容器,并入住我们的服务,相信做过.NET Core项目的你,对下面的代码应该都非常的熟悉,这里就不过多的解释了,省的浪费大家的宝贵时间。...serviceProvider.GetRequiredService(); main.Show(); } 当然,这也就意味着你得移除App.xmal中的启动选项...https://laurentkempe.com/2019/04/18/WPF-and-IOC-on-NET-Core-3-0/ 最后 最近事情比较多,都没时间好好的分享文章了。

    86730

    .NET控件集ComponentOne 2018V3发布:新增图表动画及迷你图

    针对各平台,ComponentOne 主要更新点有: WinForm:增加迷你图、数据选择器和更多主题设计 WPF:推出类似 Office 365 风格的功能区 XAML:优化数据排序、过滤和分组功能,...增加图表动画效果 ASP.NET MVC:提供配置向导选项,以更方便的方式配置控件 WinForm 平台新增功能汇总 全新的材料主题设计器 本次更新,除了添加 Material,Material Dark...此外,其基于手风琴面板的 UI 设计还可以附加到共享数据源或插入信息屏幕的任何控件中使用。 (* DataFilter 处于测试模式,将于 2019 年正式推出。)...winform3.png ​ WinForms Sparkline WPF平台:类似 Office 365 风格的功能区 ComponentOne 现在将使用更具现代化的功能区样式来改善 WPF 应用程序的外观和导航栏...xaml4.png ​ XAML Scheduler AgendaView 以上就是ComponentOne Enterprise 中 WinForm 平台和 WPF 平台的主要更新点,想了解更多 2018V3

    2.5K20

    14.7K Star一套遵循谷歌设计规范的C#控件库

    微信公众号:[开源日记],分享10k+Star的优质开源项目 MaterialDesignInXamlToolkit 是一个开源的、专为 WPF 应用程序设计的 UI 控件库,它允许开发者在 C# 或...功能特点 1.控件和样式:为 WPF 框架中的大多数主要控件提供 Material Design 风格的样式和变体。...3.颜色调色板配置:允许在设计时和运行时轻松配置 Material Design 颜色调色板。 4.转换效果 API:提供 API 以方便构建 GUI 动画。...5.兼容性:与流行的 WPF 框架 MahApps 和 Dragablz 兼容,可以独立使用或与其他框架结合使用。 6.MVVM 框架中立:不依赖于特定的 MVVM 框架,提供了更大的灵活性。...跨平台开发:尽管主要针对 WPF,它所遵循的设计原则也可以为其他平台的开发提供灵感。

    11510

    怎样使用原型设计中的组件样式功能

    “样式”是一个集中管理你整个项目的页面和部件的外观和感受的解决方案。可以把它理解为微软Office Word中的样式,或修饰HTML的CSS样式。 当更新项目的视觉设计时,使用样式可以节省你很多时间。...他们还可以帮助标准化或统一化多个团队成员对项目文档的编辑风格。一致的风格也可以帮助定义和加强你的品牌的外观和感受,增加线框图和原型的专业性。 何时会使用到样式呢?这几种情况下样式可以派上用场。...•长期项目:当你计划在整个项目周期长期维护和更新你的文档时,样式可以帮你节省很多时间。 也有一些时候你不需要考虑使用样式,比如当你在做一个快速的原型时,你知道这个原型的寿命不长。...但对于要使用一段时间的项目文档,最好尽早使用样式。你会很快知道这么做的好处,并且不需要在项目变得庞大时再去费力更新里面的内容。 这样看来,可以说样式是很重要的功能,能大大地帮助我们提高原型制作的效率。...样式的属性显示在界面上端第三栏和界面右侧“Inspector”(监视器)下“STYLE”(样式)处。 ? Mockplus Mockplus中样式功能展示在应用界面的右上方。

    2.7K30

    怎样使用原型设计中的组件样式功能

    “样式”是一个集中管理你整个项目的页面和部件的外观和感受的解决方案。可以把它理解为微软Office Word中的样式,或修饰HTML的CSS样式。 当更新项目的视觉设计时,使用样式可以节省你很多时间。...他们还可以帮助标准化或统一化多个团队成员对项目文档的编辑风格。一致的风格也可以帮助定义和加强你的品牌的外观和感受,增加线框图和原型的专业性。 何时会使用到样式呢?这几种情况下样式可以派上用场。...•长期项目:当你计划在整个项目周期长期维护和更新你的文档时,样式可以帮你节省很多时间。 也有一些时候你不需要考虑使用样式,比如当你在做一个快速的原型时,你知道这个原型的寿命不长。...但对于要使用一段时间的项目文档,最好尽早使用样式。你会很快知道这么做的好处,并且不需要在项目变得庞大时再去费力更新里面的内容。 这样看来,可以说样式是很重要的功能,能大大地帮助我们提高原型制作的效率。...4axure4.png Mockplus Mockplus中样式功能展示在应用界面的右上方。 保存样式:选中组件,设置好该组件的外观后,点击图中的加号,即可把组件当前的外观属性保存起来。

    5K180

    广告设计中的“虚实”对比——使用“径向模糊”

    前言:学生们在学习ps软件的过程中非常的认真与努力,所以对于软件的使用可以说已经很熟练了,可是为什么当我们给学生安排一些原创设计需求的时候,学生却有种无从下手的感觉呢,究其原因就是学生在创新制作这方面的技巧和方法学得不够...,所以下面我给大家分享一个案例,目的是为了能让大家在设计制作方法方面能有一定的了解和提升。...2、注意:将径向模糊菜单中的中心移动至照片中汽车的位置,在“智能滤镜”蒙板中用画笔涂出汽车 ? 3、复制一层,图层混合模式为“柔光” ? 4、添加“色阶”,调整如下图 ?...上述操作步骤的发布,旨在帮助大家对上述设计方法及技巧有所了解。因为课余时间有限,文字内容及语言组织没花太多时间,说是教程有些牵强,算一个案例分享吧。希望大家看过我的案例分享后能有所收获。...如果大家喜欢哪类效果,还想看哪方面的哪类型的设计制作案例可以留言给我,有时间我一定会分享更多设计制作相关的内容给大家的。谢谢!

    1.1K70

    广告设计中的“虚实”对比——使用“高斯模糊”

    前言:学生们在学习ps软件的过程中非常的认真与努力,所以对于软件的使用可以说已经很熟练了,可是为什么当我们给学生安排一些原创设计需求的时候,学生却有种无从下手的感觉呢,究其原因就是学生在创新制作这方面的技巧和方法学得不够...,所以下面我给大家分享一个案例,目的是为了能让大家在设计制作方法方面能有一定的了解和提升 1、首先准备广告素材 ?...2、将素材置入psd文件,握手机的素材放在画面中间 ? 3、复制场景照片,贴在手机屏幕内,再复制一层设置“滤色”,背景照片做“高斯模糊”,如下图 ?...4、最后加入文案,也可以尝试不同的版式方案,如下图 方案 1 ? ? 方案 2 ? ? 上述操作步骤的发布,旨在帮助大家对设计方法及技巧有所了解。...希望大家看过我的案例分享后能有所收获。如果大家喜欢哪类效果,还想看哪方面的哪类型的设计制作案例可以留言给我,有时间我一定会分享更多设计制作相关的内容给大家的。谢谢!

    99880

    UI设计中颜色使用的10条原则

    如果一个元素比另一个元素更重要,则它应该具有更高的视觉重量。这使用户易于快速浏览页面并区分重要和次要信息。更加醒目,大胆的信息是首先要吸引用户的眼睛,然后他们将继续浏览其下方的信息。 3.表现力 ?...为了确保您符合这些标准,请下载Stark(https://www.getstark.co/),它将检查您的设计是否可访问。您还可以模拟色盲的使用环境,并根据需要,使用插件对设计进行调整。...例如,在西方文化中,白色通常与婚礼相关联,而在东南文化中,白色被视为哀悼的颜色。 公司在其品牌和行销活动中都使用色彩作为一种策略。注意几乎每家快餐店的品牌都使用红色和黄色吗?...设计的颜色用法应保持一致,因此即使上下文发生变化,颜色也始终统一。 如果在我们的设计中,主色调使用红色,则应避免使用它来通知错误状态。我们可以使用其他颜色(例如黄色)来避免混淆。...这是一个很容易解决的问题,因此没有理由避免在我们的品牌中使用红色或黄色。 9.调色板 ? 那么问题来了,如何获得完美的调色板和配色呢?首先从颜色理论和基本的工具理解开始。

    3.8K10

    Material Design Lite ,简洁惊艳的前端工具箱

    上面的两幅图示,左边正确地表达了Material Design的设计理念:材料有厚度,但是无差别的1dp 厚。右边的图过于拟真地表现了材料的厚度,因此是错误的。...Material Design使用19个调色板(red、pink、purple等)用来约束设计中色彩的使用。... 四、色彩运用 毫无疑问,我们在一个界面中不能无约束的使用色彩,那将使事情变得一团糟。 说好听点,没有约束,就不再是设计,而成为艺术了。...工具栏和状态栏 工具栏和大色块应当使用调色板中色调为500的颜色为基准色。状态栏应当选择 调色板中比基准色略深的色调为700的颜色。...在下面的示例中,左图的工具栏和右图的大色块,使用了indigo调色板中的色调 500的基准色;而两幅图顶端的状态栏则使用了indigo调色板中的色调700的深色: ? 4.

    1.3K30

    Material Design Lite,简洁惊艳的前端工具箱

    不同控件之间的层级关系会使用阴影作为表示,而阴影的深浅,代表的正是这个 控件在 Z 轴的高度: 二、材料/Material Material Design 里的材料/Material实际上是一种虚构出来的材料...Material Design使用19个调色板(red、pink、purple等)用来约束设计中色彩的使用。... 四、色彩运用 毫无疑问,我们在一个界面中不能无约束的使用色彩,那将使事情变得一团糟。 说好听点,没有约束,就不再是设计,而成为艺术了。...工具栏和状态栏 工具栏和大色块应当使用调色板中色调为500的颜色为基准色。状态栏应当选择 调色板中比基准色略深的色调为700的颜色。...在下面的示例中,左图的工具栏和右图的大色块,使用了indigo调色板中的色调 500的基准色;而两幅图顶端的状态栏则使用了indigo调色板中的色调700的深色: 4.

    96510
    领券