web-dev-qa-db-ja.com

Androidリップル背景色

ナビゲーションドロワーでリップル効果を使用しています。このように設定して、ListViewに適用しました。

<selector xmlns:Android="http://schemas.Android.com/apk/res/Android">
    <item Android:state_activated="true" Android:drawable="@color/black_200" />

    <item Android:state_pressed="true" Android:color="@color/black_200">
        <ripple Android:color="@color/black_400" />
    </item>

    <item Android:drawable="@color/white" />
</selector>

波紋の背景は、通常のアクティブ化された状態と同じままにしておきたいです。色をアクティブ状態と同じに定義した場合でも、色はより暗くなり、さざ波の泡はさらに暗くなります。背景を活性化状態と同じように色付けし、さざ波の泡を私が言った色にするにはどうすればよいですか?

38
qwertz

以下を行うことで、RippleDrawableの色を制御できます。

RippleDrawable rippleDrawable = (RippleDrawable)view.getBackground(); // assumes bg is a RippleDrawable

int[][] states = new int[][] { new int[] { Android.R.attr.state_enabled} };
int[] colors = new int[] { Color.BLUE }; // sets the ripple color to blue

ColorStateList colorStateList = new ColorStateList(states, colors);
rippleDrawable.setColor(colorStateList);

または、XMLを介して:

<?xml version="1.0" encoding="utf-8"?>
<ripple
    xmlns:Android="http://schemas.Android.com/apk/res/Android"
    Android:color="#FFFF0000"> <!-- The ripple will be red -->

    <!-- the normal bg color will be light grey -->
    <item>
        <color Android:color="#FFDDDDDD" />
    </item>

    <!-- make sure the ripple doesn't exceed the bounds -->
    <item Android:id="@Android:id/mask">
        <shape Android:shape="rectangle">
            <solid Android:color="?android:colorAccent" />
        </shape>
    </item>
</ripple>

[〜#〜] edit [〜#〜]

以下の@ i.shadrinの回答を見た後、私はそれがはるかに単純なアプローチ(スタイルを使用)であることを認めなければなりません。これがあなたのためのオプションである場合、私はそれをお勧めします。

47
Gil Moshayof

スタイルを使用する方がはるかに簡単です:

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
   ...
   <item name="colorControlHighlight">@color/ripple_material_dark</item>
   ...
</style>
66
i.shadrin

ビュー内にこれらの2行のコードを追加して、波及効果を与えます。

Android:clickable="true"
Android:background="?attr/selectableItemBackground"
13
Abdul Rizwan

カスタムボタンの色を使用している場合は、波及効果のために以下のコードを使用します。ファイルを名前付きでドロアブルに保存します my_ripple.xml ボタンの背景に設定します。

 <?xml version="1.0" encoding="utf-8"?>
 <ripple xmlns:Android="http://schemas.Android.com/apk/res/Android"
    xmlns:too`enter code here`ls="http://schemas.Android.com/tools"
    Android:color="@color/ripple_color"
    tools:targetApi="Lollipop">
    <item Android:id="@Android:id/mask">
     <shape Android:shape="rectangle">
        <solid Android:color="@color/ripple_color"
            />
    </shape>
  </item>
  <item
    Android:id="@Android:id/background"
    Android:drawable="@color/button_color" />
 </ripple>
2
Maraj Hussain

APIレベル21以上のセレクターで使用するリップルの例

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:Android="http://schemas.Android.com/apk/res/Android"
        Android:color="?attr/colorControlHighlight">

    <!-- ripple mask -->
    <item Android:id="@+id/mask">
        <color Android:color="@Android:color/white"/>
    </item>

    <!-- background shape or color -->
    <item Android:drawable="@drawable/rectangle_rounded_steel_blue"/>

</ripple>
1
dgngulcan