圓形按鈕與圖像

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>