Jaka jest różnica między atrybutami background, backgroundTint i backgroundTintMode w pliku XML układu Androida?


112

Podczas pracy z plikiem XML układu Androida natknąłem się na backgroundTintatrybut. Nie rozumiem, do czego służy.

Co to jest backgroundTintMode??

Odpowiedzi:


90

Testowałem różne kombinacje android:background, android:backgroundTinta android:backgroundTintMode.

android:backgroundTintstosuje filtr kolorów do zasobu, android:backgroundgdy jest używany razem z android:backgroundTintMode.

Oto wyniki:

Odcień Check

Oto kod, jeśli chcesz dalej eksperymentować:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:orientation="vertical"
    android:layout_height="match_parent"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    tools:showIn="@layout/activity_main">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="32dp"
        android:textSize="45sp"
        android:background="#37AEE4"
        android:text="Background" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="32dp"
        android:textSize="45sp"
        android:backgroundTint="#FEFBDE"
        android:text="Background tint" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="32dp"
        android:textSize="45sp"
        android:background="#37AEE4"
        android:backgroundTint="#FEFBDE"
        android:text="Both together" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="32dp"
        android:textSize="45sp"
        android:background="#37AEE4"
        android:backgroundTint="#FEFBDE"
        android:backgroundTintMode="multiply"
        android:text="With tint mode" />
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="32dp"
        android:textSize="45sp"
        android:text="Without any" />
</LinearLayout>

W drugim przykładzie TextView zastanawiam się, kiedy używam tylko android:backgroundTintbez android:background, ten drugi TextView niczego nie zmienia. Jednak próbuję android:backgroundTintw Button, kolor przycisku wygląda jak ten sam kolor backgroundTint, który ustawiłem. Czy mógłbyś wyjaśnić te przypadki?
Vinh Nguyen

@VinhNguyen, android:backgroundwłaściwość musi być ustawiona, android:backgroundTintaby był widoczny w TextView. W przypadku Button, zgaduję, że ma już jakieś tło / kolor ustawiony przez framework.
Yogesh Umesh Vaity

13

backgroundTintAtrybut pomoże Ci dodać odcień (cień) w tle. Możesz podać wartość koloru dla tego samego w postaci -"#rgb", "#argb", "#rrggbb", or "#aarrggbb".

Z backgroundTintModedrugiej strony pomoże Ci zastosować odcień tła. Musi mieć stałe wartości, takie jak src_over, src_in, src_atop,itp.

Zapoznaj się z tym, aby uzyskać jasny obraz wartości stałych, których można użyć. Wyszukaj backgroundTintatrybut, a opis wraz z różnymi atrybutami będzie dostępny.


link jest uszkodzony.
mallaudin

1
Nie, nie jest. Możesz sprawdzić ponownie?
Samridhi

7

Nie będę zbytnio podkreślał różnicy, ponieważ jest już omówiona, ale zauważ poniżej:

  • android:backgroundTint android:backgroundTintMode są dostępne tylko w API 21
  • Jeśli masz widżet z rysowanym tłem png / wektorowym ustawionym przez android:backgroundi chcesz zmienić jego domyślny kolor, możesz użyć, android:backgroundTintaby dodać do niego cień.

przykład

<Button
    android:layout_width="50dp"
    android:layout_height="wrap_content"
    android:background="@android:drawable/ic_dialog_email" />

wprowadź opis obrazu tutaj

<Button
    android:layout_width="50dp"
    android:layout_height="wrap_content"
    android:background="@android:drawable/ic_dialog_email"
    android:backgroundTint="@color/colorAccent" />

wprowadź opis obrazu tutaj

Inny przykład

Jeśli spróbujesz zmienić kolor akcentu FloatingActionButtonużycia android:background, nie zauważysz zmiany, to znaczy, ponieważ jest już app:srcCompatużywany, więc aby to zrobić, możesz android:backgroundTintzamiast tego użyć


4

BackgroundTint działa jako filtr kolorów.

FEFBDE jako odcień

37AEE4 jako tło

Spróbuj zobaczyć różnicę na podstawie odcienia / tła komentarza i sprawdź wyjście, gdy oba są ustawione.


4

android: backgroundTintMode

Tryb mieszania używany do nakładania odcienia tła.

android: backgroundTint

Odcień stosowany do tła. Musi być wartością kolor, w formie #rgb, #argb, #rrggbb, lub #aarrggbb.

Może to być również odniesienie do zasobu (w postaci „@ [pakiet:] typ: nazwa”) lub atrybutu motywu (w postaci „? [Pakiet:] [typ:] nazwa”) zawierającego wartość tego typu .

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.