Как установить эффект пульсации на textview или изображение на Android?

Question

Я хочу установить эффект пульсации на textview и imageview в Android Studio. Как мне это сделать?

Answer 1

Ref: http://developer.android.com/training/material/animations.html,

http://wiki.workassis.com/category/android/android-xml/

<TextView 
. 
. 
android:background="?attr/selectableItemBackgroundBorderless" 
android:clickable="true" 
/> 

<ImageView 
. 
. 
. 
android:background="?attr/selectableItemBackgroundBorderless" 
android:clickable="true" 
/> 

Answer 2

Вы можете использовать android-ripple-background

Start Effect

final RippleBackground rippleBackground=(RippleBackground)findViewById(R.id.content); 
ImageView imageView=(ImageView)findViewById(R.id.centerImage); 
imageView.setOnClickListener(new View.OnClickListener() { 
    @Override 
    public void onClick(View view) { 
     rippleBackground.startRippleAnimation(); 
    } 
}); 

Остановить анимацию:

rippleBackground.stopRippleAnimation(); 

Answer 3

Или вы можете попробовать использовать эту библиотеку (Android 9+): RippleEffect

Интеграция

dependencies { 
    compile 'com.github.traex.rippleeffect:library:1.3' 
} 

Использование:

<com.andexert.library.RippleView 
    android:id="@+id/more" 
    android:layout_width="?android:actionBarSize" 
    android:layout_height="?android:actionBarSize" 
    android:layout_toLeftOf="@+id/more2" 
    android:layout_margin="5dp" 
    rv_centered="true"> 

    <ImageView 
    android:layout_width="?android:actionBarSize" 
    android:layout_height="?android:actionBarSize" 
    android:src="@android:drawable/ic_menu_edit" 
    android:layout_centerInParent="true" 
    android:padding="10dp" 
    android:background="@android:color/holo_blue_dark"/> 

</com.andexert.library.RippleView> 

Answer 4

Лучший способ использует библиотеки. This - один из них. Просто добавьте свою зависимость и поставить ниже кода в XML перед каждыми элементами, которые необходимо мультипликационный эффект:

<com.balysv.materialripple.MaterialRippleLayout 
android:id="@+id/ripple" 
android:layout_width="match_parent" 
android:layout_height="wrap_content"> 

Answer 5

Если вы хотите пульсация быть ограниченным в размер использования TextView/ImageView:

<TextView 
android:background="?attr/selectableItemBackground" 
android:clickable="true"/> 

(я думаю, это выглядит лучше)

Answer 6

В дополнение к ответу @Bikesh M Annur обязательно обновите свои библиотеки поддержки. Раньше я использовал 23.1.1, и ничего не происходило. Обновление его до 23.3.0 сделало трюк.

Answer 7

<TextView 
      android:id="@+id/txt_banner" 
      android:layout_width="match_parent" 
      android:text="@string/banner" 
      android:gravity="center|left" 
      android:layout_below="@+id/title" 
      android:background="@drawable/ripple_effect" 
      android:paddingLeft="15dp" 
      android:textSize="15sp" 
      android:layout_height="45dp" /> 

добавить это в вытяжке

<?xml version="1.0" encoding="utf-8"?> 
<!--this ribble animation only working for >= android version 21--> 
<ripple 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:color="@color/click_efect" /> 

попробовать это.

Answer 8

В случае хорошо голосовавшие решение, которое разместил @Bikesh M Annur (here) не работает для вас, попробуйте использовать:

<TextView 
... 
android:background="?android:attr/selectableItemBackgroundBorderless" 
android:clickable="true" /> 

<ImageView 
... 
android:background="?android:attr/selectableItemBackgroundBorderless" 
android:clickable="true" /> 

Кроме того, при использовании android:clickable="true" добавить android:focusable="true", потому что:

"Виджет, объявленный кликабельным, но не объявляемым для фокусировки, недоступен с клавиатуры.«