如何使用 JavaFX 实现放大/缩小?

Posted

技术标签:

【中文标题】如何使用 JavaFX 实现放大/缩小?【英文标题】:How to implement Zoom in/out using JavaFX? 【发布时间】:2021-12-20 01:24:14 【问题描述】:

对于我的大学项目,我必须实现一个简单的 GUI 程序,我必须在其中构建形状(矩形、正方形、圆形等)并对它们进行一些基本操作(分组、移动等)。

我有两个布局架构,如附图所示,左侧将显示创建的形状。但是,我怎样才能使这个可缩放?

例如,如果用户创建了一个太大的矩形,为了适应当前尺寸,我的程序需要能够缩小以正确查看它。但我的正确布局将保持不变。

知道我需要从 JavaFX 中实现什么吗?

【问题讨论】:

相关:JavaFX correct scaling。如果您擅长搜索所需内容,*** 上还有(可能)其他问题可能会对您有所帮助。 没有缩放功能的情况下让一切正常工作,然后尝试稍后添加缩放功能(这只是我的建议),否则您可能会花费大量时间试图让你的扩展工作,但应用程序的其余部分的质量会受到影响。 另外,缩放和平移是不同的东西。没有缩放的平移可能更容易,同时允许两者一起使用更困难。你真的需要两者(你可能)还是只是平移足够? 这个问题几乎肯定会因为没有重点而被关闭,就像 *** 的工作方式一样。如果发生这种情况,请查看关闭原因。在原件关闭后提出更集中的问题是可以的。 【参考方案1】:

如果您使用场景图,这实际上非常简单。将左侧部分设为窗格。在其根节点添加一个组节点,然后将所有形状添加到该组节点。然后,您只需对该组节点应用单个变换即可进行平移和缩放。

【讨论】:

以上是关于如何使用 JavaFX 实现放大/缩小?的主要内容,如果未能解决你的问题,请参考以下文章

pc端 前端页面 js灯箱效果能放大缩小吗

怎样实现WebView的双击放大和缩小

如何使用手机CAD看图将图纸放大缩小?

如何使用手机CAD看图将图纸放大缩小?

如何使用滑块值更改放大缩小 UIimageView

Vue使用v-viewer插件实现图片放大缩小的功能