javafx 自定义控件

几周前,由于Hendrik Ebbers的出色文章 ,我决定花一些时间观看有关JavaFX的JavaOne讨论。 我不得不说我已经学到了很多东西,只是看这些视频(即使我还没有完成)!

Gerrit的“使用力,路克”或使用JavaFX功能的技巧和窍门的演讲使我将我的(基本)墨迹和设计技能与JavaFX知识联系起来。 我决定花些时间尝试创建一个完整的自定义JavaFX控件,如Gerrit在其使用inkscape和CSS的演讲中所述。 我认为这是学习CSS的好方法!

这是我将尝试在JavaFX中重现的真实对象。 这是Nest创建的恒温器。

因此,正如Gerrit所述,我首先制作了一个Inkscape原型,以了解图像的构建方式。 首先将图像导入到inkscape中,然后从图像的外部开始,并转到中心详细信息。 我使用了很多对象对齐和分布,以及带有颜色选择器的重复对象(Ctrl + d)和渐变。 在下一张图像上,您可以看到我执行的步骤以及所构建的最终图像。

即使我没有完成某些效果,最终结果也接近原始结果。 例如,我对不对称的外部圆渐变遇到了一些麻烦。 所以我决定得到更亮的部分并使它对称! 这是我的inkscape版本(左)和原始版本(右)的完整比较:

我不得不说,通过在Inscakep中获取真实图像并使用颜色选择工具选择颜色来使用渐变,确实是一种简单而强大的再现灯光效果的方法。 再次感谢Gerrit的这次有益的演讲。

下一步是大部分使用CSS在JavaFX中导入全局形状,如Talk所示。

  • 对于那些对自定义控件感兴趣的人,请真正单击此处 。

更新1:我重新设计了我的inkscape版本,因为关于光效果有些不对劲,并且我发现,我的外圆渐变与光方向不对齐,与之正交! 这是新的屏幕截图!

更新2:对于那些愿意看一下inkscape文件的人, 这里就是 !

参考: JavaFX自定义控件–我们JCG合作伙伴 Laurent Nicolas的Nest Thermostat第1部分 ,在LoNee先生的博客上。

翻译自: https://www.javacodegeeks.com/2014/01/javafx-custom-control-nest-thermostat-part-1.html

javafx 自定义控件

javafx 自定义控件_JavaFX自定义控件– Nest Thermostat第1部分相关推荐

  1. javafx 自定义控件_JavaFX自定义控件– Nest Thermostat第3部分

    javafx 自定义控件 嗨,经过与同事的讨论,我今天决定展示css方法并不是唯一可用于创建自定义控件的方法. 当然,它允许提供一些外观扩展点,但是可以使用代码API使用相同的方法(与向JavaFX的 ...

  2. javafx 自定义控件_JavaFX自定义控件– Nest Thermostat第2部分

    javafx 自定义控件 自从我开始创建Nest恒温器FX自定义控件以来,已经有一段时间了! 因此,上次,正如Gerrit Grunwald所建议的那样,我花了一些时间使用inkscape复制Nest ...

  3. JavaFX自定义控件– Nest Thermostat第2部分

    自从我开始创建Nest恒温器FX自定义控件以来,已经有一段时间了! 因此,上次,如Gerrit Grunwald所建议,我花了一些时间用inkscape复制Nest恒温器设计,这是构建JavaFX版本 ...

  4. JavaFX自定义控件– Nest Thermostat第3部分

    嗨,经过与同事的讨论,我今天决定展示css方法不是唯一可用于创建自定义控件的方法. 当然,它允许提供一些外观扩展点,但是可以使用代码API使用相同的方法(与向JavaFX的转换)一起使用. 这是图形初 ...

  5. JavaFX自定义控件– Nest Thermostat第1部分

    几周前,由于Hendrik Ebbers的出色文章 ,我决定花一些时间观看有关JavaFX的JavaOne讨论. 我不得不说我已经学到了很多东西,只是看这些视频(即使我还没有完成)! Gerrit的& ...

  6. [WPF自定义控件库] 自定义控件的代码如何与ControlTemplate交互

    [WPF自定义控件库] 自定义控件的代码如何与ControlTemplate交互 原文:[WPF自定义控件库] 自定义控件的代码如何与ControlTemplate交互 1. 前言 WPF有一个灵活的 ...

  7. nest keyword_如何使用Nest Thermostat手动运行HVAC风扇

    nest keyword If you don't want to turn on the A/C in your house, but want to at least keep the air f ...

  8. javafx 自定义控件_JavaFX技巧10:自定义复合控件

    javafx 自定义控件 用JavaFX编写自定义控件是一个简单直接的过程. 需要一个控件类来控制控件的状态(因此命名). 外观需要控件的外观. 而且通常不是用于自定义外观CSS文件. 控件的一种常见 ...

  9. javafx 遮罩_JavaFX技巧31:遮罩/剪切/ Alpha通道

    javafx 遮罩 选择条 最近,我不得不实现一个自定义控件,该控件使用户可以从项目列表中选择一个项目. 此" SelectionStrip"控件必须水平放置项目,并且在项目过多的 ...

最新文章

  1. 大型网站架构演变和知识体系
  2. linux下java还原mysql数据库
  3. putty/xshell/Secure CRT远程工具详解
  4. tableau显示正在将数据发送到服务器,升级 Tableau Server 之后无法打开以发布的数据源形式发布的数据提取...
  5. C++ Primer 5th笔记(chap 17 标准库特殊设施)tuple 类型
  6. 宏BOOST_TEST_ALL_WITH的用法实例
  7. OpenCV学习:仿射变换+投射变换+单应性矩阵
  8. 爬虫中 Selenium-Requets-模拟登陆cookie-代理proxy 的简单总结
  9. jQuery-处理元素内容、表单元素
  10. [转载] python字典更新值_Python–字典元组值更新
  11. 我已经不用 try catch 处理异常了!太辣鸡了!
  12. java 1.4 下载_j2sdk1.4.2
  13. 蚂蚁庄园 php源码,求一个基于Auto.js的蚂蚁庄园脚本
  14. iptv鉴权 php,[转]关于openwrt用于dhcp客户端协议突破iptv的dhcp+鉴权(ipoe)
  15. 邮件服务器1---原理以及基本概念
  16. MATLAB自带函数实现经验模态分解总结
  17. 微分方程和线性代数(先理解一阶微分形式不变性)
  18. android测试版微信7.0下载地址,微信8.0.6手机测试版本
  19. “鲨鱼仿生学”iGame主板即将迎来新形象
  20. 带有神经网络的梯度消失(Vanishing gradients with RNNs)

热门文章

  1. 2018CCPC吉林赛区(重现赛)补题部分——F线段树待补
  2. 【DP】Table(CF232B)
  3. 【树链剖分】春季大扫除(P6805)
  4. Javafx的WebEgine执行window对象设置属性后为undefined
  5. JavaFX图表(五)之气泡图
  6. JavaFX官方教程(十三)之应用效果
  7. 班级日常分享,一天一瞬间
  8. 集成Swagger(API)---SpringBoot
  9. skimage直方图如何保存_LightGBM的参数详解以及如何调优
  10. HttpClient api-连接池