Chcę ustawić efekt falowania w widoku tekstu i widoku obrazu w Android Studio. Jak mogę to zrobić?
Chcę ustawić efekt falowania w widoku tekstu i widoku obrazu w Android Studio. Jak mogę to zrobić?
Odpowiedzi:
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"
/>
android:background="?android:attr/selectableItemBackground"
Borderless
youtube.com/watch?v=wOjA8tS5sbc
Jeśli chcesz, aby tętnienie było powiązane z rozmiarem TextView / ImageView, użyj:
<TextView
android:background="?attr/selectableItemBackground"
android:clickable="true"/>
(Myślę, że wygląda lepiej)
selectableItemBackground
vsselectableItemBackgroundBorderless
Proszę zapoznać się z poniższą odpowiedzią na efekt tętnienia.
ripple on Textview lub view:
android:clickable="true"
android:focusable="true"
android:foreground="?android:attr/selectableItemBackgroundBorderless"
ripple on Button lub Imageview:
android:foreground="?android:attr/selectableItemBackgroundBorderless"
selectableItemBackgroundBorderless
jest to API 21+. Poniżej możesz wybrać, selectableItemBackground
aby uniknąć problemu ze zgodnością
Możesz użyć android-ripple-background
Rozpocznij efekt
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();
}
});
Zatrzymaj animację:
rippleBackground.stopRippleAnimation();
<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" />
dodaj to do rysowania
<?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" />
Spróbuj tego.
Spróbuj tego. To działa dla mnie.
android:clickable="true"
android:focusable="true"
android:background="?android:attr/selectableItemBackground"
Oprócz powyższych odpowiedzi dodano możliwość zaznaczenia, aby uniknąć ostrzeżenia edytora interfejsu użytkownika
android:background="?attr/selectableItemBackgroundBorderless"
android:clickable="true"
android:focusable="true"
W przypadku, gdy dobrze ocenione rozwiązanie opublikowane przez @Bikesh M Annur ( tutaj ) nie działa, spróbuj użyć:
<TextView
...
android:background="?android:attr/selectableItemBackgroundBorderless"
android:clickable="true" />
<ImageView
...
android:background="?android:attr/selectableItemBackgroundBorderless"
android:clickable="true" />
Ponadto podczas korzystania z android:clickable="true"
dodawania, android:focusable="true"
ponieważ:
„ Widget, który został zadeklarowany jako klikalny, ale nie został zadeklarowany jako aktywny, nie jest dostępny za pomocą klawiatury ”.
Dodaj
android:clickable="true"
android:focusable="true"
Efekt falowania
android:background="?attr/selectableItemBackgroundBorderless"
Do wyboru efektu
android:background="?android:attr/selectableItemBackground"
Efekt przycisku
android:adjustViewBounds="true" style="?android:attr/borderlessButtonStyle"
Oprócz odpowiedzi @Bikesh M Annur, pamiętaj o zaktualizowaniu bibliotek pomocy technicznej. Wcześniej używałem 23.1.1 i nic się nie działo. Aktualizacja do 23.3.0 załatwiła sprawę.
dla tętnienia koła:
android:background="?attr/selectableItemBackgroundBorderless"
dla tętnienia prostokąta:
android:background="?attr/selectableItemBackground"
Lub możesz spróbować użyć tej biblioteki (Android 9+): RippleEffect
Integracja
dependencies {
compile 'com.github.traex.rippleeffect:library:1.3'
}
Stosowanie:
<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>
selectableItemBackground
, kierując się na Androida 4 lub nowszego.
Korzystanie z bibliotek. To jest jeden z nich. Po prostu dodaj jego zależność i umieść poniższy kod w xml przed każdym elementem, który wymaga efektu ripple:
<com.balysv.materialripple.MaterialRippleLayout
android:id="@+id/ripple"
android:layout_width="match_parent"
android:layout_height="wrap_content">