Qual é a diferença entre os atributos background, backgroundTint, backgroundTintMode no layout xml do Android?


112

Enquanto trabalhava com o xml de layout do Android, me deparei com o backgroundTintatributo. Eu não entendo para que serve.

Também o que é backgroundTintMode??

Respostas:


90

I testado várias combinações de android:background, android:backgroundTinte android:backgroundTintMode.

android:backgroundTintaplica o filtro de cores ao recurso de android:backgroundquando usado junto com android:backgroundTintMode.

Aqui estão os resultados:

Verificação de tonalidade

Este é o código se você quiser fazer mais experiências:

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

Em seu segundo exemplo de TextView, pergunto-me ao usar apenas android:backgroundTintsem android:background, este segundo TextView não muda nada. No entanto, eu tento android:backgroundTintem Button, a cor do botão parece a mesma cor de backgroundTint que eu defini. Você poderia explicar esses casos?
Vinh Nguyen

@VinhNguyen, a android:backgroundpropriedade deve ser definida para android:backgroundTintque seja visível em TextView. No caso do Button, suponho que já tenha algum tipo de fundo / cor definido pelo framework.
Yogesh Umesh Vaity

13

O backgroundTintatributo ajudará você a adicionar uma tonalidade (sombra) ao fundo. Você pode fornecer um valor de cor para o mesmo na forma de -"#rgb", "#argb", "#rrggbb", or "#aarrggbb".

Por backgroundTintModeoutro lado, o ajudará a aplicar a tonalidade de fundo. Deve ter valores constantes como src_over, src_in, src_atop,etc.

Consulte isto para ter uma ideia clara dos valores constantes que podem ser usados. A busca pelo backgroundTintatributo e a descrição junto com vários atributos estarão disponíveis.


o link está quebrado.
mallaudin

1
Não, não é. Você pode verificar novamente?
Samridhi

7

Não vou enfatizar muito a diferença, pois já está coberto, mas observe o seguinte:

  • android:backgroundTint android:backgroundTintMode estão disponíveis apenas na API 21
  • Se você tiver um widget que tem um plano de fundo png / vector drawable definido por android:backgrounde quiser alterar sua cor padrão, poderá usar android:backgroundTintpara adicionar uma sombra a ele.

exemplo

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

insira a descrição da imagem aqui

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

insira a descrição da imagem aqui

Outro exemplo

Se você tentar mudar a cor de destaque do FloatingActionButtonusando android:backgroundvocê não vai notar uma mudança, isso é porque ele já utiliza app:srcCompat, de modo a fim de fazer isso você pode usar android:backgroundTintem vez


4

BackgroundTint funciona como um filtro de cores.

FEFBDE como tonalidade

37AEE4 como fundo

Tente ver a diferença por tom / fundo do comentário e verifique a saída quando ambos estiverem configurados.


4

android: backgroundTintMode

Modo de mesclagem usado para aplicar a tonalidade de fundo.

android: backgroundTint

Matiz para aplicar ao fundo. Deve ser um valor de cor, na forma de #rgb, #argb, #rrggbb, ou #aarrggbb.

Também pode ser uma referência a um recurso (no formato "@ [pacote:] tipo: nome") ou atributo de tema (no formato "? [Pacote:] [tipo:] nome") contendo um valor deste tipo .

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.