I am trying to achieve the following on a relative layout.
It's similar to WhatsApp profile image style and I think Google uses it on the YouTube app too. I've searched around but can't find anything as I don't know what it's called.
Is there a library or possibly anyone who's used/achieved a similar feature?
The purpose is to use minimum height as needed as some images are portrait and can take up full height of screen not allowing user to realise there's more under it.
I'm using a scrollview xml with a relative layout.
What I've tried so far:
Lots of Google searching. No luck as I simply do not know the concept.
I think it's called a Parallax Effect, not really sure, but here are some libraries that do some similar stuff using listviews:
https://github.com/Gnod/ParallaxListView
https://github.com/Frank-Zhu/PullZoomView
Related
I am trying to design a layout in Android but I don't even know how to call it. It is somewhat similar to Android Surfaces I would say, but actually the old Google Maps Entry details are designed more like it and i would prefer to target sdks prior lollipop.
I want that a picture is shown on top of the screen.
Below is a Headline and below that is a List.
When i scroll down, the image shall be put into the background and the complete block of other elements should float above, taking roughly the half of the image heigth additionaly.
When i scroll down further the Headline element should be fixed on top of the screen, the image completele covered and the list should float under the Headline.
How does Google Maps achieve this? I am not even sure if it is a List that is displayed there below the image. Any ideas? The name of that design would suffice, any guides or tutorials are very appriciated.
I'm sure this needs a visual explanation:
I want a design like the second screen shows it with a transition to the third screen.
Screenshots taken from Google Maps Android App.
And here is the new Surface Layout from Android 5.0 but as i said, i would prefer to do it compatible to lower versions and besides this does not look like the fluent transparant change i aspire.
Thanks for every help!
Found it. Can't believe it was so hard to find. The magic keyword is Sliding Panel
To those who stumble upon this question, here is the most referenced library, but searching for Sliding Panel will help as well.
Sorry for bothering...
https://github.com/umano/AndroidSlidingUpPanel
A picture may tells what I want:
I donnt have enough Reputation so please check this link.
http://ww3.sinaimg.cn/large/005yyi5Jjw1ej4gsxduwej31h70h245u.jpg
When you scroll the list up, the image will scroll up in different speed in the background too.
Play store and Google I/O 2014 app have this effect.
use a recyclerView and custom layout manager?
Thanks!
Sorry for my poor English.
Probably you have already noticed, but source code for I/O app had been released.
https://github.com/google/iosched
See this article:
http://flavienlaurent.com/blog/2013/11/20/making-your-action-bar-not-boring/
and this answer: Is there an addHeaderView equivalent for RecyclerView?
It is using setTranslationY, but you can similarly use setHeight like on the image you provided.
The hand (and the space above his head) disappears gradually because the height changes and the image in the ImageView is centerCrop.
I'm not sure if this is the exact code, but looks close enough: https://github.com/google/iosched/blob/master/android/src/main/res/layout/activity_session_detail.xml#L43
I am developing an Android app and am a bit stuck on how I go about creating the layout I'm after. I said spotify-like (website not app) as I dont want the parallax effect. It's actually closer to http://www.poormet.com/.
What I have tested so far is a RelativeLayout with an ImageView and Listview (with transparent dividers) within it. This layout shows the image in the background between rows which is a step in the right direction. The issue is I'm at a loss as to how to get the images to change smoothly depending on what listrows are on screen.
Also, if I want to replicate the text over the images like poormet example mentioned above, then it seems to me I am going to have to have alternating transparent and not transparent rows.
Am I on the right track or am I approaching this problem the wrong way?
Any guidance will be greatly appreciated!!!
(also, please let me know if what I have described doesn't make sense - more than happy to clarify)
I have a nice view in iOS and want to do the same in android, but couldn't find out how.
Basically it's one big background image and several smaller images overlayed and the whole needs to be zoomed at the same time, imagine for example a map with cars on it.
I tried working with a WebView, but couldn't configure it right, so I'm looking for a better solution. And I need the pinch zooming feature, the Webview -/+ was not really helpful.
Working code would be nice too, cause most examples I tried didn't work as expected.
Would be util put you ImageViews in a GridView?
http://developer.android.com/guide/topics/ui/layout/gridview.html
http://developer.android.com/reference/android/widget/ImageView.html
I have a layout in which I am displaying a webview. I want to add images on top of the webview at specific places through code.
Can some one please tell me how to do that?
The translucent background example in API Demos makes the view cover the whole screen. I want to place only a small image and at a specific location (origin not 0,0)
Thanks a lot.
Have you tried putting both the WebView and the ImageView inside an Absolute Layout? This should let you specify the X/Y location of your image and by ordering make it constantly drawn over the webview.
EDIT: check out the Absolute layout:
http://developer.android.com/guide/topics/ui/layout-objects.html#absolutelayout
AbsoluteLayout is deprecated and if that bothers you, you may want to look for alternative.
I have put an example in my blog post here. It might not be exactly what you are after, but should give you an idea:
http://anothermobiledeveloper.blogspot.com/2011/10/using-relativelayout-instead-of.html