首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何使用Fluent Design System (下)

MetroUI是一种难度很高的UIWP时代有大量让人惊艳的应用,但后来微软为了提高应用数量放松了大量粗制滥造的应用的验证,大大拉低了Metro的评价。...Windows10时代,ModernUI代替了MetroUI。这时手机市场已经可以忽略不计,放弃了各种Metro的特色后,勉强拼凑起来的ModernUIWindows10桌面上运行起来还不错。...文章开头介绍的视频展示了ParallaxViewMR运行的效果,效果有趣很多: ? 即使只桌面上运行,FDS也激发了不少创意。例如这些设计: ?...前两天看到一个运行在Windows上的系统的设计,系统的第一版和第二版都保持着“确定、取消”的按钮顺序,到最近的第三版就突然变成“取消、确定”,大概因为设计组的大佬们这两年都换了MacBook,而平时看的...当年也曾热衷于桌面上使用Metro,但现在对WPF上使用FDS没什么兴趣。何况这个主题是讨论UWP额FDS,不太想涉及WPF。

1.2K20

.NET Core.NET5.NET6 开源项目汇总11:WPF组件库1

4、输入验证框 表单验证,常规做法是ViewModel写业务逻辑验证代码,或者XAML写验证表达式。...Metro是一个框架,允许开发人员用最小的努力为自己的WPF应用程序设计出Metro或现代UI。 增强默认控件     Metro重写了所有常见WPF控件的默认样式,并为它们提供了现代的外观。...样式与自定义控件     Metro还包括一些基于WindowsPhone、Windows8和Windows10(UWP)应用程序概念的自定义控件。...开源     MahApps.Metro的源代码托管GitHub上,包含了自己构建它所需的一切,所以请访问并帮助我们改进它。 功能展示 ? ?...(功能强大,产品示例较多) AduSkin是一款简单漂亮的WPF UI,融合多个开源框架组件,为个人定制的UI,可供学者参考和使用。

2.7K30
您找到你想要的搜索结果了吗?
是的
没有找到

UWP入门教程1——UWP的前世今生

目录 引言 设备族群 UI 和通用输入模式 通用控件和布局面板 工具 自适应扩展 通用输入处理 引言 本篇文章,可以掌握以下知识: 设备族群,如何决定目标设备 新的UI控件和新面板帮助你适应不同的设备特征...Windows 10 开始引入 UWP,更进一步的发展了Windows RunTime 模型,并将WRT 引入了Windows10 内核。...如何做决策: 最大化App 覆盖量 为了实现App 覆盖设备的最大化,保证它能够尽可能多的设备运行,可把App目标定位通用设备族群。...这样做的目的,App会就可以使用所有设备族群,(从通用设备族群派生的) 限制App 适应某一种设备 限制App适应某一类设备 排除只支持某一特殊版本的设备族群 UI 和通用输入 UWP  App能够具有不同特征的设备运行...Windows10 提供新的通用控件,布局面板和工具,来帮助开发自适应UI 。例如根据不同的屏幕分辨率,相应的调节UI。 Windows 帮助你实现自适应UI: 1.

1.1K50

SAP UI5 PC 端浏览器和移动设备使用摄像头进行条形码扫描的几种解决方案介绍

调试器里查看这些枚举出的多媒体设备明细,发现和我 Windows10 操作系统里查看到的一致: PC 端或手机端浏览器环境第一次执行包含上述 WebRTC API 调用的 Web 应用时,...我使用的是 Android 手机 + Windows10 操作系统,使用 Chrome 可以方便地 PC 端的 Chrome 开发者工具里单步调试运行在手机端的 SAP UI5 应用。...第一种办法移动设备安装 SAP Fiori Client,然后 Fiori Client 里运行上述 SAP UI5 应用,此时 cordova.plugin.barcodeScanner 将处于可用状态...https://xie.infoq.cn/article/1e9d01b8bf26f94970e042ce2 第二种办法,把 SAP UI5 应用打包成 Cordova 应用,然后给该 Cordova...: 允许之后,就能使用手机摄像头,扫描条形码了: 扫描成功的界面如下图所示: 此时在手机设置面板里查看该应用的权限,发现多出一项相机的使用权限了。

