Question

如何创建一个如下所示的按钮：

\--------------\
  \              \
    \   MY-        \
    /   BUTTON     /
  /              /
/--------------/

我设法为右侧创建箭头样式，但似乎我无法设计按钮的左侧网站...

<?xml version="1.0" encoding="utf-8" ?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
  <item>
    <shape android:shape="rectangle">
      <size
          android:width="200dp"
          android:height="150dp" />
      <solid android:color="#5EB888" />
      <corners android:radius="10dp"/>
    </shape>
  </item>
  <item
      android:top="-40dp"
      android:bottom="65dp"
      android:right="-250dp">
    <rotate
        android:fromDegrees="45">
      <shape android:shape="rectangle">
        <solid android:color="#3F51B5" />
      </shape>
    </rotate>
  </item>
  <item
      android:top="65dp"
      android:bottom="-40dp"
      android:right="-250dp">
    <rotate
        android:fromDegrees="-45">
      <shape android:shape="rectangle">
        <solid android:color="#3F51B5" />
      </shape>
    </rotate>
  </item>
</layer-list>

希望你们能帮助我:)。

干杯！

Answer 1

好吧，我设法解决了这个问题，感谢@sushildlh的评论：（注意：按钮高度：200;宽度：350）

<?xml version="1.0" encoding="utf-8" ?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
  <item>
    <shape android:shape="rectangle">
      <size
          android:width="200dp"
          android:height="150dp" />
      <solid android:color="#5EB888" />
      <corners android:radius="0dp"/>
    </shape>
  </item>

  <item
    android:top="0dp"
    android:bottom="0dp"
    android:right="205dp"
    android:left="0dp">
    <rotate
        android:fromDegrees="45"
        android:pivotX="0%"
        android:pivotY="0%"
        android:toDegrees="45">
      <shape android:shape="rectangle">
        <solid android:color="#3F51B5" />
      </shape>
    </rotate>
  </item>

  <item
      android:top="-40dp"
      android:bottom="65dp"
      android:right="-400dp">
    <rotate
        android:fromDegrees="45">
      <shape android:shape="rectangle">
        <solid android:color="#3F51B5" />
      </shape>
    </rotate>
  </item>
  <item
      android:top="65dp"
      android:bottom="-40dp"
      android:right="-400dp">
    <rotate
        android:fromDegrees="-45">
      <shape android:shape="rectangle">
        <solid android:color="#3F51B5" />
      </shape>
    </rotate>
  </item>
</layer-list>

创建一个流程图箭头样式按钮

1 个答案: