windows10 UWP 开发中,图标的使用非常广泛.为此,微软建议大家使用 Segoe MDL2 Assets 字体来获取图标.Segoe MDL2 Assets 包括了哪里图标,微软在 https://msdn.microsoft.com/zh-cn/library/windows/apps/jj841126.aspx 作出了详情的说明.本文复制记录了这个说明. Segoe MDL2 图标指南   在本文中 建议 其他使用指南 红心大战 星形评级 复选框组件 杂项 滚动条箭头 后退按钮 H…

众所周知,在Windows 10中,微软引入了汉堡菜单,方便Android和ios的开发者移植程序,而不需要单独为Windows设计一套UI.但有人可能发现在symbol icon里根本找不到所谓的汉堡图标,难道还要我们自己画一个嘛?OF COURSE NOT! 在Windows 10中已经嵌入了Segoe MDL2 Assets字体,下面就简要说明一下,如何利用这一字体画出需要的各式metro图标 新建一个Windows 10 UWP项目 XAML <TextBlock Text="&…

APP下載地址:https://www.microsoft.com/store/apps/9nblggh5k2hf 最近使用文本圖標Segoe MDL2 Assets時,使用字符映射表看,那個圖標真的很小,看不清楚,而且又不支持滾動瀏覽,相當不方便,於是寫一個自己的瀏覽工具. 我們可以先來看下字符映射表的樣子: 再來看看,我寫的工具的樣子: 圖標這麼大,明顯看起來就不這麼吃力了,而且“雙擊”允許用戶添加感興趣的圖標~~~~ 程序員其中的一個好處是,可以開發自己想要的工具,不用去網上海搜,而且結果…

增加智能感知的RichTextBox扩展控件(WPF) WPF自定义控件与样式(3)-TextBox & RichTextBox & PasswordBox样式.水印.Label标签.功能扩展 mahapps.metro  UI效果 开放工厂  各种插件 汉堡导航 Bootstrap WPF Style,Bootstrap风格的WPF样式 [WPF]控件应用多个样式 Segoe MDL2 图标指南 GitHub电路图 chart…

一.异步调用之后,要更新UI时,代码如下 await Dispatcher.RunAsync(Windows.UI.Core.CoreDispatcherPriority.Normal, () => { test.Text = "abc"; }); 二.原来的ApplicationBar更改为CommandBar <AppBarButton Label="评价" Click="appbarRank_Click"> <App…

UWP即Windows 10中的Universal Windows Platform简称.即Windows通用应用平台,在Windows 10 Mobile/Surface(Windows平板电脑)/PC/Xbox/HoloLens等平台上运行,uwp不同于传统pc上的exe应用,也跟只适用于手机端的app有本质区别.它并不是为某一个终端而设计,而是可以在所有windows10设备上运行.很早之前就安装了uwp开发模块,一直没怎么写.暑假期间写了一个智能闹钟的Demo,偶然看到决定 写写博客 记…

微软在新版UWP计算器中加入了一个“置顶”功能,它相当于我们之前看视频的“画中画”一样. 点击后窗体置顶,同时可以进行其他任务. 有的小伙伴说,不就是一个图标吗,去 Segoe MDL2 图标 把图标找过来不就行啦, 很简单那啊. 可是等你去那个页面找时,就会发觉事情事情并不是那么简单   微软并没有把这两个图标进入字体集合里面,但是对我我这样,又想用它这个字体的咋办呢? 我之前还在上面那个页面提过一个Issue,叫微软把这两个字体加进去. 但是这帮人懒得要死.对于他们正常来说,加一个字体,估计…

Windows11全新的布局设计 Windows 11全新的布局设计已设计为支持现代应用体验.渐进的圆角.嵌套元素和一致的排水沟相结合,营造出柔和.平静.平易近人的效果,强调目的的统一和易用性. http://aka.ms/windows11design 圆角(Rounded corners) Windows 11将圆角应用于所有顶级应用窗口.这同样适用于最常见的控件,如按钮和列表视图. Windows 11为Windows操作系统带来了美丽的UI创新,您可以利用该系统在应用中使用该系统.常见的…

[源码下载] 背水一战 Windows 10 (45) - 控件(图标类): IconElement, SymbolIcon, FontIcon, PathIcon, BitmapIcon 作者:webabcd 介绍背水一战 Windows 10 之 控件(图标类) IconElement SymbolIcon FontIcon PathIcon BitmapIcon 示例1.IconElement(基类) 的示例Controls/IconControl/IconElementDemo.xaml…

1. 前言 几个月前 ChokCoco 大佬发布了一篇文章: CSS 奇技淫巧 | 妙用 drop-shadow 实现线条光影效果 在文章里实现了一个发光的心形线条互相追逐的效果: 现在正好有空就试试用 WPF 实现一下.在实现过程中我用到这些知识和技巧: Segoe Fluent 图标字体 在 Blend 中创建 Path 计算 Path 的长途 Path 的边框动画 VisualStudio 的设计时数据支持 自定义 Effect 这篇文章将讲解如何使用这些知识和技巧模仿他的动画效果. 2.…

