我想要位置评级控制(http://fxexperience.com/controlsfx/features/#rating)如下:
<HBox spacing="10.0" alignment="CENTER" >
<children>
<Label text="Rating" />
<Rating fx:id="rating1" styleClass="scale-half" />
<Pane HBox.hgrow="ALWAYS"/>
<Label text="Difficulty" />
<Rating fx:id="rating2" styleClass="scale-half" />
</children>
</HBox>
在 CSS 中:
.scale-half {
-fx-scale-x:0.5;
-fx-scale-y:0.5;
}
Rating 控件的原始大小对我来说太大了,所以我想对其进行缩放。
问题是,缩放后,Rating 控件的布局边界与未缩放时相同。
我尝试用 Group 容器包装这个控件。
这有点帮助。布局还可以,但是在Rating控件中将鼠标移到星星上后,出现阴影效果,布局边界变大。
整个HBox也增加了,所以最终效果很差:布局抖动。
如何避免这种情况?
最佳答案
您可以尝试使用缩放而不是缩放。但是,由于缩放在 FireFox 或 Opera 中不起作用,请尝试以下所有操作:
.scale-half {
zoom: 0.5; /* IE */
-moz-transform: scale(0.5); /* Firefox */
-moz-transform-origin: 0 0;
-o-transform: scale(0.5); /* Opera */
-o-transform-origin: 0 0;
-webkit-transform: scale(0.5); /* Safari And Chrome */
-webkit-transform-origin: 0 0;
transform: scale(0.5); /* Standard Property */
transform-origin: 0 0;
}
关于java - 如何在 javafx 中正确缩放控件和布局,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23997115/