为什么选择Aero2 除了以外观为卖点的控件库，WPF的控件库都默认使用“素颜”的外观，然后再提供一些主题包。...我记得很久很久以前微软有份文档要求桌面按钮的高度是22像素（有可能是23，已经不记得了）。微软自己有没有遵守？真是太看得起微软了。 ? ?...顺便拿Button与WPF的其它控件、及UWP的相同控件做横向对比，使用相同的XAML产生的UI如上图所示（上为UWP，下为WPF）。...因为看不到Aero2在颜色上有什么要求，我的建议是，如果自定义的控件长得像TextBox就使用TextBox的颜色设置，长得像Button的就用Button，总之尽量模仿原生控件，颜色也尽量使用蓝色或灰色就可以了...不过在实现其它自定义控件的时候我也比较倾向提供VisualState，因为这样可以明确指出控件外观有几种状态，避免了混轮，而且提供了VisualState可以更方便扩展。
借用附加属性 以TextBox为例，TextBox中包含一个ScrollViewer部件，想要通过属性控制这个ScrollViewer，其中一种做法是在TextBox中添加各项属性，然后在ControlTemplate...再重申一次，模板化控件的属性默认值要在DefaultStyle中设置，尽量不要在构造函数中设置。 5....5.3 自定义FocusVisual 如果确实需要完全自定义FocusVisual的外观，可以重写ControlTemplate，在VisualStateManager.VisualStateGroups...幸好现在的主流是扁平化的简单的设计，在UWP中按钮的模板被大大简化： <ContentPresenter x:Name="ContentPresenter" BorderBrush="{TemplateBinding...例如这个对话框，一不小心就点击左边的“取消”按钮了。 9. 符合典型的GUI设计原则 在控件层级就应该将UI设计成符合设计原则，例如对齐，使用字体和颜色突出主要内容，易于操作等。 ?
前言 我去年写过一个在UWP自定义控件的系列博客，大部分的经验都可以用在WPF中（只有一点小区别）。...这篇文章的目的是快速入门自定义控件的开发，所以尽量精简了篇幅，更深入的概念在以后介绍各控件的文章中实际运用到才介绍。...通过Setter改变默认值 通常从父控件继承而来的属性很少在构造函数中设置默认值，而是在DefaultStyle的Setter中设置默认值。...依赖属性的默认值可以在注册依赖属性时在PropertyMetadata中设置，通常为属性类型的默认值，也可以在DefaultStyle的Setter中设置，不推荐在构造函数中设置。...依赖属性的定义代码比较复杂，我一直都是用代码段生成，可以参考我另一篇博客为附加属性和依赖属性自定义代码段（兼容UWP和WPF）。 添加依赖属性后再更新控件模板，这个控件就基本完成了。
我们使用x:bind需要我们对我们数据的类型，这个在前没有，我开始不知，弄了好久，最后才知道，还有一个，UWP默认是OneTime，也就是绑定只有一次。...; } return false; } return false; } 在我的变大数字颜色按钮...> 在需要使用的控件，假如我们控件绑定是x:bind，那么在Converter需要Converter={StaticResource ConvertBooleanNull...} 假如我们控件绑定的是 ViewModel 的 JiuYouImageShack，需要进行转换，就可以写 需要知道，x:bind默认是 OneTime 而 Binding 默认是
这是一个非常实用的控件，在“来画视频” UWP 应用的绘画功能中，也用到了这个控件，它对不同画笔的选择，橡皮擦，直尺和圆形尺，文字输入和字体选择等都提供了很便捷的支持，而且支持导入和导出数据，可以很方便的创作绘画作品...- InfiniteCanvas 的主要事件处理逻辑； InfiniteCanvas.TextBox.cs - InfiniteCanvas 添加文字的文本框控件处理逻辑； InfiniteCanvas.cs...中实现了一个 InkCanvas 所以可以实现各种笔触的笔迹绘制； InfiniteCanvas.Events.cs 主要是 Canvas 中的各种按钮点击等事件处理； InfiniteCanvas.TextBox.cs...主要是 Canvas 中 TextBox 控件对应的控件定义和事件处理； 调用示例 InfiniteCanvas 控件的调用非常简单，下面看看 XAML 中的调用： <Page xmlns="http...InfiniteCanvas <em>控件</em><em>在</em>绘画类场景中有非常多<em>的</em>应用，<em>控件</em><em>默认</em>实现了多种笔触<em>的</em>绘画，橡皮，文字，redo undo 等重要功能，开发者也可以根据 InfiniteCanvas <em>的</em>实现<em>自定义</em> Toolbar
系列文章 UWP入门教程1——UWP的前世今生 如上文所说的，布局面板根据可用的屏幕空间，指定界面元素的大小和位置。例如StackPanel 会水平或垂直排列界面元素。...Grid 布局与CSS 中的表格控件类似，可将各元素按单元排列。 新提供的 RelativePanel 即相对布局，各个元素之间存在相对关系，可用来创建自适应界面。...XAML 代码如下： 创建UWP可使用的工具 创建App时，通常会明确目标设备，当需要在设备中预览App,可以使用VS中的Preview toolbar（预览工具箱）查看App,可以模拟不同的设备，如PC，...使用导航设计指南来设计工作流程，使得App可兼容移动设备，较小的屏幕或较大的屏幕设备。 考虑特殊情况，较小的移动设备屏幕失效，也可能有一些功能区在固定式台式机上不起作用，而需在移动设备上才能运行。
XAML是一种基于XML的标记语言，用于描述WPF应用程序的用户界面、控件、布局、样式和数据绑定。...在WPF中，XAML被用来构建UI，它可以和C#、VB.NET等编程语言混合使用。开发人员可以使用XAML定义UI元素和布局，然后通过编写代码来处理界面逻辑和数据操作。...支持自定义控件和布局：XAML支持自定义控件和布局，可以根据需求个性化定制UI元素和布局。.../winfx/2006/xaml/presentation" 默认的命名空间 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xaml...语法和编译相关的clr命名空间 区分：如果应用时，不带前缀，就来自于默认的命名空间，否则，就来自于带前缀的命名空间。
TextBox是给用户输入，我们有时要用户只输入数字，而用户输入汉字，我们就有提示用户，那么这东西用到次数很多，我们需要做成一个控件。...我们可以用别人的库，我找到一个大神写的库，很好用 我们使用这个库可以定义很多验证，我记录我如何使用他这个库，还有如何去修改这个库。如何自定义控件做一个和大神做的一样的控件。...我们使用继承TextBox做自己的控件 public partial class ValidatingTextBox : TextBox 我们上面用了remainingCharacters ValidationTextBlock...，做界面只要知道有那些控件就好 TemplatePart 是告诉做界面，我的需要名字为 Name，类型为什么的控件，你要做前台写这个控件。...有一些比较难说我没有说，请去看代码 http://git.oschina.net/lindexi/WinUX-UWP-Toolkit ----
输出 C# 如何在项目引用x86 x64的非托管代码 C# 已知点和向量，求距离的点 C# 强转会不会抛出异常 C# 很少人知道的科技 C# 快速释放内存的大数组 C# 搜索算法 C# 获得设备usb...uwp 异步转同步 win10 uwp 打开文件管理器选择文件 win10 uwp 拖动控件 win10 uwp 按下等待按钮 win10 uwp 改变鼠标 win10 uwp 显示SVG win10...uwp 绑定密码 win10 uwp 绑定静态属性 win10 uwp 自定义控件初始化 win10 uwp 获取指定的文件 win10 uwp 获取按钮鼠标左键按下 win10 uwp 获取文件夹出错...win10 uwp 获得元素绝对坐标 win10 uwp 获得缩略图 win10 uwp 萤火虫效果 win10 uwp 让焦点在点击在页面空白处时回到textbox中 win10 uwp 设置 HttpClient...RPC调用其他进程 WPF 使用不安全代码快速从数组转 WriteableBitmap WPF 使用封装的 SharpDx 控件 WPF 修改按钮按下的颜色 WPF 写系统日志 WPF 判断调用方法堆栈
目录 引言 设备族群 UI 和通用输入模式 通用控件和布局面板 工具 自适应扩展 通用输入处理 引言 在本篇文章中，可以掌握以下知识： 设备族群，如何决定目标设备 新的UI控件和新面板帮助你适应不同的设备特征...这样做的目的，App会就可以使用所有设备族群，（从通用设备族群派生的） 限制App 适应某一种设备 限制App适应某一类设备 排除只支持某一特殊版本的设备族群 UI 和通用输入 UWP App能够在具有不同特征的设备中运行...RelativePanel能够减少由于元素重新排列导致的一些性能问题。 如下，无论是横向和纵向的，蓝色按钮始终在Texbox1的右边，橙色按钮会放在蓝色按钮下方。 ?...XAML <Button x:Name="blueButton...在进行UWP平台的开发时，还可以借助一些开发工具。
以前的问题 在WPF中，HeaderedContentControl是Expander、GroupBox、TabItem等诸多拥有Header属性的控件的基类，虽然很少直接用这个控件，它的存在也有一定价值...不过在WPF中它的价值也仅此而已，由开发者自己实现也极其容易，以至于后来在Silverlight中就没有提供这个控件（后来放到了Silverlight Toolkit这个扩展里）。...UWP中几乎所有的表单控件都有Header属性，如TextBox、ComboBox等，这么看起来HeaderedContentControl更加重要了，但UWP反而没有提供HeaderedContentControl...其实现在很少会有一个页面出现十分多表单控件的情况，这点性能损失我是不介意的。...，而且和TextBox等控件不同，UWP CommunityToolkit中的Header属性都是string类型，真是任性。
首先，我在VS2019中使用150% DPI的主屏幕，设计器视图不模糊，但按钮尺寸有问题，控件位置如下： ? 留意红色箭头位置。在VS里一切正常。...然而运行起来，在150% DPI的主屏幕是会模糊，并且控件错位。 ? 将窗口拖动到100% DPI的屏幕上，UI不模糊，但控件依旧错位。 ?...但是在 100% DPI 的屏幕上，虽然UI不模糊，但是控件位置依然不正确，并且TextBox变的巨大无比。 ? 微软文档里没提别的方法。...但是我发现将运行时改成.NET Framework 4.8 可以修复这个TextBox的爆，但是控件位置依然不正确。 ?...经过仔细观察，发生问题的并不是 TextBox、Label、Checkbox 这几个控件，而是 MonthCalendar 在100% DPI的屏幕上比 150% 的主屏宽。
这个示例中除了ListBox控件其它都自带Header，但是ListBox没有Header属性，只好用一个TextBlock模仿它的Header。...这样就带来一个问题：只有ListBox的Header高度和其它控件不一致。 既然现在讨论的是自定义控件，这里就用自定义控件的方式解决这个问题。...WPF中本来就有这个控件，它是Expander、GroupBox、TabItem等诸多拥有Header属性的控件的基类，十分方便好用。...UWP中模仿这个控件很简单，而且很适合用来学习自定义控件的进阶知识。 2....注意： 我移除了 x:DeferLoadStrategy="Lazy"这句，这个知识点比较适合放在有关性能的主题里讨论。
这带来了非常嘈杂的体验，并且根据客户的反馈，我们添加了一个名为“ Just My XAML”的新默认值，该默认值将树限制为仅在您的应用程序中编写的控件。...虽然这是新的默认设置，但仍然可以通过实时可视化树本身内的按钮或通过新设置（位于：选项>调试>常规>启用我的XAML）返回到以前的行为。 ?...在此版本中，受支持的控件包括：边框，按钮，画布，复选框，组合框，网格，图像，标签，列表框，ListView，StackP anel，TextBlock，TextBox。...通过这些改进，.NET Core 3 项目可以引用包含自定义 UWP XAML 控件的 UWP 项目。...Windows 社区工具包 v6（Microsoft.Toolkit.Wpf.UI.XamlHost v6.0）中附带的 WindowsXamlHost 控件可以使用这些自定义控件。
在UWP应用里，如果我们需要调用设备的摄像头拍照并保存到文件，这曾经是比较复杂的。...实际上，在许多情况下，我们仅需要用最简单的默认摄像头选项来拍照。这种场合里我们的关注点在应用逻辑本身，而不需要花费数个小时在如何调通摄像头代码上。 ?...1 使用NuGet安装 PM> Install-Package Microsoft.Toolkit.Uwp.UI.Controls 2 在你的UWP应用中启用WebCam权限 你可以直接从Visual..." /> PreviewFailed事件不是必须的，但建议加上，这样可以提高用户体验也便于debug 为了演示，我添加了3个按钮 <StackPanel Grid.Column="1" VerticalAlignment...，我想要把当前的摄像头画面保存到一个私有字段里： private VideoFrame _currentVideoFrame; private void CameraPreviewControl_FrameArrived
UWP采用的是纯扁平化的设计，个人感觉极端了点，整个世界都是平的，导致App分不清层次，看不出重点。...只能自己来想办法了，当时首先想到了两种办法： 第一种：利用NineGrid图片 UWP是支持NineGrid图片，熟悉Android的应该知道点9图，一回事。...2.使用了九图，可以把图片做的很小，从而减小应用程序的大小。 3.图片变小了，内存使用也就小了，程序运行和加载起来速度更快了。 上面Xaml显示出来的结果： ?...第二种：用border来模拟 想想每次做个按钮可能都要做图片挺烦的，有没有用代码的方式来解决。 把阴影放大了看，其实也就是由不同透明度的线组成： ?...，那画了阴影之后，控件里的内容大小就会相应变小，不然阴影会画到外面去。
Windows的XAML UI框架提供了很多控件，支持用户界面开发库。其中一些有可视化，一些布局。...App bar separator 命令栏中的命令组。...按钮点击可以使用X:Bind，而不是使用命令，这个方法可以绑定 ViewModel 的方法，方法可以添加参数，也可以不添加。...Items control 提供UI指定数据模板 List view 在一个列表上的项目的集合,可以垂直滚动控件 我们做一个viewmodel，添加列表，这时可以用于绑定，其他关于这个控件，请看 win10...保存文件可以去 edi.wang 大神的博客，或我的win10 uwp 使用油墨输入 、老周的将墨迹保存到图像 Shapes 椭圆,矩形、线、贝塞尔曲线路径 <Ellipse Fill
通常控件都会有Background,Foreground等属性，这就是控件的画笔 TextBox textBox = new TextBox(); textBox.Foreground = new SolidColorBrush...如果终点坐标大于1，则部分图像会被绘制到窗口外面，因此终点的坐标通常小于等于1 修改渐变向量可以达到修改渐变方向的效果 其中无效区并不是说不会被绘制，而是不会出现渐变效果，它的颜色会分别和渐变向量在的起点和终点处的颜色相同...如果希望颜色不随控件大小改变而拉伸，需要把画笔定位方式修改为绝对位置 brush.MappingMode = BrushMappingMode.Absolute; // 绝对坐标 //brush.MappingMode...AcrylicBackgroundSource.HostBackdrop; // 从窗口后面采样 brush.BackgroundSource = AcrylicBackgroundSource.Backdrop; // 从控件中采样...如果以控件作为采样源，那么你可以透过使用了亚克力画笔的控件，隐约看见下面的控件 如果以应用窗口作为采样源，那么你可以透过该控件，隐约看到桌面壁纸 修改覆盖层的颜色和不透明度来达到更美观的效果 //不透明度为
在网上 有一个大神问我这样的问题：在做UWP的项目，怎么能让焦点在点击在页面空白处时回到textbox中？ 虽然我的小伙伴认为他这是一个 xy 问题，但是我还是回答他这个问题。...首先需要知道什么是空白处，例如有下面的代码 那么空白就是 Grid ，需要点击他的时候回到 TextBox...，下面的代码我没有跑，可能无法运行 需要让 Grid 可以获得点击，需要给他背景 ... 然后给 Grid 一个名称 <TextBox x:Name="XcjKfqnkor...获取按钮鼠标左键按下 - 林德熙 UWP开发大坑之—路由事件 - 快乐 就在你的心 的博客
在网上 有一个大神问我这样的问题：在做UWP的项目，怎么能让焦点在点击在页面空白处时回到textbox中？ 虽然我的小伙伴认为他这是一个 xy 问题，但是我还是回答他这个问题。...首先需要知道什么是空白处，例如有下面的代码 那么空白就是 Grid ，需要点击他的时候回到 TextBox...，下面的代码我没有跑，可能无法运行 需要让 Grid 可以获得点击，需要给他背景 ... 然后给 Grid 一个名称 <TextBox x:Name="XcjKfqnkor...获取按钮鼠标左键按下 - 林德熙 UWP开发大坑之—路由事件 - 快乐 就在你的心 的博客 如果是技术问题，建议到 Stackoverflow 提问，在csdn提问暂时比较少看到大神在看 欢迎加入Q群
领取专属 10元无门槛券
手把手带您无忧上云
