圆角按钮:我哪里错了

时间:2014-02-25 11:33:59

标签: android android-layout android-ui

我想创建圆角按钮。这就是我试过的:

我已经定义了按钮的背景可绘制 button_bg.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:state_enabled="false"
        android:drawable="@color/grey">

        <shape>
          <solid
              android:color="#ef4444" />
          <stroke
              android:width="1dp"
              android:color="#992f2f" />
          <corners
              android:radius="16dp" />
        </shape>
    </item>


    <item
        android:state_pressed="true"
        android:state_enabled="true"
        android:drawable="@color/dark_grey"
    >
        <shape>
          <solid
              android:color="#ef4444" />
          <stroke
              android:width="1dp"
              android:color="#992f2f" />
          <corners
              android:radius="16dp" />
        </shape>
    </item>


    <item
        android:state_enabled="true"
        android:drawable="@color/blue"
    >
        <shape>
          <solid
              android:color="#ef4444" />
          <stroke
              android:width="1dp"
              android:color="#992f2f" />
          <corners
              android:radius="16dp" />
        </shape>

    </item>
</selector>

然后,我将它应用于布局文件中的按钮:

<Button
      android:text="@string/press_me"
      android:layout_margin="12dp"
      android:layout_width="fill_parent"
      android:layout_height="30dp"

      android:background="@drawable/button_bg"
/>

但我的按钮仍然显示尖角而不是圆角,为什么?

(请不要只是给我一个链接关于如何制作圆角,我的上面的代码遵循那些教程,我只是想知道我错在哪里。谢谢)

2 个答案:

答案 0 :(得分:1)

从项目节点删除android:drawable就像这样。

 <item  android:state_pressed="true"
        android:state_enabled="true">

编辑:(如何指定colors.xml中颜色的颜色?)

为按钮文字颜色创建一个有状态的颜色。

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_focused="true" android:state_pressed="false" android:color="#ffffff" />
    <item android:state_focused="true" android:state_pressed="true" android:color="#000000" />
    <item android:state_focused="false" android:state_pressed="true" android:color="#000000" />
    <item android:color="#ffffff" />
</selector>

然后将其设置为按钮的文本颜色。

android:textColor="@drawable/button_text_color"

答案 1 :(得分:1)

android:drawable移除所有item,如下所示,然后它就可以了。

android:drawable中添加属性item时,此可绘制内容会重叠您创建的形状。这就是为什么你看不到圆形的原因。

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:state_enabled="false"><shape>
            <solid android:color="#ef4444" />

            <stroke android:width="1dp" android:color="#992f2f" />

            <corners android:radius="16dp" />
        </shape></item>
    <item android:state_enabled="true" android:state_pressed="true"><shape>
            <solid android:color="#ef4444" />

            <stroke android:width="1dp" android:color="#992f2f" />

            <corners android:radius="16dp" />
        </shape></item>
    <item android:state_enabled="true"><shape>
            <solid android:color="#ef4444" />

            <stroke android:width="1dp" android:color="#992f2f" />

            <corners android:radius="16dp" />
        </shape></item>

</selector>