Java,JavaFX的流畅设计风格拨动开关

嗨,这次我将在新版本的JMetro中讨论新的Toggle Switch样式。

拨动开关是一种近年来变得非常流行的控件。 我前一段时间在ControlsFX库中添加了JavaFX实现。

刚刚发布的JMetro版本4.1中提供了此新样式。

什么是拨动开关

在以前的文章中,我谈到了切换开关控件,它是什么以及我已经完成并添加到ControlsFX库中的实现。

简而言之,拨动开关就像复选框或切换按钮一样,具有两种状态(打开和关闭)。 它通常没有Check Box可以具有的不确定状态,并且在某些实现中,当其状态更改时,其文本可能会更改,以进一步说明其所处的状态。

默认情况下,ControlsFX实现的外观符合默认的JavaFX Modena主题。 那时,我还在JMetro中添加了Metro风格的样式,您可以在下面看到:

拨动开关OLD JMetro灯光样式

拨动开关OLD JMetro灯光样式

拨动开关OLD JMetro深色风格

拨动开关OLD JMetro深色风格

新的拨动开关样式

创建新的JMetro样式时,我遇到了一些问题。 首先,我在外观实现中遇到了一些错误,这些错误是在新添加的MetroToggleSwitchSkin

JMetro样式表已更改为引用此新外观:

.toggle-switch {-fx-skin: "impl.jfxtras.styles.jmetro8.MetroToggleSwitchSkin";
}

这是一个实现细节,因此您通常不必真的在乎。 外观位于impl包中,以反映它不是公共API。 如果在代码中使用它,请注意将来情况可能会发生重大变化。

我遇到的另一个问题是我现在希望切换开关位于左侧,而其文本位于右侧。 这与当前实现相反。 为此,我添加了一个新CSS属性: -toggle-display 。 与Labeled -fx-content-display属性类似。

-toggle-display具有三个可能的值:

  • left :切换开关显示在左侧,附带的文本显示在右侧
  • right :切换显示在右侧
  • thumb-only :仅显示切换开关,不显示任何文本

默认值为right ,它反映了我在Toggle Switch的第一个实现中的外观。 但是,默认情况下,JMetro会覆盖此参数并将其设置为left,

.toggle-switch {-thumb-move-animation-time: 100;-toggle-display: left;
}

另一件事发生了变化,您会在上一个代码片段中注意到切换动画的持续时间。 也就是说,无论开关点处于关闭状态还是打开状态,切换点从左到右移动的时间(反之亦然)。 如-thumb-move-animation-time CSS属性所指示,此时间已从200ms更改为100ms。

事不宜迟,以下是Toggle Switch的新的明暗JMetro样式:

拨动开关NEW JMetro灯光样式

拨动开关NEW JMetro灯光样式

拨动开关NEW JMetro深色风格

拨动开关NEW JMetro深色风格

包起来

JavaFX主题JMetro的 4.1版已经发布。 此版本增加了一个新的切换开关样式,灵感来自Fluent Design 。 视觉效果已经完全改变,包括动画速度。

还添加了一个新皮肤,它添加了一个新的-toggle-display CSS属性。 请注意,此外观位于impl包中,因为它是实现细节。

Java的文档页面JavaFX主题JMetro将很快更新。

和往常一样,在Twitter上关注我并订阅此博客。

这是我下一步计划的:

  • 带有动画的新按钮样式;
  • 新的滑块样式;
  • 新的进度栏样式;
  • 容易改变颜色的可能性。

翻译自: https://www.javacodegeeks.com/2018/08/fluent-design-style-toggle-switch-javafx.html

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

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

相关文章

python登录页面_Python:简单的登陆GUI界面

import tkinterimport sysimport retop tkinter.Tk()top.geometry(‘400x170350150‘)top.wm_title(‘综合实例‘)def validateText():val entry1.get()if re.findall(‘^[0-9a-zA-Z_]{1,}$‘,str(val)):return Trueelse:label3[‘text‘] ‘用户名只能包含字母、数字、下划…

python解析多层嵌套json_Python爬虫解析多个嵌套JSON,多级,json

Python爬虫解析多级嵌套json最近刚接触Python爬虫,正好最近肺炎在全国蔓延,所以准备从网站爬取肺炎实时数据,并解析自己想要的数据。获取json数据网址为 https://m.look.360.cn/events/feiyan爬取网址:def main():urlhttps://m.lo…

python __call__一般用在哪些地方_Python __call__内置函数的作用和用法

开学了进入了实验室,需要协助大师兄做事,主要是OpenStack中的代码解析,但是涉及很多python高级用法,一时间有点麻烦,在做项目的同时慢慢更新博客。这次先写一下__call__的用法,因为经常看到它却不知道到底是…

如何使用vps 异地组网_使用ZEROTIER异地组建内网(局域网)

一、注册账号(该网站打开比较慢,但并不影响组网后的网速)二、建立虚拟局域网网(获取Network ID)1.选择菜单栏的Networks菜单2.选择创建网络3.注意获取到的Network ID(需要在每台组网的电脑上加入这个network id)4.大部分设置默认就可以了.三、下载软件点菜单中的Dow…

编写一个watchdog.sh脚本_五大原因!为何要将Jupyter Notebook转换为python脚本?

