Channels
#tornadofx
- e
edvin
11/19/2017, 7:02 PM@amanda.hinchman-dominguez How is that easier with FXML? 🙂 - a
amanda.hinchman-dominguez
11/19/2017, 7:02 PMIf I can do it tornadofx, then I will, but I have situations like this - a
amanda.hinchman-dominguez
11/19/2017, 7:03 PM@amanda.hinchman-dominguez uploaded a file:Screen Shot 2017-11-19 at 2.03.12 PM.png▾
- e
edvin
11/19/2017, 7:04 PMSo you use colspan/rowspan? 🙂 - a
amanda.hinchman-dominguez
11/19/2017, 7:04 PMright - e
edvin
11/19/2017, 7:04 PMThat's not a problem with code based GridPane at all. - a
amanda.hinchman-dominguez
11/19/2017, 7:06 PMI can try to whip one up quickly then. Would I be able to implement drag-and-drop controller in java with these elements then? - a
amanda.hinchman-dominguez
11/19/2017, 7:08 PMwould I have to insert columnConstraints and rowConstaints in each element? The setup doesn't seem quire the same as fxml - a
amanda.hinchman-dominguez
11/19/2017, 7:13 PMI guess it's not quite clear to me how I can add multiple items in rows and then include rowspans of 2 and specifiy how many columns there can be - e
edvin
11/19/2017, 7:13 PMTo be honest, I think the gridpane builder in TornadoFX is a mess. Not sure who created the functions for it (I created the row, but not the constraints), but I don't feel at home with it at all and don't quite understand the reasoning for how it is structured, but you can just use the static functions to set col/rowspan, just like you do in FXML. - e
edvin
11/19/2017, 7:14 PMShow me your FXML 🙂 - e
edvin
11/19/2017, 7:15 PMOr don't. Hang on, I'll create a small example to show what I mean 🙂 - a
amanda.hinchman-dominguez
11/19/2017, 7:15 PM@amanda.hinchman-dominguez uploaded a file: MetroTileHomepage1.fxml - a
amanda.hinchman-dominguez
11/19/2017, 7:16 PMyou're correct, this is rather verbose. I did try to create a GridPane in tornadofx originally, but got messy immediately - a
amanda.hinchman-dominguez
11/19/2017, 7:16 PM(be right back, I'm taking my dog for a short walk) - e
edvin
11/19/2017, 7:18 PMOh wow, that's awful to look at.. hehe 🙂 - a
amanda.hinchman-dominguez
11/19/2017, 7:19 PMagreed. It did take care of the custom layout issue though - e
edvin
11/19/2017, 7:19 PMIf you really want to set all that information for each element you add, you can do this much less verbose in TornadoFX, will show you. - e
edvin
11/19/2017, 7:26 PMMy suggestion is to create a small builder which creates the Rectangles for you. So instead of writing this: - e
edvin
11/19/2017, 7:26 PMRectangle fx:id="module10" fill="#3ca6b2" height="90.0" width="290.0" layoutX="200.0" stroke="#3ca6b2" strokeType="OUTSIDE" styleClass="module_tile" GridPane.rowIndex="0" GridPane.columnIndex="4" GridPane.columnSpan="1"/> - e
edvin
11/19/2017, 7:26 PMYou write this:tile(0, 4, c("#3ca6b2"), width = 290) - e
edvin
11/19/2017, 7:26 PMThe rest are defaults. - e
edvin
11/19/2017, 7:27 PMLikewise, this soup:<Rectangle fx:id="module1" fill="#1ec3ff" height="90.0" width="90.0" layoutX="200.0" stroke="#1ec3ff" strokeType="OUTSIDE" styleClass="module_tile" GridPane.rowIndex="1" GridPane.columnIndex="0" GridPane.columnSpan="1"/> - e
edvin
11/19/2017, 7:27 PMBecomes:tile(1, 0, c("#1ec3ff"), stroke = c("#1ec3ff")) - e
edvin
11/19/2017, 7:28 PMComplete example: - e
edvin
11/19/2017, 7:29 PMNow, you might need to be able to create different kind of tiles, not just Rectangles, so could add an optional code block to add stuff inside each tile. The tile would probably be a specialized container, or just a StackPane perhaps. - e
edvin
11/19/2017, 7:31 PMI didn't add all the parameters you used in the row constraints in there, but you can keep adding parameters with default values to the
function as needed.tile - a
amanda.hinchman-dominguez
11/19/2017, 7:31 PMvery nice! So I would not need to be concerned with setting the amount of columns and rows beforehand now? - e
edvin
11/19/2017, 7:32 PMNow, you basically dictate the row and column id of each tile as you add them. You can therefor add them in any order.