解决图片滚轮放大以后覆盖其他组件的问题

开发需要用javaFx写一个应用程序，显示图片，并支持拖拽，滚轮放大或缩小，位于center图片放大以后会覆盖掉top的导航栏，

BorderPane

BorderPane布局窗格提供了5个放置节点的区域：top, bottom, left, right, 和 center。图 1-1展示了border pane构建的布局样式。这些区域可以是任意大小，如果应用不需要某个区域，你可以不定义它，然后窗格就不会给这个区域分配空间。

      图1-1 

border pane可用于这种经典的外观：top:工具栏，bottom:状态栏，left:导航栏，right:附加信息，center:工作区。

默认情况下，如果窗口比所有区域所需空间还大，多余的空间将被分配给中间区域。如果窗口比所需空间小，区域可能会重叠。重叠是由区域设置的顺序决定的。例如，如果区域设置的顺序是 left, bottom, right，当窗口变得更小时，bottom区域会覆盖left区域，right区域会覆盖bottom区域。如果区域设置的顺序是 left, right, bottom，当窗口变得更小时，bottom区域会覆盖left和right区域。

解决;将<center>布局放到<top>,<bottom>之前

布局文件如下：