В чем разница между атрибутами background, backgroundTint, backgroundTintMode в XML-макете Android?


112

При работе с XML-макетом android я наткнулся на backgroundTintатрибут. Я не понимаю для чего.

И что есть backgroundTintMode??

Ответы:


90

Я тестировал различные комбинации android:background, android:backgroundTintи android:backgroundTintMode.

android:backgroundTintприменяет цветной фильтр к ресурсу android:backgroundпри использовании вместе с android:backgroundTintMode.

Вот результаты:

Проверка оттенка

Вот код, если вы хотите продолжить эксперименты:

<?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>

В вашем втором примере TextView мне интересно, когда вы используете только android:backgroundTintбез android:background, этот второй TextView ничего не меняет. Тем не менее, я пробую android:backgroundTintв Button, цвет кнопки выглядит как тот же цвет backgroundTint, который я установил. Не могли бы вы объяснить эти случаи?
Винь Нгуен

@VinhNguyen, android:backgroundсвойство должно быть установлено , чтобы объект android:backgroundTintбыл виден TextView. В случае с Button, я предполагаю, что у него уже есть какой-то фон / цвет, установленный фреймворком.
Йогеш Умеш Вайти

13

backgroundTintАтрибут поможет вам добавить оттенок (тень) на задний план. Вы можете указать значение цвета для одного и того же в виде -"#rgb", "#argb", "#rrggbb", or "#aarrggbb".

С backgroundTintModeдругой стороны, это поможет вам нанести фоновый оттенок. Он должен иметь постоянные значения, такие как src_over, src_in, src_atop,и т.

Обратитесь к этому, чтобы получить четкое представление о постоянных значениях, которые можно использовать. backgroundTintБудет доступен поиск по атрибуту и ​​описанию вместе с различными атрибутами.


ссылка не работает.
mallaudin

1
Нет, это не так. Можешь еще раз проверить?
Samridhi

7

Я не буду особо подчеркивать разницу, поскольку она уже описана, но обратите внимание на следующее:

  • android:backgroundTint android:backgroundTintMode доступны только в API 21
  • Если у вас есть виджет, для которого установлен фоновый рисунок в формате png / vector android:background, и вы хотите изменить его цвет по умолчанию, вы можете использовать его android:backgroundTintдля добавления тени.

пример

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

введите описание изображения здесь

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

введите описание изображения здесь

Другой пример

Если вы попытаетесь изменить цвет акцента FloatingActionButtonиспользования, android:backgroundвы не заметите изменения, потому что он уже используется app:srcCompat, поэтому для этого вы можете android:backgroundTintвместо этого использовать


4

BackgroundTint работает как цветной фильтр.

FEFBDE как оттенок

37AEE4 в качестве фона

Попробуйте увидеть разницу по оттенку / фону комментария и проверьте результат, когда оба установлены.


4

android: backgroundTintMode

Режим наложения, используемый для применения оттенка фона.

android: backgroundTint

Оттенок для фона. Должно быть значение цвета в виде #rgb, #argb, #rrggbbили #aarrggbb.

Это также может быть ссылка на ресурс (в форме «@ [package:] type: name») или атрибут темы (в форме «? [Package:] [type:] name»), содержащий значение этого типа. ,

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.