I want to make a book page scrolling effect like the picture below.
This is a Standby screen in Acer Liquid.
It shows a transparent layout slidable with many views on it, and the left-bottom corner shows a book page rolling-up effect. The corner rolled is draggable and transparent.
If I slide the views, the corner rolled shows the views' moving with transparent.
That is what I don't know how to do.
I did the corner rolled with a screenshot bitmap. Take a screenshot and roll it up... That's what I did. And that means the corner rolled will be no change if I slide the views.. because it is a picture!
Does anybody know how to do that?
There is an open source library you can use. https://github.com/harism/android_page_curl
Related
I am new to android development.
I want to display a dialog on activity load.
The animation details:
After some times lets say 2secs, the dialog should be fade away and zoom out.
Finally become a small square in the center of the screen. (both horizontally and vertically)
After that the small square should move to top with effect which forms an icon in the top bar.
Is there anyway to do that?I have gone through several tutorials but cant find an effect like this.
Please help.
I am working on some animation in which there are four images. I want to do as follows:
Flip them from right to center
Then from center to left side
The right side should be smaller and when flipped, it should come to center and size of the image should be enlarged.
The next image should come to the center and the current image should go to left side and the size of the image should decrease by animation(or scaled).
Basically I want images to grow from right to center and then shrink to left side...same thing for left to right.
Can anybody please tell how to do this animation?
Thanks
Perhaps android-3d-flip-view-transition is what you are looking for? There is also the FlipAnimator class, it really depends on how you want to implement this but from what I can tell they both allow you to specify pivotal points so you can flip left-to-right like a book or centered like in iOS when you click the little "i" info button at the bottom-right hand corner of some apps.
I am trying to create a stretchable scroll handle for my app.
The first image is the scrollhandle.9.png that I include in my app's resources.
The second image shows what this 9patch image looks like when used in my app.
Any advice on how to accomplish a stretchable scroll handle?
Edit: With help from posters, I was able to get an image that works. I added it below to help those who may find this in the future.
The area covered by the top and the left black line(dots) will be used while scaling your image. This area will be highlighted to you when you click the "show patch" option. You can see how the image scales by using the "Patch scale" option given in the draw9patch tool.
The area covered by the right and bottom lines(dots) will hold the content for the background.
Eg: You can define boundaries for the text inside 9 patch image for editor background. For your case you don't need right and bottom lines.
So for your case place two dots at the top corner and two dots at the left corner. Make sure patches doesn't fall in the arrow image of the scroll(if they do fall your arrow image will also get stretched) . Try putting the dots only in the left and top lines till you get the desired preview with "Patch scale" option.
If you use only one dot (instead of four) at the top and bottom left, and one at image top center, it should stretch the way you want it to.
I've got a pretty weird issue and can't find a solution. These two pictures show my problem:
In the first picture you can see, that there is no fading edge. If I move the bottom gallery a little bit further, the upper small gallery switches its position (I implemented this behaviour) and now there is a fading edge on both galleries.
The issue comes from the small gallery. But I don't understand why it is affecting the fading edge of the bigger gallery. The same effect appears on the right sight.
Both galleries are nested in a linear layout, which is nested again in a linear layout. I never touch the values for the fading edge.
Does somebody have an idea how to fix the issue?
It seems the fading is added automatically and disabling through XML doesn't work.
However disabling programatically seems to work:
Gallery carousel = (Gallery)findViewById(R.id.image_carousel);
carousel.setHorizontalFadingEdgeEnabled(false);
I have a 3 horizontal views - an image on the left which is a thin vertical handle-type bar and an image to its right followed by a textview. What I'm trying to achieve is a sliding animation, activated with a click on the handle, so that the center image slides in and out to the left (and so disappearing when fully left) with the textview following this animation smoothly. The effect will be the handle remains in place (hence I can't use the SlidingDrawer), the image comes and goes and the textview is always present but slides into the space where the image went. Its just collapsing the image really.
The problem is if I apply android.R.anim.slide_in_left/android.R.anim.slide_out_left to the image and the textview simultaneously I see they slide completely to the left edge of the screen, temporarily overwriting the handle. Is there a way to still animate but not go all the way to the screen edge?