ngx-hm-carousel icon indicating copy to clipboard operation
ngx-hm-carousel copied to clipboard

New effects and more examples

Open kalicki opened this issue 6 years ago • 8 comments

Open issues to study the feasibility of applying new effects by following the guidelines for IOS/Android.

I think maybe it would be interesting to adapt this or use the effects, because it is quite complete and the Angular community has a demand for something (for mobile) like that.

Ref: https://github.com/archriss/react-native-snap-carousel#layouts-and-custom-interpolations

kalicki avatar Dec 14 '18 16:12 kalicki

Example of the problem:

I'm trying to apply some effect like this: https://camo.githubusercontent.com/a209e669b2b54e13e6a94cda080de40892ea92a4/68747470733a2f2f692e696d6775722e636f6d2f666f4d49474d322e676966

to use in Ionic

kalicki avatar Dec 14 '18 16:12 kalicki

That is an great effect

Maybe we can use angular animation to implement that, I will try that in a few days.

ZouYouShun avatar Dec 14 '18 16:12 ZouYouShun

All effects its isolate in file, but this is default effect: https://github.com/archriss/react-native-snap-carousel/blob/master/src/utils/animations.js#L36

kalicki avatar Dec 14 '18 16:12 kalicki

Its possbile only with aniClass create the effect show above?

kalicki avatar Jan 07 '19 19:01 kalicki

Sorry about so late to response again, between this is too busy with own work.

I thinks the effect show above maybe is difficult to implement with now ngx-hm-carousel.

Because we using left the change position with the item, with above effect, we need image stacked together, so the left doesn't match this structure, must find other solution.

This is an easy custom with fade effect. https://stackblitz.com/edit/ngx-hm-carousel-custom

ZouYouShun avatar Jan 08 '19 06:01 ZouYouShun

Can't we create a lib for animation management? So we can use the left pattern and which ones want other. https://github.com/archriss/react-native-snap-carousel#raised_hands-new-feature-layouts

left is not good. I think transform: translate3d It is best to run elements and manipulate in any way with custom styles check https://idangero.us/swiper/

kalicki avatar Jan 08 '19 13:01 kalicki

absolutely right, the left performance is bad and difficult to handle with,

Actually it is my fault, when I design the component initial.

I have plan to fix that with transform: translate3d , maybe after 15 this month.

thanks for your advice.

ZouYouShun avatar Jan 08 '19 16:01 ZouYouShun

any news?

MichalNemec avatar Aug 26 '20 19:08 MichalNemec