不同于Windows 8应用,Windows 10引入了"汉堡菜单"这一导航模式.说具体点,就拿官方的天气应用来说,左上角三条横杠的图标外加一个SplitView控件组成的这一导航模式就叫"汉堡菜单". 本文讨论的是如何实现官方的这一样式(点击后左侧出现一个填充矩形),普通实现网上到处都是,有需要的朋友自己百度下吧. 下面将介绍两种不同的实现方法,第一种最简单的方法是直接使用 Template 10 模板,第二种就是纯手写了. 若有什么不正确的地方望指正,大家共同讨…

SplitView(汉堡菜单)是win10新加的一种控件,顾名思义,其实就是将视图分割成两部分,废话不多说,下面来介绍一下SplitView的基本用法. 首先介绍几个SplitView经常用到的属性.(我直接搬MSDN的... IsPaneOpen Read/write Gets or sets a value that specifies whether the SplitView pane is expanded to its full width. PaneBackground Read/…

4.18 分屏控件(SplitView) 分屏控件(SplitView)是Windows 10新增的控件类型,也是Windows 10通用应用程序主推的交互控件,通常和一个汉堡按钮搭配作为一种抽屉式菜单来进行呈现.控件的XAML语法如下: <SplitView> <SplitView.Pane > ……菜单面板的内容 </SplitView.Pane > ……主体内容 </SplitView> SplitView控件主要由两部分组成,一部分是菜单的面板,另一…

什么是汉堡菜单? 汉堡菜单,指的是一个可以弹出和收回的侧边栏.在UWP和Android应用中,汉堡菜单都非常常见. 首先我们列出所有需要掌握的前置知识: 1,SplitView 2,StackPanel 3,ListBox 3,TextBlock 4,RelativePanel 6,Button 7,Grid ============================== 首先,我们来分割主页面,将其分为两块. <Grid.RowDefinitions> <RowDefinition He…

设置启动窗口大小 直接上代码了没什么好解释的了,既然能设置最小,那铁定就能设置最大 public MainPage() { //设定窗口启动显示大小 ApplicationView.PreferredLaunchViewSize = new Size(800, 600); ApplicationView.PreferredLaunchWindowingMode = ApplicationViewWindowingMode.PreferredLaunchViewSize; this.Initial…

在 WPF 上可用的控件拖动方法在 UWP 上大多没用,那干脆用 Thumb 仿制一个吧. 关于 Thumb 控件的教程也不多,毕竟在 WPF 控件拖动有很多种方法, Thumb 就显得很鸡肋了.下面我就简单的说说.(MSDN 文档) 不谈什么属性和方法,大多数都是继承的.主要说说 Thumb 的原生事件 DragStarted,DragDelta,DragCompleted. DragStarted 和字面意思差不多,开始拖动的时候发生的. DragDelta 拖动进行中,只要你鼠标不放就会一…

要实现如上图所示的效果分为三步: 1.重写Pivot样式,去掉Pivot的Header或者是直接使用默认的Pivot的样式然后不写Header 2.使用一个ListView或者是横向的StackPanel或者是横向的Grid加上一个Button代替Header的效果(我使用的是Grid,建议使用ListView) 3.在Pivot的SelelctionChanged事件中以及当做Header的Button的Click事件做一个同步 首先Pivot的Item你想放什么就放什么 然后就是代替Head…

所谓 UWP 样式的汉堡菜单,我曾在"张高兴的 UWP 开发笔记:汉堡菜单进阶"里说过,也就是使用 Segoe MDL2 Assets 字体作为左侧 Icon,并且左侧使用填充颜色的矩形用来表示 ListView 的选中.如下图 但怎样通过 Xamarin.Forms ,将这一样式的汉堡菜单带入到 Android 与 iOS 中呢? 一.大纲-细节模式简介 讲代码前首先来说说这种导航模式,官方称"大纲-细节模式"(MasterDetail).左侧的汉堡菜单称为&qu…

本文主要是因为汉堡菜单里面列出的菜单很多重复的图标和文字,我把它作为控件,因为是随便写,可能存在错误,如果发现了,请和我说或关掉浏览器,请不要发不良言论. 我们使用汉堡菜单,经常需要一个 需要一个图标和一个文字 我开始写 <ListViewItem.Content> <StackPanel Orientation="Horizontal"> <TextBlock Margin="10,10,10,10" FontFamily="…

1. 前言 微软在Build 2017中公布了新的设计语言Fluent Design System(以下简称FDS),不过官网只是堆砌了各种华丽的词语以及一堆动画.至于在UWP中要做成怎么样,怎么做,可以参考这个视频: Build Amazing Apps with Fluent Design - Build 2017 视频中使用BuildCast这个示例应用详细展示了Fall Creators Update(16299)中如何实现FDS以及其它FCU的新API,极具参考价值. 或者参考开发人员…

用过Surface dial的童鞋们都很熟悉,当使用Dial的时候,那个圆形菜单很漂亮,那么我们在普通的uwp中是否也可以实现吗? 答案是肯定的. 其实这是来源于GayHub的一个开源项目,做的很不错. https://github.com/CatalystCode/radial-menu 下面就一步一步来操作演示下: 1.新建一个项目,打开Nuget,搜索"RadialMenuControl" 安装最新的即可,或者使用命令行 PM> Install-Package Radial…

XAML中用一字符即可展示漂亮的图型 例如:Symbol Icon: People http://www.geekchamp.com/icon-explorer/action-icons/icon?code=e125   图形: 使用方法:<Button Content="" FontFamily="Segoe UI Symbol" FontSize="40" /> 注意:字体必须是Segoe UI Symbol 如果你使用 C#…

声明:本文内容适用于 Visual Studio 2015 RC 及 Windows 10 10069 SDK 环境下,若以后有任何变更,请以新的特性为准. 一.Password 控件的小眼睛属性的变更 在 Windows 8.1(含 Windows 8) 及 Windows Phone 8.1 Runtime 中,Password 控件的小眼睛是由 IsPasswordRevealButtonEnabled 属性定义的,但是,尽管是相同的属性名字,却有着不同的表现形式. Windows 8.1…

本文告诉大家去做一个商业游戏,游戏很简单,几乎没有什么技术 游戏的开始,需要添加框架库,于是引用我自己写的库. 首先是创建一个启动页面,这个页面是显示启动的. 在显示启动的时候,是需要加载游戏需要使用的资源,如果觉得这时需要控制进度条,就需要使用注入的方法,给他知道现在的进度,不过我现在不去做这里,于是就很简单的代码做出来启动页面. 现在的启动页还是空的,但是先不管他. 然后开始写一个欢迎页面,也就是开始游戏.继续.帮助等的页面,暂时先不做. 但是写了这么多,都不需要在 MainPage 写一个…

目前的软件开发中,很多地方都使用到了矢量图标,在 Metro app 的开发中,可以使用 Windows 系统图标(02.Universal app 中按钮图标使用 ),包括 Segoe UI Symbol.Segoe MDL2 Assets(Windows10 新添加 MDL : microsoft design language).Segoe UI Emoji 等. 不过在开发中,遇到了一个问题,就是系统自带的 “字符映射表” 中很多图标太小了,又不能调整大小 ,不方便浏览,于是自己动手写了…

随着 Windows 10 发布的,未来 Windows 平台都是统一开发模型,可以只写一个 Appx 包,就可以同时部署到 Windows/ Windowsw Phone/ Tablet /xbox ..平台上了,我们几个 Windows 组的同事也是摩拳擦掌,希望写一 个用户体验很好的客户端. 看了一下 MSDN 最新发布的文档和视频教程,这里作为笔记,大概总结了一下在 Windows 10上,针对 Windows 8.1 和 WP 上的一些技术更新. 贴一张视频里面聚合的路线图: MSDN…

WPF 自定义窗口样式有多种方式,不过基本核心实现都是在修改 Win32 窗口样式.然而,Windows 上的应用就应该有 Windows 应用的样子嘛,在保证自定义的同时也能与其他窗口样式保持一致当然能最大程度保证 Windows 操作系统上的体验一致性. 本文将分享一个我自制的标题栏按钮样式,使其与 UWP 原生应用一模一样(同时支持自定义). 在 WPF 使用 WindowChrome,在自定义窗口标题栏的同时最大程度保留原生窗口样式(类似 UWP/Chrome) 一文中,我使用 Wind…

1. 为什么要自定义Window 对稍微有点规模的桌面软件来说自定义的Window几乎是标配了,一来设计师总是克制不住自己想想软件更个性化,为了UI的和谐修改Window也是必要的:二来多一行的空间可以添加很多功能,尤其是上边缘,因为被屏幕限制住鼠标的移动所以上边缘的按钮很容易选中.做桌面开发总有一天会遇到自定义Window的需求,所以我在控件库中也提供了一个简单的自定义Window. 2. 我想要的功能 我在上一篇文章介绍了标准Window的功能,我想实现一个包含这些基本功能的,窄边框.扁平化…

原文:[UWP开发]NavigationView基础使用方法 [UWP开发]NavigationView基础使用方法 NavigationView是秋季创意者更新(16299)引入的新控件,用于生成Windows特色的导航栏. 可参考说明文档(目前只有英文) 给了一段示例代码,和运行截图,贴在下面: <NavigationView x:Name="nvAll" IsSettingsVisible="true" IsTabStop="False&quo…

通常在设置按钮内容的时候,我们一般会写上文字,比如 <Button Content="OK"/> 但是有一些特殊情况,比如我们的按钮需要一个图标, 这个时候就需要一些特殊的操作. <Button> <FontIcon FontFamily=" /> </Button> 既然Xaml中可以实现,那么在.cs文件中也可以哒. FontIcon fi = new FontIcon(); fi.FontFamily = new Wind…