użyciu niestandardowego koloru tła przycisku podczas korzystania atrybut selectableItemBackground

Question

Próbuję użyć

android:background="?android:attr/selectableItemBackground"

aby moje przycisku, aby wykonać odpowiednie efekty dla każdej wersji Androida jak falujący itp

Ale to tworzy przycisk z szarym kolorem, kiedy potrzebuję innego koloru.

Jak mogę przesłonić ten domyślny kolor?

Answer 1

Po przeczytaniu source code of Button.java zobaczysz, że jest podklasą TextView.java. Zrobiłem proste obejście tego problemu.

<LinearLayout android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:clickable="true" 
       android:background="#1f5050"> 

     <TextView android:layout_width="some_dp" 
       android:layout_height="some_dp" 
       android:id="@+id/button" 
       android:background="?android:selectableItemBackground" /> 

</LinearLayout> 

W kodzie:

button.setOnClickLisetener(new Onclicklistener() { 
    // do your stuff here 
} 

Byłoby znacznie lepiej, gdyby ktoś może rozszerzyć klasę TextView i zrobić własny przycisk z funkcją mowa.

Uwaga: moja minsdk 14. jest również efekt lizak tętnienia działa dobrze

Answer 2

zamiast korzystania android: atr/selectableItemBackground można utworzyć XML w rozciągliwej w folderze o następującej treści.

<item 
    android:state_pressed="true" 
    android:drawable="@color/orange"/> 
<item 
    android:state_enabled="false" 
    android:drawable="@color/default"/> 
<item 
    android:drawable="@color/default"/> 

</selector> 
Updated: so you save this files as : btn_drawable.xml in drawable folder. 

Simply replace ?android:attr/selectableItemBackground with *@drawable/btn_drawable.xml* 

Answer 3

Edit: teraz jest to możliwe przy użyciu AppCompat i backgroundTint

android:backgroundTint="@color/yourColor" 

Poprzedni rozwiązanie:

miałem ten sam problem i skończyło się to zrobić programowo:

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) { 
     ColorStateList colors = new ColorStateList(new int[][]{ 
       new int[]{android.R.attr.state_enabled}, 
     }, new int[]{pressed}); 
     GradientDrawable item = new GradientDrawable(); 
     item.setCornerRadius(radius); 
     item.setColor(normal); 
     RippleDrawable ripple = new RippleDrawable(colors, item, null); 
     button.setBackgroundDrawable(ripple); 
    } else { 
     StateListDrawable stateListDrawable = new StateListDrawable(); 
     GradientDrawable item; 
     item = new GradientDrawable(); 
     item.setCornerRadius(radius); 
     item.setColor(pressed); 
     stateListDrawable.addState(new int[]{android.R.attr.state_enabled, android.R.attr.state_pressed}, item); 
     item = new GradientDrawable(); 
     item.setCornerRadius(radius); 
     item.setColor(normal); 
     stateListDrawable.addState(new int[]{android.R.attr.state_enabled}, item); 
     button.setBackgroundDrawable(stateListDrawable); 
    } 

Answer 4

Po prostu przenieś wybrany kolor na zewnętrzny/nadrzędny poziom, np. "@ color/Red" ma kolor przycisku:

<LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:background="@color/Red" 
     android:layout_weight="1"> 

     <Button 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:background="?attr/selectableItemBackground" 
      android:gravity="center" 
      android:text="Hello" 
      android:textColor="@color/White"/> 
    </LinearLayout> 

Answer 5

Za pomocą tej metody można dostosować kolor efektu tętnienia. Najpierw musisz utworzyć plik xml w swoim katalogu zasobów do rysowania. Utwórz plik ripple_effect.xml i dodaj następujący kod. Używam koloru tła jako czerwonego.

RES/rozciągliwej/ripple_effect.xml

<?xml version="1.0" encoding="utf-8"?> 
<ripple xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:color="#af0c0e" 
    tools:targetApi="lollipop"> 
    <item android:id="@android:id/mask"> 
     <shape android:shape="rectangle"> 
      <solid android:color="#af0c0e" /> 
     </shape> 
    </item> 
</ripple> 

i ustawić tło powyżej pliku zasobów rozciągliwej. Końcowy kod działania układu XML wygląda następująco. res/layout/ripple_animation.xml

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

<android.support.v7.widget.CardView 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    android:layout_marginLeft="6dp" 
    android:layout_marginRight="6dp" 
    android:layout_marginBottom="8dp" 
    android:layout_marginTop="8dp" 
    android:paddingBottom="30dp" 
    app:cardBackgroundColor="#e7e7e7" 
    android:id="@+id/cardview" 
    xmlns:android="http://schemas.android.com/apk/res/android"> 
<LinearLayout 
    android:orientation="vertical" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:clickable="true" 
    android:background="@drawable/ripple_effect"> 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:orientation="vertical" 
     android:layout_marginRight="16dp" 
     android:layout_marginLeft="16dp" 
     android:paddingBottom="5dp"> 
     <LinearLayout 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:orientation="horizontal"> 
      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Pending" 
       android:layout_weight="1" 
       android:layout_marginBottom="2dp" 
       android:textSize="25dp" 
       android:textColor="#d11010" 
       android:id="@+id/txtpending" /> 
      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Assigned to:" 
       android:layout_marginLeft="20dp" 
       android:textColor="#ff000000" 
       android:id="@+id/txtassigned" 
       android:layout_weight="1"/> 
     </LinearLayout> 
     <LinearLayout 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:orientation="vertical" 
      android:paddingBottom="5dp" 
      android:paddingTop="5dp" 
      android:layout_marginLeft="16dp"> 
      <TextView 
       android:layout_width="match_parent" 
       android:layout_height="match_parent" 
       android:text="Student Name" 
       android:id="@+id/txtstudentname"/> 
      <TextView 
       android:layout_width="match_parent" 
       android:layout_height="match_parent" 
       android:text="Student Number" 
       android:id="@+id/txtstudentnumber"/> 

      <TextView 
       android:layout_width="match_parent" 
       android:layout_height="match_parent" 
       android:text="Parent Name" 
       android:id="@+id/txtparentname"/> 
      <TextView 
       android:layout_width="match_parent" 
       android:layout_height="match_parent" 
       android:text="Parent Number" 
       android:id="@+id/txtparentnumber"/> 
      <TextView 
       android:layout_width="match_parent" 
       android:layout_height="match_parent" 
       android:text="Transfer Status" 
       android:id="@+id/txttransfer"/> 

     </LinearLayout> 
    </LinearLayout> 
</LinearLayout> 
    </android.support.v7.widget.CardView> 

Teraz odzew jest kolor czerwony.