2.6K20

Google Earth Engine(GEE)扩展——制作的GEE app的误区

地球引擎有一个用户界面API,允许用户直接从JavaScript代码编辑器构建和发布交互式Web应用。许多读者会在其他章节遇到对ui.Chart的调用,但还有更多的界面功能可用。...关于ui部件的完整列表和关于面板的更多信息可以在下面的链接中找到。一旦GUI构建完成,用户可以通过点击代码编辑器脚本面板上方的应用程序按钮,从JavaScript代码编辑器中发布应用程序。...将图形部件集成到Jupyter笔记本的工作流程,允许用户配置特设的控制面板,使用图形部件控件交互式地扫过参数。...有没有办法使用 Google Drive 来做到这一点? 但是上面都有一个问题,也就是我们可以通过程序来构建数据集,但是无法允许用户上传自己的研究区。...,一定要首先确定数据集然后再考虑如何去建立的问题。

11910

UWP 入门教程2——如何实现自适应用户界面

自适应扩展 Windows 10 引入“缩放模型”的升级版,除了缩放矢量图之外,有一个统一的缩放因子集合,能够保证UI元素不同的屏幕尺寸和分辨率下,界面元素大小的一致性。...新的 InkCanvas XAML 控件和InkPresenter API 可访问Stroke 数据 编写代码 VS开发Windows10 项目支持多种开发语言,如C++,C#,VB以及JavaScript...也可以使用XAML,开发原生UI 用户体验。 调用API来实现目标设备族群 无论需要调用哪种API,你需要了解API适应的设备族群,是否满足您App开发的需要。...+= TestView_BackRequested; 当然也可以调用API ,App不实现。...良好的设计从确定用户交互方式开始,同时满足App的功能性和外观。用户体验非常重要直接影响了用户是否喜欢你的App,使用过程是否愉悦或始终保持积极的情绪,而不受阻碍。

3.1K50

基于GIS的合肥市BRT和Metro的交通可达性研究-part3

;赋值为“N”表示禁止行驶的道路;赋值为“NULL”,任何其他值表示允许两个方向行驶的街道; (3)设置网络属性 à【目录】面板,右键点击【交通路网一】,显示【网络数据集属性】。...【目录对话框】,右键点击【交通网络一】,弹出菜单中选择【构建】。...【目录】面板,右键点击【交通路网一】要素数据集,弹出菜单中选择【新建】——>【要素类……】,显示【新建要素类】对话框。 (2)编辑转弯要素类。 (3)设置网络属性。...点击【添加…】按钮,显示【添加新属性】对话框,设置新属性的【名称】为【转弯限制】,设置【使用类型】为【限制】,勾选【默认情况下使用】,使该属性默认参与所有网络分析;点击【确定】完成新属性的添加。 ?...2.2.5 模拟BRT和Metro路线通过各自站点与地面交通道路系统连通 用ArcGIS模拟更复杂的多层复合交通网,其中有BRT、Metro(地铁)、地面交通和高架桥组成的交通网,只BRT站点、Metro

95820

win10系统的Hyper-V VMware共存

1、右键点击开始菜单,从中选择“控制面板” 2、控制面板,选择查看方式为大图标或者小图标,然后点击"程序和功能" 3、在打开的窗口中,点击右边菜单的“启用或关闭windows功能” 4、...找到hyper-v的选项 5、取消勾选,然后点击确定,使设置生效 6、系统会配置hyper-v,配置成功之后提示重启电脑 解决方法二: windows10开机启动的时候选择不加载Hyper-V的驱动服务...再次启动 Windows 10 即可手动选择是否要启用 Hyper-V,“关闭 Hyper-V”的模式,即可运行 Vmware 虚拟机,而另一个选项则可以运行 Hyper-V 虚拟机,这样就可以避免为了运行...就能选择是否启用 Hyper-v,“without Hyper-V”,可以运行 Vmware 虚拟机,而另一个启动选项运行 Hyper-v....cmd输入msconfig 打开后修改启动等待时间(超时)一般3-5秒 ?

