Як створити ефект пульсацій у простому макеті

Як я можу мати ефект пульсації у простому лінійному / відносному макеті, коли торкатися макета?

Я спробував встановити фон макета на щось подібне:

<?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: тут

Я додаю це на додаток до відповіді Ігоря Ганапольського на випадок, якщо хтось хоче мати макет з іншим кольором, а також мати ефект пульсації. Ви просто створюєте ефект пульсації в малюнках, як це:

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>

потім дайте це як тло вашого плану чи будь-яку кнопку, як згадував Ігор Ганапольський у своїй відповіді.

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>

Використовуйте цей ripple.xml у папці Dravable , а потім призначте його як View

android: background = "@ dravable / ripple"

android: clickable = "вірно"

Просто додайте ефект пульсації за замовчуванням за допомогою 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>