64

Material Design Guidelinesを読んだことがありますが、リップルが黒でない場合 (アルファ付き)、リップルの色がどうあるべきかわかりません。

たとえば、colorPrimary = 青、colorAccent = 赤のアプリがあります。実際、私は colorAccent (アルファ付き) を使用しています。リップルとは異なる色の黒が必要な場合は、colorPrimary (アルファ付き) を使用する必要がありますか?

Googleのすべてのアプリをチェックしましたが、色付きの波紋を使用していません.

私が今持っているようなイメージ:

波紋

4

5 に答える 5

71

色付きの波紋には 26% のアルファを使用します。

Android L は、色の状態のリストでテーマ属性をサポートしておら<ripple>ず、要素にはアルファ チャネルがありませんが、境界のある波紋の場合は、次のようにすることができます。

<ripple xmlns:android="http://schemas.android.com/apk/res/android"
        android:color="?android:attr/colorAccent">
    <item android:id="@android:id/mask">
        <color android:color="#42ffffff" />
    </item>
</ripple>

これは、無制限のリップルでは機能しません。または、独自のアクセント カラーを知っているので、26% アルファ バージョンを定義するか、カラー ステート リストを使用することができます。これらのいずれも、無制限のリップルに対してはうまく機能します。

<ripple xmlns:android="http://schemas.android.com/apk/res/android"
        android:color="@color/accent_26" />

res/values/colors.xml:

<resources>
    ...
    <color name="accent">#ff33b5e5</color>
    <color name="accent_alpha26">#4233b5e5</color>
</resources>

res/color/accent_alpha26.xml:

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:color="@color/accent"
          android:alpha="0.26" />
</selector>
于 2015-02-12T20:31:57.993 に答える
49

ここにあなたが探しているものがあります:

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
   ...
   <item name="colorControlHighlight">@color/ripple_material_dark</item>
   ...
</style>
于 2015-08-10T14:29:09.060 に答える