Androidレイアウトxmlのbackground、backgroundTint、backgroundTintMode属性の違いは何ですか?


112

androidレイアウトxmlを操作しているときに、backgroundTint属性に遭遇しました。何のためかわかりません。

また何backgroundTintModeですか?

回答:


90

私はの様々な組み合わせをテストしandroid:backgroundandroid:backgroundTintそしてandroid:backgroundTintMode

android:backgroundTintandroid: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>

2番目のTextViewの例では、android:backgroundTintなしandroid:backgroundでのみ使用する場合、この2番目のTextViewは何も変更しません。しかし、私android:backgroundTintはボタンで試します、ボタンの色は私が設定したbackgroundTintの色と同じように見えます。これらのケースについて説明していただけますか?
Vinh Nguyen

@VinhNguyen、で表示されるようにするandroid:backgroundには、プロパティを設定する必要があります。の場合、フレームワークによってすでに何らかの背景/色が設定されていると思います。android:backgroundTintTextViewButton
Yogesh Umesh Vaity 2017年

13

このbackgroundTint属性は、背景に色合い(陰影)を追加するのに役立ちます。同じ色の値を次の形式で提供できます-"#rgb", "#argb", "#rrggbb", or "#aarrggbb".

backgroundTintMode一方では、背景の色合いを適用するのに役立ちます。src_over, src_in, src_atop,などの定数値が必要です。

これを参照して、使用できる定数値を明確に理解してください。backgroundTint属性の検索と説明、およびさまざまな属性が利用可能になります。


リンクが壊れています。
mallaudin 2016年

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"の形式)への参照でもあります。 。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.