建筑网站案例,wordpress 列表摘要,iis添加网站访问权限,自己做的网站很慢javafx响应式布局使用CSS技术#xff0c;为您的网站创建响应式设计相对容易。 根据屏幕的大小#xff0c;您可以使用其他CSS文件和布局。 在JavaFX中#xff0c;乍一看似乎有些困难#xff0c;因为CSS仅负责样式#xff0c;而不负责布局。 但是#xff0c;为各个屏幕尺寸… javafx响应式布局 使用CSS技术为您的网站创建响应式设计相对容易。 根据屏幕的大小您可以使用其他CSS文件和布局。 在JavaFX中乍一看似乎有些困难因为CSS仅负责样式而不负责布局。 但是为各个屏幕尺寸使用不同的FXML文件并共享一个控制器实际上并没有那么糟因此您可以轻松地使用SceneBuilder来预览不同屏幕尺寸的布局。 在代码中您可以根据屏幕大小在FXML文件之间进行切换也可以通过根据目标设备创建不同的部署并在构建过程中复制所需的文件来摆脱这种情况。 但是响应式设计不仅与尺寸有关。 对于启用触摸的设备同样要使用正确的控件这一点很重要。 在JayDay上Jim Weaver很好地介绍了如何使用JavaFX创建支持触摸的UI。 您可以从JayDay网站上下载演示文稿 JayDay 2013 。 他提出的目的之一是使用分页控件该控件比TabPane易于在触摸设备上使用。 不幸的是这不能与我们重用控制器的方法很好地配合使用因此我们必须为具有常见内容和用途的控制器创建一个基类。 FXML private Pagination pager 用于触摸设备和 FXML private TabPane pager 如果应用程序在桌面上运行。 如Paru Somashekar在JavaONE与Jonathan Giles的演讲中所展示的那样如果我们能够简单地通过CSS切换外观那就更好了。 在此演示中她展示了CheckBox的替代外观可以通过CSS轻松设置大约27:15 因此您可以专门为具有CSS的触摸设备创建部署或者使用类似的方法来确定设备是否支持触摸 PlatformImpl.isSupported(ConditionalFeature.INPUT_TOUCH); 我决定自己尝试一下然后将我创建的ChoiceWheel控件转换为ChoiceBox的外观 对于基于FXML / CSS的方法我不会像Paru那样通过每个CheckBox上的样式类来设置样式而是为所有控件启用替代的Skin。 对于我所有的ChoiceBoxes .choice-box {
-fx-skin: de.eppleton.controls.choicewheel.ChoiceBoxSkin;
} 无需对控制器进行任何更改。 我认为这是一种创建在台式机平板电脑或手机上看起来都不错的应用程序的好方法它显示了FXML和CSS的优势。 每个设备大小都有一个CSS-FXML对您可以 根据每个设备组织布局 在SceneBuilder中的不同设备上轻松预览设计 通过CSS在不同的控件触摸/鼠标之间切换 重用同一控制器 创建仅包含目标设备所需文件的部署 对于常规控件拥有更多这些经过触摸优化的皮肤真的很棒。 参考 Eppleton博客上我们JCG合作伙伴 Toni Epple的JavaFX响应式设计 。 翻译自: https://www.javacodegeeks.com/2013/09/responsive-design-with-javafx.htmljavafx响应式布局