如何制作矩形菱形的边缘？答案

【问题标题】：How can I make the edges of a rectangle diamond shape?如何制作矩形菱形的边缘？
【发布时间】：2015-04-20 15:36:33
【问题描述】：

这是一个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>

【问题讨论】：

您在图片中所指的矩形是什么 - 字母“A”旁边的四边形 (rhombus)？如果您有足够的声誉，您可以在问题中嵌入图片，而不是链接到场外资源。
@jewelsea 都一样，所以它可能是字母 A、B、C 或 D 旁边的那个。
我有点困惑你为什么要设置按钮的形状。屏幕截图中的按钮是什么（是字母“A”旁边的菱形），还是整个答案区域“A：水”，包括它周围的蓝色区域？我不确定您是否真的在问如何制作一个形状像菱形的按钮，或者如何制作一个形状像您在图像中那样带有锥形侧面的长扁平形状的按钮。
目前我只关心形状。不是形状内的内容。
@jewelsea “如何制作一个形状像长扁平形状的按钮，像你的图像中那样带有锥形侧面”。这就是我要问的

标签： java javafx fxml rectangles

【解决方案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>

【讨论】：

不要简单地粘贴代码并说“试试这个”。您需要说明您的代码在做什么。粘贴代码块违背了 SO 的目的，本质上是教人们如何编码，并创建一个数据库来回答常见的和更技术性的编码问题。通过简单地放入代码块，OP 不会学习如何编码，他们会学习如何复制和粘贴其他人的代码，并且永远不会了解为什么他们的代码有效。以后不要这样做。请修正您的答案以包含解释。
对不起。我添加了描述