I would like to know what kind of layout is this? top image part (A) is pinch zoom (so I guess ImageView with something like photoView implemented), bottom part (C) is vertical scroll (so this would be RecyclerView), but middle part (B) dragger can be dragged up and down, thus enlarging the portion of one container (A or C) / reducing the portion of another, depending where is dragged.
Related
I haven't worked on animation. Can anyone let me know how to zoom in & zoom out a image when we swipe it from left or right using vertical layout in android.
The above animation exist in ios.
I can able to swipe linear layout left and right but need some animation while moving the image (inside linear layout) from left to right.
Animation should be like, if the left image moved to center then the
image should be zoomed in/look bigger and vice versa to right image.
left & right image should be zoomed out. Thanks in advance.
This is part of the transition APIs.
https://developer.android.com/training/transitions/
or if all the layouts that you want to animate are part of the same activity then you should go with the property animation APIs
https://developer.android.com/guide/topics/graphics/prop-animation
This is a sample zoom animation
https://developer.android.com/training/animation/zoom
Have fun, hope I've been of some help
Is there any way to change the scrolling angle of the ScrollView or RecyclerView in android?
I know, by default some Android views will have horizontal and Vertical scrollings, but I want to know if it is possible to change the scroll in a particular angle or else diagonally?
How to create such custom components?
Here is an example with screenshots, I wonder how Microsoft Excel Android App achieved this.
Place your finger on the cell D10 and drag the sheet towards the cell A1
Here is the result, the sheet scrolled diagonally, i.e., scrolled vertically and horizontally simultaneously
When the user holds down on the screen, it should become transparent by their finger so that they can see the other layout beneath. When they continue holding down their finger and swipe, I'd like to create a transition where the transparency spreads outward from their initial holding location until the upper layout is gone and only the layout underneath is left.
Here are examples of the effect I'm looking to create:
I'm not concerned about the fancy movement of the purple / red squares; I'm just looking to find out how to create the swipe transition between the two layouts.
It seems like using android.R.anim.fade_in and android.R.anim.fade_out would get close to the desired effect but it would be missing the expanding circle centered on the user's finger and the transition would happen all at once instead of the intended effect of giving a peak when just held down and performing the transition only after a swipe.
you can use this npm
react-native-expanding-circle-transition
https://github.com/alexbrillant/react-native-expanding-circle-transition
I need a solution for the following problem :
i have a screen with vertical half portion having Linear Layout with content and lower half portion is having Grid View of Images(Tiled Area).
When finger makes contact with the tiled area and starts swiping upward, the tiled area moves upward at the same pace as the finger is moving - showing more picture below, while slowly covering white section above. After it cover the whole screen, the user can go scroll up and down swipes.
the opposite also applies: if the entire screen is covered with the tiles, and the top of the tile is already at the top of the screen, then further downward swipes will result in the opposite effect, ultimately shrinking(at the same pace as the finger is moving) the tiled area to its original size.
NOTE : view will move at the same pace as the finger moves. i think it will be done by gesture detector
What is the best way to make scrollviews move dependent of each other?
I have three scrollers (ScrollView/HorizontalScrollView), on vertical on the left and one horizontal on te top - e.g. like excel - where moving the left or center scroller should affect vertical scrolling in both and moving top or center should affect horizontal scrolling in both.
What is the best way to implement this?