Fluent Design单选按钮,复选框,选择框,Java菜单

这次我对JMetro进行了重大更新。 3.8版引入了以下新的Fluent Design (FDS)启发风格(深色和浅色)和更新:

  • 新的单选按钮样式;
  • 复选框的新样式;
  • 菜单的新样式;
  • 更新了上下文菜单的样式;
  • 选择框的新样式。

JMetro新版本详细信息

我决定暂时关闭对JMetro示例的关注。 不过,我仍然将控件的样式设置为看起来不错,并且在聚焦时具有鲜明的外观。 之所以这样做,是因为聚焦环在Windows 10中的功能与其默认情况下在JavaFX应用程序中的功能有所不同。

在JavaFX应用程序中,每当您按一下该控件时,该控件就会获得焦点(添加focused伪类),而在Windows中,您需要先按Tab键或箭头键(在某些情况下)才能激活聚焦系统,使聚焦环出现,然后循环浏览直到找到所需的控件。

这是有道理的,因为这样,仅当用户确实确实希望通过使用键盘与应用程序进行交互时才显示聚焦环,否则避免了这种干扰。

您仍然可以在JavaFX中保持这种行为,只需要对其进行编码即可。 我还不知道Mac OS的新版本在这方面如何工作(我没有最新的Mac可以对此进行测试),但是将来可能会添加到JMetro中。

单选按钮新样式

以下动画显示了单选按钮的新样​​式和旧样式:

单选按钮OLD JMetro灯光样式

单选按钮OLD JMetro灯光样式

单选按钮NEW JMetro灯光样式

单选按钮NEW JMetro灯光样式

单选按钮OLD JMetro深色样式

单选按钮OLD JMetro深色样式

单选按钮新JMetro黑暗风格

单选按钮新JMetro深色风格

复选框新样式

复选框已发生重大变化:

复选框OLD JMetro灯光样式

复选框OLD JMetro灯光样式

复选框新JMetro灯光样式

复选框新JMetro灯光样式

复选框OLD JMetro深色样式

复选框OLD JMetro深色样式

Check Box NEW JMetro深色款

Check Box NEW JMetro深色款

自从更改复选框以来,为了保持一致性,我还需要在提供新版本之前更改所有其他使用复选标记的控件。 这些控件是“选择框”和“菜单”。

新选择框样式

如前所述,这不是Fluent Design规范中存在的控件。 它仅存在于JMetro中。

Choice Box OLD JMetro灯光风格

Choice Box OLD JMetro灯光风格

Choice Box NEW JMetro灯光风格

Choice Box NEW JMetro灯光风格

Choice Box OLD JMetro风格

Choice Box OLD JMetro风格

Choice Box NEW JMetro深色款

Choice Box NEW JMetro深色款

新菜单样式

此样式是新添加的。 这是JMetro中仅存在的另一个。 它在Fluent设计系统规范中不存在,至少目前还不存在。

此样式包括菜单栏和打开菜单栏时显示的菜单项,它们本身可以是“复选框菜单项”或“无线电菜单项”类型的菜单项(在菜单项中只能选择一个RadioMenuItem 。相同的ToggleGroup )。

在下面的示例中,“图片效果”子菜单包含RadioMenuItem类型的MenuItemsRadioMenuItem都属于同一个ToggleGroup, “视图”菜单包含CheckMenuItem类型的MenuItems ,它们的工作方式与CheckBox非常相似。

菜单JMetro灯光样式

菜单JMetro灯光样式

菜单JMetro深色风格

菜单JMetro深色风格

新的上下文菜单样式

菜单和上下文菜单是相互链接的。 两者都使用MenuItems作为其内容。 因此,在创建新的菜单样式时,我希望有机会再次更新上下文菜单样式。

我更改了按下和悬停样式,还通过减小菜单项的高度使MenuItems变得更加紧凑。 在以前的JMetro版本中,我的意图是使触摸目标足够大,以便可以在不更改触摸设备和基于鼠标的设备(台式机和笔记本电脑)的情况下使用该应用程序。

事实证明,这并不是最佳策略,因为基于鼠标的设备的用户最终使用的软件并未针对其系统进行优化,而控件占用了过多的空间并浪费了屏幕空间。 这在生产力应用中尤其重要。