1.8K10

基于GIS的合肥市BRT和Metro的交通可达性研究-part4

)①点击【Network Analyst】工具条上的按钮【Network Analyst】,在下拉菜单中选择【新建OD成本矩阵】,之后显示【Network Analyst】面板; ②【Network...Analyst】面板右键点击【起始点】项,弹出的菜单中选择【加载位置…】,显示对话框如图所示: ?...然后点击【确定】即可。 A-2)【Network Analyst】面板右键点击【目的地点】项,弹出的菜单中选择【加载位置…】,显示对话框如图所示: ?...1.2 有BRT和Metro路线时 (1)居民点至商业金融中心的ODCost Matrix Layer 步骤和方法同上(无BRT和Metro路线时OD成本矩阵的求解)。...4、空间插值 由于以居民区点图的方式看可达性很不直观,通过ArcGIS10.0空间分析模块反距离插值得到整个研究区域无空白栅格图,直观地反映了居民点可达性分布情况,便于比较,分析,评价和得出结论。

67320

如何阻止微软强制更新你的操作系统

不管Windows 7和Windows 8.1操作系统用户是否想要保留原来的操作系统,微软已经开始帮助Windows 7和Windows 8.1用户更新到Windows 10。...如果你已经遇到了这样的情况,下面将会向你展示如何删除Windows10升级安装文件;如果你还没有遇到这个情况,下面也会介绍按照自己的需求来控制是否需要下载Windows10升级安装文件。...选择你的系统分区,然后单击“确定”。 列表,您会看到临时Windows更新安装文件。请选择它,然后单击“确定”。 这样就能清除所有$Windows.~BT 文件夹。...至于防止再次被下载文件,点击开始菜单-控制面板-程序-卸载或更改程序。 点击查看左侧安装的更新。...完成后,控制面板选择系统和安全,并选择Windows Update,然后点击检查更新。右键单击上面的每一个更新,并选择隐藏更新。

98190

docker运行时Cannot Enable Hyper -V service错误

当下载好docker安装完之后双击运行时报Cannot Enable Hyper -V service错: 首先打开控制面板->程序->启用或关闭Windows功能,如下: 方法1 确定hyper-v...有没有全部都勾选上,如果没有则全部勾选,然后重启电脑。...打开任务管理器(ctrl+alt+del), 如图,任务管理器->性能->CPU右下角的列表里面的虚拟化是否是:已开启,若是已禁用,那么需要打开它。...首先要进入bios,bios电脑刚开机时,你需要疯狂的按del健,即可进入如图: 当然不同版本的Windows显示的界面也有所不同,大体意思是一样的,这里是Windows10为例子, 界面显示的内容过于冗余...到了这里docker算是成功运行了, docker还是要更换镜像源的,不然太慢了,设置->DockerEngine,在里面的json第一个参数后面的括号写入国内镜像源。

1.4K30

Windows10 下利用Hyper-V安装CentOS系统

