Question

以下是image供参考。到目前为止，我能够做到的是将矩形中的边缘变成圆形，现在我希望边缘是菱形或稍微接近图像。

代码

<AnchorPane xmlns:fx="http://javafx.com/fxml/1"  fx:controller="test.FXMLDocumentController">
    <Button prefHeight="30" prefWidth="200">
        <shape>
            <javafx.scene.shape.Rectangle arcHeight="30" arcWidth="30" width="200" height="30"/>
        </shape>
    </Button>
</AnchorPane>

Answer 1

此示例显示为制作菱形按钮。试试这个：

 <?import javafx.scene.shape.*?>
    <?import javafx.scene.control.*?>
    <?import java.lang.*?>
    <?import javafx.scene.layout.*?>


    <Pane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="260.0" prefWidth="351.0" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1">
       <children>
          <Button layoutX="125.0" layoutY="104.0" prefHeight="73.0" prefWidth="78.0" style="-fx-rotate: 45; -fx-background-color: #00ff00;" />
       </children>
    </Pane>

如何制作矩形菱形边缘？

1 个答案: