I want to create a scroll animation with image on top of listview.
I want that when user scroll listview, image on top scaledown until 50dp of height. Than listview scroll without other anim. When user scroll up until the first item, image scaleup to fit the original size.
This behavior is present in wunderlist profile view and in this link is similar.pinterest demo
Can you help me to create this?
I'm using a scrollview with linearlayout, when user scroll in the scrollview image scaledown, but i'm not able to enable listview scroll.
you should check Android-OberservableScrollView to achieve what you need:
https://github.com/ksoichiro/Android-ObservableScrollView
Related
I want to animate the first image like when I scroll the recyclerview up then it should expand equal to width of the mobile device display and when I scroll down it should collapse. It's kind of expand and collapse the below black background layout when I scroll the recylcerview. How do I do this, any idea? thanks in advance.
I am trying to implement a Recycler View in which the first item covers at-least half of the screen. This item has an image set as a background.
The behavior that i want to achieve is: when user scrolls upward the recycler view, the image should zoom in, and when user scrolls it downward, the image should zoom out and should be in original dimension as soon as the first item is completely visible.
I have tried using setScale() property on imageView but it's not working as expected. Please help!
Keep the first item in CollapsingToolbarLayout instead of placing it in RecyclerView and wrap both the views in CoordinatorLayout.
Then in CollapsingToolbarLayout add parallax effect using attribute collapseMode="parallax"
Finally, bound the RecyclerView scroll behavior to CollapsingToolbarLayout using property layout_behavior="#string/appbar_scrolling_view_behavior".
I have a layout with a linearLayout (top layout) and a listview under this.
What I want to do is like the phone app in Lollipop:
With the scrollbar I can scroll the contact list (top layout doesn't move)
When scroll the list with the finger, first the top layout is scrolling and once it is not visible anymore the listview scroll. When the top layout is visible the scrollbar doesn't move.
Someone has any idea how to do this trick?
What I'm thinking :
I can add the top layout to the header of listview, but the scrollbar take count of the header. And if I scroll with the scrollbar, the top layout will scroll
Trying to set a scrollListener to the listview, and translate the top view, but don't think it will be good and the scrollY is not available for listView
I think I can do something with a scrollView for the root layout, but I know it is not good to put a listview inside a scrollview.
I don't find any proper way to do this kind of feature...
EDIT: To be more clear, I want to translate the listview before I'm able to scroll the listview itself. Problem is when translate listview, the listview height will not expand.
I am also getting this problem in version 5.1 in lower version it's working fine.Try to use in 5.0 As it STABLE verson, also check another scrolling bug in 5.1 in this link here I could not comment so posting this as answer.
I am implementing a GridView which contains images.
I want to expand an image to occupy the whole row when it's clicked as shown in the images below.
I also want to show a button when the image is expanded so the user can take an action similar to how the ESPN app does that.
How can I achieve this?
---->
Surround your layout with a relative layout. Create a layout and a button inside it outside grid layout/inside relative layout. Set it's initial visibility to gone and match it's height, width to row you want it to encompass. Then in the onclick of the image set the layouts view to visible and it's button. Perhaps not perfect but it has the added benefit of allowing scrolling of your gridview while showing the big image you want.
I want to do ScrollView where the bottom view with information data when scrolling overlaps photo above (photo remains in the same place), as well as in google+ application in feed detail. Sorry for bad English. Thanks
Image what I want:
When detail loaded
When srolling
You could use a an ImageView in the background for your top image and then put a ScrollView on top of it, either using RelativeLayout or FrameLayout. Then inside the ScrollView you could use a vertical LinearLayout and either use a Space as the first item in the list and make it the same size as the ImageView, or you could simply set the margin of the first item to have a top margin that is the same size as the ImageView.