创建一个中间带有图标的按钮

Question

我正在尝试复制此图片中“赞和评论”按钮的外观：

http://i.imgur.com/ParHGu6.png

我了解如何创建形状，但我不确定如何在按钮中间添加图像图标（以及“赞”文字）。

这是我到目前为止的形状布局：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape xmlns:android="http://schemas.android.com/apk/res/android"
            android:shape="rectangle">

            <solid android:color="@color/gray"/>
            <size android:width="40dp" android:height="24dp"/>
        </shape>
    </item>
</layer-list>

对于like按钮，如何添加“Like”旁边的drawable heart图标。对于评论按钮，如何添加我的可绘制评论图标并将其置于按钮中心？

Answer 1

这很简单

<ImageButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:paddingLeft="5dp"
    android:paddingRight="5dp"
    android:src="@drawable/comments"
    android:background="@drawable/rounded_corner_grey_bg"
    android:layout_gravity="center"/>

这里是rounded_corner_grey_bg.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="#d3d3d3"/>
    <stroke android:width="3dip"
        android:color="#d3d3d3" />
    <corners android:radius="5dip"/>/>
</shape>