간단한 레이아웃에서 파급 효과를 만드는 방법

레이아웃을 터치 할 때 간단한 선형 / 상대 레이아웃에서 어떻게 물결 효과를 낼 수 있습니까?

레이아웃의 배경을 다음과 같이 설정해 보았습니다.

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

    <item android:drawable="@android:color/white"/>

</ripple>

그러나 레이아웃을 만질 때 평범한 흰색 배경 만 보이고 파급 효과가 없습니다. 내가 뭘 잘못하고 있죠?

편집하다:

참고로 내 레이아웃 xml 파일은 다음과 같습니다.

<?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="250dp"
        android:layout_height="250dp"
        android:background="@drawable/test"
        android:clickable="true">
    </RelativeLayout>

레이아웃에 다음 속성을 설정합니다 (레이아웃에 기본 흰색 / 밝은 배경이있는 경우).

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

이 경우 사용자 정의 드로어 블이 필요하지 않습니다.

그러나 레이아웃에 검은 색 / 어두운 배경이있는 경우 다음과 같이 고유 한 잔물결 드로어 블을 만들어야합니다.

<?xml version="1.0" encoding="utf-8"?>
<!-- An white rectangle ripple. -->
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
    android:color="@android:color/white">
    <item
        android:id="@android:id/mask"
        android:gravity="center">
        <shape android:shape="rectangle">
            <solid android:color="@android:color/white"/>
        </shape>
    </item>
</ripple>

그런 다음이 잔물결 드로어 블을 android : background 속성으로 설정합니다.

AOSP에서 이러한 유형의 잔물결에 대한 많은 예를 볼 수 있습니다. 여기에서

나는 누군가가 다른 색상의 레이아웃을 원하고 파급 효과를 원할 경우 Igor Ganapolsky 의 대답에 추가하여 이것을 추가 하고 있습니다. 다음과 같이 드로어 블에 잔물결 효과를 만들기 만하면됩니다.

ripple.xml

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:color="@color/rippleColor"
    tools:targetApi="lollipop"> <!-- ripple effect color -->
    <item android:id="@android:id/background">
        <shape android:shape="rectangle">
            <solid android:color="@color/backgroundColor" /> <!-- background color -->
        </shape>
    </item>
</ripple>

그런 다음 Igor Ganapolsky가 답변에서 언급 한 것처럼 레이아웃의 배경이나 버튼으로 제공하십시오 .

android:clickable="true"
android:background="@drawable/ripple"

모든 위젯 ( TextView/ Button) 에서 다음 코드 스 니펫을 변경해야하며 Ripple Effect를 구현할 수 있습니다 .

android:clickable="true"
android:focusable="true"
android:foreground="?attr/selectableItemBackground"

그리고 당신은 갈 수 있습니다.

이것이 의도 한대로 작동하는 것으로 밝혀졌습니다. 표준 머티리얼 테마 colorControlHighlight 값은 #40ffffff입니다. 따라서 흰색 배경에는 표시되지 않습니다. 하이라이트 색상을 다른 것으로 변경하거나 개체의 배경색을 변경하면됩니다.

모두에게 감사합니다 (특히 올바른 방향을 알려준 Alanv).

android:clickable="true"레이아웃에 설정 하십시오.

다음은 잔물결 효과가있는 샘플 레이아웃을 클릭하는 예입니다.

 <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="?attr/selectableItemBackground"
    android:clickable="true"
    android:focusable="true"
    android:orientation="vertical">

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:color="#cfd8dc"
    tools:targetApi="lollipop">
    <item android:id="@android:id/mask">
        <shape android:shape="rectangle">
            <solid android:color="#d1c4e9" />
        </shape>
    </item>
</ripple>

Drawable 폴더 에서이 ripple.xml을 사용한 다음 View의

android : background = "@ drawable / ripple"

android : clickable = "true"

기본 물결 효과를 추가하기 만하면 android:background="?selectableItemBackground"

처럼:

<LinearLayout
            android:layout_width="match_parent"
            android:layout_height="100dp"
            android:background="?selectableItemBackground"
            android:clickable="true"
            >

           ...

</LinearLayout>

이것을 레이아웃에 넣으십시오.

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

참고 : API 문서에 버그가 있습니다. API> = 23 에서만 작동합니다.

대한 모든 API 레벨 이 사용 솔루션

나는 그 모든 대답을 시도했지만 아무것도 효과가 없었기 때문에 다음 스타일을 만드는 것을 해결했습니다.

<style name="Button.Borderless" parent="Base.Widget.AppCompat.Button.Borderless">
    <item name="android:minHeight">0dp</item>
    <item name="android:minWidth">0dp</item>
    <item name="android:layout_marginLeft">-6dp</item>
    <item name="android:layout_marginRight">-6dp</item>
    <item name="android:paddingTop">0dp</item>
    <item name="android:paddingBottom">0dp</item>
    <item name="android:paddingLeft">6dp</item>
    <item name="android:paddingRight">6dp</item>
</style>

그런 다음 선형 레이아웃에 적용했습니다.

<LinearLayout
      android:id="@+id/ll_my_ripple"
      style="@style/Button.Borderless">
</LinearLayout>