Android的风格查看喜欢的彩色按钮

Question

所以我想风格LinearLayout看起来像一个按钮。我使用LinearLayout，因为我使用的“字体真棒”的图标，我需要把图标的按钮里面，所以我有一个LinearLayout，它有两个TextView S作为孩子。一个用于图标，另一个用于文本。

我要的是让LinearLayout看起来像默认样式的按钮，但在不同的颜色。在棒棒糖和更新，它也应该有连锁反应。

我设法做到这一点，通过添加一个backgroundTint，但它只适用于棉花糖，在KitKat该按钮具有默认颜色。这里是我的代码：

布局：

<LinearLayout 
     android:id="@+id/btn_register" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:clickable="true" 
     style="@style/MyTheme.Button" > 
     <TextView 
      android:id="@+id/ic_register" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:textColor="@android:color/white" 
      android:text="@string/fa_user_plus" 
      android:textSize="16dp" 
      android:paddingRight="4dp" /> 
     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:textColor="@android:color/white" 
      android:text="Register as a new user" 
      android:textSize="16dp" /> 
    </LinearLayout> 

风格：

<style name="MyTheme.Button" parent="@android:style/Widget.DeviceDefault.Button"> 
    <item name="android:backgroundTint">@color/accent</item> 
</style> 

Answer 1

解决方案：我创建2个不同的背景选择器 - 一个用于API 21，一个用于旧设备。

绘制/ btn_red.xml：

<selector xmlns:android="http://schemas.android.com/apk/res/android"> 

    <item android:state_pressed="true"> 
     <shape android:shape="rectangle"> 
      <solid android:color="#88FFFFFF" /> 
      <corners android:radius="2dp"/> 
     </shape> 
    </item>   

    <item> 
     <shape android:shape="rectangle"> 
      <solid android:color="@color/accent" /> 
      <corners android:radius="2dp"/> 
     </shape> 
    </item> 
</selector> 

绘制-V21/btn_red.xml：

<ripple 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:color="#88FFFFFF"> <!-- The ripple color --> 

    <!-- the normal bg color will be light white --> 
    <item> 
     <shape android:shape="rectangle"> 
      <solid android:color="@color/accent" /> 
      <corners android:radius="2dp"/> 
     </shape> 
    </item> 
</ripple> 

Answer 2

如果这是对你有用：

<Button 
    android:id="@+id/button1" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignParentLeft="true" 
    android:layout_alignParentTop="true" 
    android:layout_marginLeft="103dp" 
    android:layout_marginTop="46dp" 
    android:textColor="@android:color/white" 
    android:background="@drawable/your_icon" 
    android:gravity="right|center_horizontal" 
    android:text="Register as a new user" /> 

而且你可以自定义或改变它，你希望通过引力来改变文本的位置。