由于这些原因,JMetro现在针对基于鼠标的系统进行了优化,其控件仅占据了它们需要占用的空间。 每当应用程序开发人员需要在基于触摸的设备(电话,平板电脑等)中分发其应用程序时,他们只需通过每个控件(仅需要它的控件)CSS重新配置高度即可满足触摸的需要。目标尺寸。 这样,他们只需花费一点点编程即可获得针对基于触摸的设备和基于鼠标的设备进行了优化的应用程序。

将来,我可能会添加一个“触摸”样式类,开发人员可以轻松切换该类,以将控件切换为基于触摸的优化或“鼠标”的优化。

以下是新的和旧的“上下文菜单”样式(版本3之前)的动画。 旧样式只有一个版本:

上下文菜单OLD JMetro深色样式

上下文菜单OLD JMetro深色样式

这是此JMetro版本中的新样式:

上下文菜单NEW JMetro灯光样式

上下文菜单NEW JMetro灯光样式

上下文菜单NEW JMetro深色风格流利设计

上下文菜单NEW JMetro深色样式

包起来

这是对JMetro的重大更新,总共增加了5种样式,包括深色和浅色版本。 新样式已添加到:单选按钮,复选框,选择框,菜单和上下文菜单。

JMetro现在为SDK附带的几乎所有JavaFX控件提供了样式。 它还添加了默认情况下不存在的新样式和新控件。

新版本专注于优化每个平台的屏幕空间。 在基于鼠标的设备(笔记本电脑,台式机)中更紧凑,在基于触摸的设备中更大的控件。 开发人员仍然需要配置每个控件CSS(需要它们的人),但是在将来的版本中可能会更容易。

我仍然没有更新文档 ,我将在以后的几天中进行更新。

与往常一样,如果您想了解最新信息并且不要错过,请订阅此博客并在Twitter上关注我。

这是我下一步计划的:

  • 拨动开关的新样式;
  • 滑块的新样式;
  • Button的新样式(包括新动画);
  • 轻松指定控件的颜色;
  • 等等。

翻译自: https://www.javacodegeeks.com/2018/07/fluent-design-java.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/345539.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【渝粤题库】陕西师范大学151110税法 作业(高起专)

一、单选题1.国家通过税收调节社会总供求是为了实现( )的目标。 A.公平 B.稳定 C.稳定和效率 D.效率 2.现行中央与地方增值税共享收入分享比例为( )。 A.中央60%地方40% B.中央75%地方25% C.中央80%地方20% D.中央50%地方50% 3.非…

stability condition in queueing system

https://www.unf.edu/~cwinton/html/cop4300/s09/class.notes/e1-Stability.pdf

【渝粤题库】陕西师范大学152108 电子政务理论与实践 作业(高起专)

一、单选题 1、()是运用信息和通信技术,打破行政机关的组织界限,重组行政组织结构,改善公共管理模式,实现政府办公自动化、政府业务流程信息化 ,为公众、企业和社会提供广泛、高效和个性化服务的…

【渝粤题库】陕西师范大学163112 旅游管理英语听说 作业 (高起专)

陕西师范大学 内 部 题 库 教育 (yuyueshool) 编制 旅游管理英语听说作业 Ι. Multiple choice: Each question has only one correct answer. 1.It’s 9:30 am Beijing standard time. Please __________ the time. () A.Adju…

gNB,ng-eNB和NR

5G NR 5G NR:New Radio,指5G的无线空口技术,新空口,简单粗暴! NodeB Node B是3G移动基站的称呼,它是通过标准的Iub接口与RNC互连,通过Uu接口与UE进行通信,主要完成Uu接口物理层协…

【渝粤题库】陕西师范大学164116 网络资源优化与推广 作业 (高起专)

网站资源优化与推广作业 单选题 下列说法正确的是( )。 A. 全文搜索方式又被称为分类搜索 B. 目录索引类搜索引擎的使用方法称为“关键词查询” C. 搜索引擎按其工作方式可划分为蜘蛛程序和机器人 D. 搜索引擎按其工作方式可划分为全文搜索引擎和目录索…

undertow服务器分析_进入Undertow Web服务器

