如何在javafx工具栏中设置控件右对齐

Question

有没有一种方法可以将CustomTextField对齐？ ToolBar没有margin属性，我不知道如何实现。

            <ToolBar prefHeight="40.0" prefWidth="1394.0">
                <items>
                    <Button alignment="CENTER" contentDisplay="CENTER" mnemonicParsing="false" onAction="#onImportCSV" prefHeight="45.0" prefWidth="107.0" text="导入CSV">
                        <font>
                            <Font size="20.0" />
                        </font>
                    </Button>
                    <Button alignment="CENTER" contentDisplay="CENTER" mnemonicParsing="false" onAction="#onExportCSV" prefHeight="45.0" prefWidth="107.0" text="导出CSV">
                        <font>
                            <Font size="20.0" />
                        </font>
                    </Button>
                  <Button alignment="CENTER" contentDisplay="CENTER" mnemonicParsing="false" onAction="#onExportCSV" prefHeight="45.0" prefWidth="116.0" text="批量编辑">
                     <font>
                        <Font size="20.0" />
                     </font>
                  </Button>
                    <CustomTextField fx:id="fieldSearch" prefHeight="45.0" prefWidth="300.0" promptText="搜索">
                        <right>
                            <ImageView fx:id="imageView" style="-fx-border-color: #36149d;-fx-pref-width: 50;-fx-pref-height: 50">
                                <image>
                                    <Image fx:id="image" url="@../static/img/search.png" />
                                </image>
                            </ImageView>
                        </right>
                     <font>
                        <Font size="20.0" />
                     </font>
                    </CustomTextField>
                </items>
            </ToolBar>

Answer 1

在CustomTextField内，您可以尝试设置对齐方式 CSS 属性。

alignment="CENTER_RIGHT"