Discussions
Categories
- 384.5K All Categories
- 2.5K Data
- 551 Big Data Appliance
- 1.9K Data Science
- 451.3K Databases
- 222.1K General Database Discussions
- 3.8K Java and JavaScript in the Database
- 32 Multilingual Engine
- 560 MySQL Community Space
- 479 NoSQL Database
- 7.9K Oracle Database Express Edition (XE)
- 3.1K ORDS, SODA & JSON in the Database
- 561 SQLcl
- 4K SQL Developer Data Modeler
- 187.4K SQL & PL/SQL
- 21.4K SQL Developer
- 296.8K Development
- Application Development
- 18 Developer Projects
- 140 Programming Languages
- 293.5K Development Tools
- 112 DevOps
- 3.1K QA/Testing
- 646.2K Java
- 28 Java Learning Subscription
- 37K Database Connectivity
- 193 Java Community Process
- 106 Java 25
- 22.1K Java APIs
- 138.2K Java Development Tools
- 165.3K Java EE (Java Enterprise Edition)
- 21 Java Essentials
- 165 Java 8 Questions
- 86K Java Programming
- 81 Java Puzzle Ball
- 65.1K New To Java
- 1.7K Training / Learning / Certification
- 13.8K Java HotSpot Virtual Machine
- 94.3K Java SE
- 13.8K Java Security
- 206 Java User Groups
- 24 JavaScript - Nashorn
- Programs
- 525 LiveLabs
- 39 Workshops
- 10.2K Software
- 6.7K Berkeley DB Family
- 3.5K JHeadstart
- 5.7K Other Languages
- 2.3K Chinese
- 178 Deutsche Oracle Community
- 1.1K Español
- 1.9K Japanese
- 236 Portuguese
Aligning transformed Text (and other shapes) inside StackFrame
Good day, guys! I have StackPane and scaled (enlarged with scaleX and scaleY properties) Text node inside pane. When text aligned to center of pane (Pic. 1) there are no issues. But when I try to align to left, right, or any other sides or corners then text positioned outside of pane (Pic. 2). How can I fix it? Text have TextBoundsType.VISUAL bounds. Thanks!
Pic. 1. Grey text aligned to center of stack pane. StackPane.setAlignment(Pos.CENTER) | Pic. 2. Grey text aligned to left side of stack pane. StackPane.setAlignment(Pos.CENTER_LEFT) |
Best Answer
-
You could try wrapping the Text in a Group. I tested in Scene Builder and it seemed to work ok with different StackPane alignments:
<?xml version="1.0" encoding="UTF-8"?> <?import java.lang.*?> <?import java.util.*?> <?import javafx.scene.*?> <?import javafx.scene.layout.*?> <?import javafx.scene.paint.*?> <?import javafx.scene.text.*?> <StackPane alignment="TOP_LEFT" prefHeight="230.0" prefWidth="335.0" style="" xmlns:fx="http://javafx.com/fxml/1" xmlns="http://javafx.com/javafx/2.2"> <children> <Group id="Group"> <children> <Text layoutX="-29.0" layoutY="-11.0" scaleX="2.0" scaleY="2.0" strokeType="OUTSIDE" strokeWidth="0.0" text="Text" /> </children> </Group> </children> </StackPane>
Answers
-
Can you increase the font size instead of scaling the Text?
-fx-font-size: 2.0em;
This would fix the issue, I think.
-
The StackPane will center everything you put into it. Use a Group instead.
-
Yes, it will fix the issue, but I need proportional scaling of text relative to size of stack pane. By the way, size of stack pane isn't fixed and may change on some conditions. It's hard to do with font size, that's why I use scaleX/Y properties.
-
You could try wrapping the Text in a Group. I tested in Scene Builder and it seemed to work ok with different StackPane alignments:
<?xml version="1.0" encoding="UTF-8"?> <?import java.lang.*?> <?import java.util.*?> <?import javafx.scene.*?> <?import javafx.scene.layout.*?> <?import javafx.scene.paint.*?> <?import javafx.scene.text.*?> <StackPane alignment="TOP_LEFT" prefHeight="230.0" prefWidth="335.0" style="" xmlns:fx="http://javafx.com/fxml/1" xmlns="http://javafx.com/javafx/2.2"> <children> <Group id="Group"> <children> <Text layoutX="-29.0" layoutY="-11.0" scaleX="2.0" scaleY="2.0" strokeType="OUTSIDE" strokeWidth="0.0" text="Text" /> </children> </Group> </children> </StackPane>
-
Hi. Try the following:
text.setTextAlignment(TextAlignment.LEFT); StackPane.setAlignment(Pos.CENTER);
-
Thank you very much, MoC! Wrapping text to group gracefully solved the problem! )