Android v21中的風格化材質按鈕

Question

我正在嘗試保持棒棒糖及以上（21+）以上的設備的材質設計連鎖效果，並設計風格化按鈕，以便它周圍沒有大的邊距/空間。

實施例1：鈕釦帶波紋的效果，但與餘量/間隙：

實施例2：鈕釦帶NO連鎖反應和沒有餘量/間隙：

我想要的佈局Exmaple 2與在中使用的漣漪效應示例1。

什麼我styles-v21樣子的例1：

<?xml version="1.0" encoding="utf-8"?> 
<resources> 

    ... other styles ... 

    <style name="FacebookButton" parent="android:Widget.Material.Button"> 
     <item name="android:colorButtonNormal">#ff3b5998</item> 
     <item name="android:layout_margin">0dp</item> 
     <item name="android:borderlessButtonStyle">@style/Widget.AppCompat.Button.Borderless</item> 


    </style> 
    <style name="GoogleButton" parent="android:Widget.Material.Button"> 
     <item name="android:colorButtonNormal">#ffdd4b39</item> 
     <item name="android:layout_margin">0dp</item> 
     <item name="android:borderlessButtonStyle">@style/Widget.AppCompat.Button.Borderless</item> 


    </style> 
    <style name="TwitterButton" parent="android:Widget.Material.Button"> 
     <item name="android:colorButtonNormal">#ff55acee</item> 
     <item name="android:layout_margin">0dp</item> 
     <item name="android:borderlessButtonStyle">@style/Widget.AppCompat.Button.Borderless</item> 


    </style> 
    <style name="SkipButton" parent="android:Widget.Material.Button"> 
     <item name="android:colorButtonNormal">#ffdfa800</item> 
     <item name="android:layout_margin">0dp</item> 
     <item name="android:borderlessButtonStyle">@style/Widget.AppCompat.Button.Borderless</item> 

    </style> 

</resources> 

我的按鍵佈局是什麼樣子的例1：

<Button 
    android:id="@+id/login_with_facebook" 
    android:text="@string/login_with_facebook" 
    android:fontFamily="sans-serif-condensed" 
    android:textSize="16sp" 
    android:drawableLeft="@drawable/facebook_icon" 
    android:drawablePadding="25dp" 
    android:layout_width="match_parent" 
    android:layout_height="45dp" 
    android:layout_weight="16.88" 
    android:textColor="#ffffff" 
    android:gravity="left|center_vertical" 
    android:paddingLeft="45dp" 
    android:theme="@style/FacebookButton" /> 

<Button 
    android:id="@+id/login_with_google" 
    android:text="@string/login_with_google" 
    android:fontFamily="sans-serif-condensed" 
    android:textSize="16sp" 
    android:drawableLeft="@drawable/google_icon" 
    android:drawablePadding="25dp" 
    android:layout_width="match_parent" 
    android:layout_height="45dp" 
    android:layout_weight="16.88" 
    android:textColor="#ffffffff" 
    android:gravity="left|center_vertical" 
    android:paddingLeft="45dp" 
    android:theme="@style/GoogleButton" /> 

<Button 
    android:id="@+id/twitter_login_button" 
    android:text="@string/login_with_twitter" 
    android:fontFamily="sans-serif-condensed" 
    android:textSize="16sp" 
    android:drawableLeft="@drawable/twitter_icon" 
    android:drawablePadding="25dp" 
    android:layout_height="45dp" 
    android:gravity="left|center_vertical" 
    android:layout_width="match_parent" 
    android:layout_weight="16.88" 
    android:textColor="#ffffffff" 
    android:paddingLeft="45dp" 
    android:theme="@style/TwitterButton" /> 

<Button 
    android:id="@+id/login_anonymously" 
    android:text="@string/login_anonymously" 
    android:fontFamily="sans-serif-condensed" 
    android:textSize="16sp" 
    android:layout_width="fill_parent" 
    android:layout_height="0dp" 
    android:layout_weight="50" 
    android:textColor="#ffffffff" 
    android:theme="@style/SkipButton" /> 

任何想法我如何能實現的外觀示例2同時使用我提出的紋波方法？任何資源或幫助的鏈接，將不勝感激。謝謝。

附加：
我已經讀了以下

• Coloring Buttons in Android with Material Design and AppCompat
• How to properly style material buttons in android

Answer 1

您可以使用android:background="?android:attr/selectableItemBackground"得到一個矩形波紋。

或者，您可以創建自己的繪圖。下面是框架的可選項目背景的XML：

繪製/ item_background_material.xml：

<ripple xmlns:android="http://schemas.android.com/apk/res/android" 
     android:color="?android:attr/colorControlHighlight"> 
    <item android:id="@android:id/mask"> 
     <color android:color="@android:color/white" /> 
    </item> 
</ripple>