开启Windows10的Hyper-v功能(需要重启电脑) 控制面板→程序→启用或关闭Windows功能→打开Hyper-v→确定 创建虚拟机 Windows管理工具中找到Hyper-v管理器并双击...下一步→ 虚拟硬盘设置→下一步→选择事先下载好的镜像文件→下一步→完成 安装系统 启动刚刚创建的虚拟机然后选择安装系统 按照系统指引对系统进行设置,为系统创建用户,方便之后登录 网络配置(使得虚拟机可以访问外网...,且Windows10系统可以访问到CentOS) 设置Hyper-V虚拟交换机 新建一个外部虚拟交换机并为之设置名称,选择一个外部网络(注意:这个是会占用你的硬件设备的,如果选择wifi,那么CentOS...相当于占用了wifi,Windows系统的wifi就连不上网了),然后确定 控制面板→网络和Internet→网络连接→将外部虚拟交换机添加到桥 CentOS系统设置 cd /etc/sysconfig.../network-scripts/ ls vi ifcfg-eth0 将ONBOOT=no改为yes service network restart 检查网络是否通了 CentOS系统访问外网(使用

2.8K20

win10系统的Hyper-V VMware共存

1、右键点击开始菜单,从中选择“控制面板” 2、控制面板,选择查看方式为大图标或者小图标,然后点击"程序和功能" 3、在打开的窗口中,点击右边菜单的“启用或关闭windows功能” 4、找到hyper-v...的选项 5、取消勾选,然后点击确定,使设置生效 6、系统会配置hyper-v,配置成功之后提示重启电脑 解决方法二: windows10开机启动的时候选择不加载Hyper-V的驱动服务,这样子我们可以制作成开机引导选项即可跳过...Hyper-V,“关闭 Hyper-V”的模式,即可运行 Vmware 虚拟机,而另一个选项则可以运行 Hyper-V 虚拟机,这样就可以避免为了运行 VMware 虚拟机而卸载 Hyper-V...就能选择是否启用 Hyper-v,“without Hyper-V”,可以运行 Vmware 虚拟机,而另一个启动选项运行 Hyper-v....cmd输入msconfig 打开后修改启动等待时间(超时)一般3-5秒 本博客所有文章如无特别注明均为原创。

5K30

Windows 10 新特性变化研究 - 腾讯ISUX

变化分析: 很多传统的PC用户不懂得如何使用Win8的开始屏幕(metro UI),白领或办公用户无疑更喜欢传统桌面,可以随便按意愿摆放自己的文件文档。...五.Metro应用桌面窗口化 Win10metro应用默认以窗口化方式运行,应用标题栏图标右侧的“…”菜单可点击“全屏显示”来全屏化。 ?...菜单全屏后其实就是Win8 的metro UI了,因此猜测是培养用户对磁贴的使用习惯? 六.窗口自适应 当对窗口进行拉伸缩放时,窗口内的元素会跟随窗口的变化进行自适应调整。 ?...Win10依然摸索过渡,相对成熟的系统估计还需要2~3个大版本的改进。 设计上一些可关注的方向: 终端系统趋向大同小异。 关注自适应的设计(包括框架、UI、及相关技术)。...面板设计更加趋向一体化。 系统的变化和设计理念上,可多看一下微软、苹果和谷歌这几家巨头的设计理念和定位,会有很多相似或有趣的地方值得深入研究。

3.2K20

再见Metro,Windows 10通用应用设计趋势分析 - 腾讯ISUX

众所周知,当初微软Windows 8上做了非常大胆的变革,除了开创性的Metro设计语言,传统桌面和平板两种模式的融合也是一大特色,可这两种操作模式使用体验上的不一致也成为Windows 8饱受用户诟病的原因之一...· 横向滑动不再是典型的系统浏览形式 我们都知道Metro UI的设计语言之一就是横向滑动浏览,但随着Surface系列设备的屏幕比例从前几代基于横向操作而设计的16:9变成了Surface Pro 3...虽然汉堡菜单已经被广泛应用在网站、IOS及Android系统,但是由于其易用性还存在很大争议(特别是Phone上),所以正式版发布前,汉堡菜单会不会成为微软的最终解决方案还不得而知。 ?...Metro UI这种去掉所有装饰只呈现信息的设计理念其实一定程度上等于剥离了带给用户情感化体验的元素,从而使用户越发审美疲劳。...还好在新的通用应用设计,我们可以看到除了开始菜单以外,曾经那些单一的Metro元素已经越来越少,而线型图标、居中布局、圆形、分割线等等元素的加入使界面变得更加丰富起来,可以说Metro UI的设计语言已被逐渐弱化

1.2K40

beeshell:开源的 React Native 组件库

系统设计 系统设计是将一个实际问题转换成相应解决方案的主动过程,是解决办法的描述。通用的软件工程模型,需求分析完成后的第一步就是系统设计。...我们根据 UI 规范,统一定义样式变量并放置基础工具层,即 beeshell/common/styles/varibles.js 文件 React Native 应用,样式变量其实就是普通的...每个组的实现,会事先引入基础工具层的样式变量,使用统一的变量对象而不是组件自行定义,这样就保证了 UI 样式的一致性。同时,beeshell 提供了重置样式变量的 API,可以实现一键换肤。...Webpack vs Metro 经过 Metro 的源码分析,我们发现 Metro 的打包方案与 Webpack 有较大差异,Webpack 是根据入口文件,即配置的 entry 属性,递归解析依赖...Metro 爬取文件的时候,通过软链接找到了全局的 beeshell 但是并没有继续判断全局的 beeshell 是否有软链接,所以无法爬取 beeshell 源码部分。

1.8K10

谈一谈|如何在电脑上安装Linux子系统?

但是如果重新安装一个linux系统就会导致很多的Windows10软件又没有办法使用,最明显的软件就是Photoshop,这个软件是没有办法linux系统上面运行的。...第二种办法就是Windows电脑上安装linux的虚拟机,但是虚拟机又比较占用电脑资源,所以对于一般的电脑来说如果安装虚拟机将会给电脑带来很大负担。...第三种办法也是目前最好用的一个办法,就是Windows10系统安装linux子系统,这样就可以完美解决上面两种问题啦。...安装linux子系统之前要检查一下自己电脑的系统版本,最低为1709版本或者为最新版。 ?...图2.1 版本 检查完自己的版本后,就可以进入windows系统设置安装相应的子系统,下面附上详细步骤:接下来进入控制面板 -> 程序和功能 -> 启用或关闭windows功能 ?

2.5K20

ReactNative报错记录以及原因分析 ReactNative报错记录

React Native DebuggerChrome查看network信息 ReactNative项目运行的两种方式 命令行运行(ReactNative项目根目录下)react-native run-android...react-native start 然后就可以android studio像启动其它原生app项目一样启动项目了。...2.设置项目名称AppDelegate.m和index.ios.js不一致,或者主业务逻辑页面的名称不一致,如下图所示。...报错描述: android studio启动ReactNative项目的时候报错,报错信息如上。通过命令行react-native run-android启动ReactNative项目不会报错。...Failed to resolve: com.facebook.react:react-native+ 版本号为0.20.1问题解决 问题描述: Android项目和RN混编, 集成RN过程,遇到了

4.3K10

win10 uwp 处理用户点击关闭按钮

如何在 UWP 阻止用户点击关闭按钮退出软件,如何知道用户点击了关闭按钮 UWP 中有限制的功能,需要在 Package.appxmanifest 开启,关于限制的功能请看App capability.../restrictedcapabilities"/> 添加完成之后,就可以代码里面使用,我主页面的构造函数监听关闭事件,请看代码 Windows.UI.Core.Preview.SystemNavigationManagerPreview.GetForCurrentView...messageDialog.ShowAsync(); } 只需要通过 e.Handled = true 就可以阻止用户关闭应用,就这样写出了一个用户无法快速退出的应用,基本上只能通过任务管理器才能退出 我的软件里面作为文档软件需要在用户退出的时候发现有没有保存的文档就提示用户保存...但是 UWP 的提示是异步的,也就是异步的提示无法阻止事件的继续,可以看到的是在用户点击关闭的时候,软件的提示页面还没显示,软件就关闭了 SystemNavigationCloseRequestedPreviewEventArgs...(); var messageDialog = new MessageDialog("欢迎访问 blog.lindexi.com 大量 UWP 博客", "骚年你确定关闭");

83910
领券