全文共3360字,预计学习时长9分钟图源:unsplash大多数数据科学在线课程都把Jupyter Notebook作为教学媒介,这是因为初学者在Jupyter Notebook的单元格中编写代码,比编写包含类和函数的脚本更容易。另一个原因在于它使浏览和绘制数据…

how2java_HOW-TO:在Spring 4和Java 7中使用@PropertySource批注

how2java今天,我将我当前正在从事的项目之一迁移到了Spring 4.0。 由于它是我用来学习和演示Spring功能的非常简单的Web应用程序,因此只需要更新项目的POM文件并更改Spring版本。 我将项目部署到Tomcat 7服务器,显然该应用程序未启动。 我在I…

掌握java_如何才算掌握Java,大家都掌握到什么程度

如何才算掌握Java SEjava SE基础课程在朗沃算是学完了,但真正的掌握了么?如何才算掌握了呢?目前已经进入了JavaWEB阶段的项目阶段,把这个问题提出来,是很好的一个时间,那么有没有一些参照觉得学Java基础部分…

IBM将收购Red Hat:面向Java的初衷

甲骨文公司近九年前完成了收购Sun Microsystems的过程。 那是当时的大新闻,今天也宣布了类似的大新闻: IBM和Red Hat已同意IBM收购Red Hat 。 IBM主页面宣布“ IBM收购Red Hat”。 然后它说:“这将改变一切。” 这项宣布的收购很可能会使许多…

java 多线程 总结_Java 多线程总结

昨天熬了个通宵,看了一晚上的视频,把java 的多线程相关技术重新复习了一遍,下面对学习过程中遇到的知识点进行下总结。首先我们先来了解一下进程、线程、并发执行的概念:进程是指:一个内存中运行的应用程序&#xff0c…

python存文件的模块_python模块之StringIO/cStringIO(内存文件)

1. StringIO/cStringIO是什么这个模块提供了一个类,这个类的实例就像是一个文件一样可以读写,实际上读写的是一个字符串缓存,也可以称之为内存文件。StringIO和文件对象拥有共同的父类IOBase,因此方法基本上都是一致的&#xff0c…

性能测试脚本的编写和调试_编写自动调试器以在测试执行期间捕获异常

性能测试脚本的编写和调试以前,我曾说过, 您总是想保留一些调试器断点作为例外 。 这有助于防止代码在不注意的情况下腐烂掉,有时掩盖了另一个问题。 如果您认真对待这一点,那么最好将此想法扩展到自动化测试中。 但是想出一个全…

python自由职业可以做什么_我想成为自由职业者,但不知道做什么?

我想成为自由职业者,但不知道做什么?这其实是就是个人定位的问题,自由职业的第一步,就得先解决这个问题。下面我从3个维度,通过5个步骤,说一下如何成为一名自由职业者,你看完就知道马上该怎么去…

基本服务-使用大使网关

这是我对Knative服务进行实验的延续,这次是围绕在Knative服务应用程序之上构建网关。 这是基于我之前的两篇文章- 使用Knative部署Spring Boot App以及在Knative中进行服务到服务的调用 。 为什么在Knative应用程序之上使用网关 为了解释这一点,让我谈谈…

mysql function 表名作为参数_mysql 常用的分组聚合函数

mysql 常用的分组聚合函数1.聚合运算一般情况下,需要的聚合数据(和,平均值,最大,最小等)并不总是存储在表中,但是可以执行存储数据的计算来获取它.根据定义,聚合函数对一组值执行计算并返回单个值.MySQL提供了许多聚合函数,包括AVG,COUNT,SUM,MIN,MAX等.除COUNT函数外,其它聚合…

java加减乘除运算顺序_java 实现加减乘除混合运算

初衷:解决小学一年级到四年级 基本加减乘除混合运算基本思路:表达式:10032-200(10000/5(100/2))此类表达式我们称之为中缀表达式(运算符在数字的中间),如果我们稍加转换,转化为100, 3, , 2, , 200, -, 10000, 5, /, 100, 2, /, , …

java integer valueof_对 Java Integer.valueOf() 的一些了解

从一道选择题开始分析选项A选项A中比较的是i01和i02,Integer i0159这里涉及到自动装箱过程,59是整型常量,经包装使其产生一个引用并存在栈中指向这个整型常量所占的内存,这时i01就是Integer 的引用。而int i0259由于int是基本类型…

python统计文件大小_python工具--01.统计当前目录下的文件的大小

环境os: centos7python : 3.7实现功能统计当目录下的文件夹有文件的大小,单位KB/MB/B;代码实现#!/usr/bin/env python# _*_ coding:utf-8 _*_import os,mathsummary0def size_file(str2):global summarysummarysummaryos.path.getsize(str2)def size_dir…

java web 伪静态_【Java Web】使用URLRewrite实现网站伪静态

大部分搜索引擎都会优先考虑收录静态的HTML页面,而不是动态的*.jsp、*.php页面。但实际上绝大部分网站都是动态的,不可能全部是静态的HTML页面,因此互联网上大部分网站都会考虑伪静态——就是将*.jsp、*.php这种动态URL伪装成静态的HTML页面。…

idea创建maven程序_使用Maven程序集创建漏洞评估工件

idea创建maven程序本文将讨论如何使用Maven程序集创建可提供给第三方漏洞评估站点(例如Veracode )进行审查的工件。 错误的静态分析与漏洞评估 在这一点上,每个人都知道findbug并认真使用它,对吗? 对? F…