Android涟漪背景颜色

时间:2015-05-31 11:04:51

标签: android android-activity android-listview navigation-drawer rippledrawable

我在导航抽屉上使用了涟漪效果。我已将其设置为此并将其应用于我的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>

我希望纹波背景与正常激活状态保持一致。即使我将颜色定义为与激活状态相同,它也会变暗,并且波纹气泡会变得更暗。如何将背景颜色设置为相同,如激活状态和波纹气泡是我告诉它的颜色?

5 个答案:

答案 0 :(得分:65)

使用样式更容易:

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

答案 1 :(得分:47)

您可以通过执行以下操作来控制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>

修改

在看到@ i.shadrin的答案之后,我必须承认这是一种更简单的方法(使用样式)。如果这是你的选择,我会推荐它。

答案 2 :(得分:12)

在视图中添加这两行代码以产生连锁反应。

android:clickable="true"
android:background="?attr/selectableItemBackground"

答案 3 :(得分:2)

如果您使用的是自定义按钮颜色,请使用以下代码进行涟漪效应。 使用名称 my_ripple.xml 将文件保存在drawable中 并设置在按钮的背景中。

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

答案 4 :(得分:1)

在api lvl 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>