undertow服务器分析随着Java EE 7的到来以及处理诸如Web Sockets API和HTTP升级(例如EJB over HTTP)之类的高级功能的要求,WildFly开发团队已经做出了重要决定。 在长期致力于JBoss Web服务器(Apache Tomcat的一个分支&#xff09…

【渝粤题库】陕西师范大学165202 战略管理 作业(专升本)

战略管理作业 一、单项选择题 1、人们可以通过发展教育、努力学习、锻炼身体等积极行为,使自己获得更好的劳动能力,从而使人力资源得到强化。这表现出人力资源具有( )。 A 两重性 B 社会性 C 再生性 D 能动性 2、在一年之内使所有…

matlab中的rng函数

一、matlab中的随机函数有:rand、randn 1、rand() 功能:生成0-1之间的伪随机数 e.g. rand(3) 生成一个3*3的0-1之间的伪随机数矩阵 2、randn() 功能:生成标准正态分布的伪随机数(均值为0&am…

在Jetty中设置SSL

当您必须快速启用SSL并陷入困境时,您是否遇到了问题:-( 你并不孤单,我将分享我的痛苦和一些学习。 我将分享在码头上启用SSL的步骤。 警告:仅将以下说明用于开发人员设置和生产,请与安全专家联系! 在服…

【渝粤题库】陕西师范大学180211 服务营销 作业(专升本)

一、单选题 1、服务是一种无形产品,它向顾客提供的是产品的( ),并不涉及所有权的转移。 A 管理权 B 保护权 C 所有权 D 使用权 2、在实践中,企业因产品和市场的不同,可以分别建立不同水平的营销关系。如果企…

inf sup上下确界与 min, max 的区别

inf 是 infimum 的简称,sup 是 supremum 的简称。 使用 inf 或 sup 总能保证一个函数的 inf 或 sup 存在,而函数的 min 或 max 有时候不存在。 inf 的定义:一个集合最大的下界 下确界:infimum,简写为 inf&#xff08…

【渝粤题库】陕西师范大学200111中学语文教学法 作业(专升本)

《中学语文教学法》作业 一、单选题 1、中学语文教学法是一门( ) A 纯应用学科 B 理论学科 C 应用理论学科 D 纯知识学科 2、为了疏通学生的思路而设计的搭台阶性质的问题,这种提问形式是( ) A 启发式提问 B 疏导式提问…

在边缘,作为网关或在网格中构建控制平面以管理Envoy代理的指南

最近, Envoy已成为流行的网络组件。 马特克莱因( Matt Klein )在几年前写了一个博客,内容涉及Envoy的动态配置API,以及它如何成为Envoy的采用曲线向右移的原因之一。 他称该博客为“通用数据平面API”。 由于有许多其他…

MATLAB 随机数生成器

betarnd 贝塔分布的随机数生成器 binornd 二项分布的随机数生成器 chi2rnd 卡方分布的随机数生成器 exprnd 指数分布的随机数生成器 frnd F分布的随机数生成器 gamrnd 伽玛分布的随机数生成器 geornd 几何分布的随机数生成器 hygernd 超几何分布的随机数生成器 lognrnd 对数正态…

【渝粤题库】陕西师范大学200511 美国文学

《美国文学》作业 I.Multiple Choice American literature is only more than ____ years old. A. 500 B.400 C. 200 D.100The Puritan values did no include______. A. wastefulness B. thrift C. piety D. hard workThe 18th century was the age of the Enlightenment. __…

【渝粤题库】陕西师范大学200851 微机实用技术

《微机实用技术》作业 一、填空题 1.电源目前主要有两种,分别称为 和 。 2.总线的速度与两个参数有关,一个是 ,另一个是 。 3.nVIDIA支持AMD CPU的芯片组 。 4.目前DDR内存已经有四种规格&#…

java编译器分析_Java反编译器的剖析

java编译器分析简单地说,反编译器尝试将源代码转换为目标代码。 但是有很多有趣的复杂性-Java源代码是结构化的; 字节码当然不是。 而且,转换不是一对一的:两个不同的Java程序可能会产生相同的字节码。 我们需要应用试探法以合理地…

各种各样的数

数的类别 数可以被分类为数系的集合内。对于以符号表示数的不同方式,则请看记数系统。 自然数 主条目:自然数 最常用的数为自然数,有些人指正整数,有些人则指非负整数。前者多在数论中被使用,而在集合论和计算机科学…

JDK 11上的JavaFX

在第11版发布之后,人们对JavaFX与JDK的解耦感到百感交集。 我们中的许多人认为现在是时候告别JavaFX并改用另一种GUI技术了,而另一些人对此情况感到高兴。 他们认为,将JavaFX与Oracle分离开来,并致力于将其开发为开源社区驱动的项…