圆形按钮与图像

Question

我试着做一个圆形按钮与图像，我也想添加分离器背景他们。我可以创建一个圆形按钮，但我不知道如何添加图像和分隔符。

<LinearLayout 
     android:orientation="horizontal" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:weightSum="4"> 

     <Button 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:background="@drawable/round_button" 
      android:text="New Button" 
      android:id="@+id/button" 
      android:layout_weight="1" /> 

     <Button 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:background="@drawable/round_button" 
      android:text="New Button" 
      android:id="@+id/button2" 
      android:layout_weight="1" /> 

     <Button 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:background="@drawable/round_button" 
      android:text="New Button" 
      android:id="@+id/button3" 
      android:layout_weight="1" /> 

     <Button 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:background="@drawable/round_button" 
      android:text="New Button" 
      android:id="@+id/button4" 
      android:layout_weight="1" /> 
    </LinearLayout> 

Round_button.xml

<?xml version="1.0" encoding="utf-8"?> 
<selector xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item android:state_pressed="false"> 
     <shape android:shape="oval"> 
      <solid android:color="#0dbe00"/> 
     </shape> 
    </item> 
    <item android:state_pressed="true"> 
     <shape android:shape="oval"> 
      <solid android:color="#c20586"/> 
     </shape> 
    </item> 
</selector> 

我想要什么：

我有什么：

Answer 1

试试这个

 <LinearLayout 
    android:orientation="horizontal" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:gravity="center_horizontal" 
    android:weightSum="4"> 

    <Button 
     android:layout_width="60dp" 
     android:layout_height="60dp" 
     android:background="@drawable/round_button" 
     android:text="1" 
     android:id="@+id/button"/> 

    <Button 
     android:layout_width="60dp" 
     android:layout_height="60dp" 
     android:background="@drawable/round_button" 
     android:text="2" 
     android:id="@+id/button2"/> 

    <Button 
     android:layout_width="60dp" 
     android:layout_height="60dp" 
     android:background="@drawable/round_button" 
     android:text="3" 
     android:id="@+id/button3"/> 

    <Button 
     android:layout_width="60dp" 
     android:layout_height="60dp" 
     android:background="@drawable/round_button" 
     android:text="4" 
     android:id="@+id/button4"/> 
</LinearLayout> 

而且round_button：

<?xml version="1.0" encoding="utf-8"?> 
<selector xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item android:state_pressed="false"> 
     <shape android:shape="ring"> 
      <solid android:color="#0dbe00"/> 
     </shape> 
    </item> 
    <item android:state_pressed="true"> 
     <shape android:shape="ring"> 
      <solid android:color="#c20586"/> 
     </shape> 
    </item> 
</selector> 

Answer 2

也我想添加分隔符背景他们。我可以创建一个圆圈 按钮，但我不知道如何添加图像和分隔符。

到的图像添加到该按钮，你可以使用android:src

分开，你可以添加按钮之间的View的项目。例如。

<View 
    android:layout_width="5dp" 
    android:layout_height="match_parent" 
    android:background="@android:color/transparent"/> 

Answer 3

尝试：

<LinearLayout 
     android:orientation="horizontal" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent"> 

     <View 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_weight="1" /> 

     <Button 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:background="@drawable/round_button" 
      android:text="New Button" 
      android:id="@+id/button"/> 

     <View 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_weight="1" /> 

     <Button 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:background="@drawable/round_button" 
      android:text="New Button" 
      android:id="@+id/button2" /> 

     <View 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_weight="1" /> 

     <Button 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:background="@drawable/round_button" 
      android:text="New Button" 
      android:id="@+id/button3" /> 
     <View 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_weight="1" /> 

     <Button 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:background="@drawable/round_button" 
      android:text="New Button" 
      android:id="@+id/button4" /> 

     <View 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_weight="1" /> 
    </LinearLayout>