Рябь материала представления карты?

Я разрабатываю интерфейс материального дизайна. У меня есть карты, при нажатии на которые я хочу иметь волновой эффект. Я сделал то, что говорит гугл, и ничего не происходит. Вот мой код:

<android.support.v7.widget.CardView
            xmlns:card_view="http://schemas.android.com/apk/res-auto"
            android:id="@+id/card_view"
            android:layout_gravity="center"
            android:clickable="true"
            android:layout_width="fill_parent"
            android:layout_height="250dp"
            android:elevation="5dp"
            android:background="?android:selectableItemBackground">
            >

            <ImageView 
                android:id="@+id/blue_image"
                android:src="@drawable/blue"
                android:layout_alignParentTop="true"
                android:layout_width="fill_parent"
                android:layout_height="200dp"
                android:elevation="8dp"
            />

            <TextView
                android:id="@+id/text_view"
                android:layout_width="match_parent"    
                android:layout_height="50dp"
                android:layout_alignParentBottom="true"
                android:text="And this is a blue card!" 
                android:elevation="10dp"
                />

android material-design
person Cnorwood7641    schedule 01.03.2015    source источник
comment
Попробуйте добавить android:foreground="?android:attr/selectableItemBackground"   -  person Skizo-ozᴉʞS    schedule 02.03.2015
comment
@Skizo, теперь я могу щелкнуть по нему, и он становится светлее, но не рябит. (кстати, я на КитКат)   -  person Cnorwood7641    schedule 02.03.2015
comment
Вы видели этот вопрос?   -  person Skizo-ozᴉʞS    schedule 02.03.2015
comment
Итак, в KitKat нет возможности создать рябь?   -  person Cnorwood7641    schedule 02.03.2015
comment
Не подумайте, я думаю, рябь доступна только на L....   -  person Skizo-ozᴉʞS    schedule 02.03.2015
comment
@Cagentdog Вы можете использовать пользовательские библиотеки для реализации ряби в версиях до леденцов на палочке: D   -  person edwinj    schedule 02.03.2015

Ответы (2)


arrow_upward
3
arrow_downward

Взгляните на мой пример (API‹21). Это похоже на волновой эффект Lollipop.

https://www.youtube.com/watch?v=liure-_hlX0&feature=youtu.be

Для этой демонстрации я использовал эту библиотеку: https://github.com/balysv/material-ripple

просто добавьте в build.gradle:

 compile 'com.balysv:material-ripple:1.0.1'

Селектор для карточного представления (обернутый RelativeLayout): list_item_selector.xml:

<selector xmlns:android="http://schemas.android.com/apk/res/android">
<!-- Pressed -->
<item android:drawable="@color/ripplecolorbackground" android:state_pressed="true"/>
<!-- selected -->
<item android:drawable="@color/ripplecolorbackground" android:state_selected="true"/>
<!-- focused -->
<item android:drawable="@color/ripplecolorbackground" android:state_focused="true"/>
<!-- default -->
<item android:drawable="@color/transparent"/>

Layout:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:card_view="http://schemas.android.com/apk/res-auto"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:padding="5dp"
tools:context=".MainActivity">

<android.support.v7.widget.CardView
    android:id="@+id/card_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_marginTop="5dp"
    android:layout_marginRight="5dp"
    android:layout_marginLeft="5dp"
    android:layout_marginBottom="5dp"
    card_view:cardUseCompatPadding="true"
    card_view:cardCornerRadius="3dp"
    card_view:cardElevation="3dp"
    card_view:cardPreventCornerOverlap="true">

    <com.balysv.materialripple.MaterialRippleLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:mrl_rippleColor="@color/rippplecolorlist"
        app:mrl_rippleAlpha="0.10"
        app:mrl_rippleOverlay="false"
        app:mrl_rippleHover="true"
        app:mrl_rippleDimension="1dp"
        app:mrl_rippleDuration="350">

    <RelativeLayout
        android:background="@drawable/list_item_selector"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

            </com.balysv.materialripple.MaterialRippleLayout>
    </android.support.v7.widget.CardView>

Colors:

<color name="ripplecolorbackground">#1A000000</color>
<color name="rippplecolorlist">#26000000</color>
person Djordje Tankosic    schedule 02.03.2015

arrow_upward
0
arrow_downward

Я создал библиотеку, которая позволяет настраивать каждый вид, не затрагивая макет, чтобы создать эффект ряби.

Я надеюсь, что это поможет вам https://github.com/xgc1986/RippleViews/blob/master/docs/RippleDrawableHelper.md

Также в примере используется cardViews с этим эффектом;)

person xgc1986    schedule 17.03.2015