Android equivalent to UIImageViews in a UIView in a UIScrollView - android

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

Related

Android pull image to reveal full size image

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

Draggable split-view with image preview

I am trying to implement the above layout in my Android app.
Basically its two images filling the whole screen, but with a "slider" that is draggable and masks one image over the other. The labels are just some text relating to the image, and should also be masked over when dragged.
So far I haven't been able to see how best to do this using standard layouts, and have been thinking of how to implement this using Canvas.
Any help/tips on the most efficient way to implement this would be appreciated.
NOTE: The slider is supposed to work a lot like the one in the gallery image editor in stock android gallery - except that it stays in place after letting go.
I ended up using LibGDX and making a custom scene for everything.
Didn't find a way to do this using built-in layouts.

Android FrameLayout with image slide in

I need to create a gauge. The first image will be static and holds the measurements and markings. The second image will slide in from bottom to top. To simulate a water tank.
What will be the best way to handle this problem?
At the moment I am trying to use a framelayout to hold the two images but not sure if its the right approach.
I have done this in css and jquery but cant seen to find a way around it in android native.
any ideas?
In general you'll have better luck here if you make the title of your question more descriptive. It doesn't seem like you are actually asking anything about FrameLayout.
Anywho, if I am understanding you correctly you should be able to adapt ProgressBar to fit your needs for creating a water tank. Note if you want it to be vertical instead of horizontal you can find a solution on this question: Android - set a ProgressBar to be a vertical bar instead of horizontal?

overlay image on an image in android? possible?

I have a CustomIcon class that displays a png using ImageView. I m going to want to be able to place another image view overtop of it on the fly and be able to hide/show the overlay. Can someone point me to a good tutorial to get me rolling?
It sounds like you would be well served by a RelativeLayout. This layout allows you (among other things) to place Views on top of each other.
You can see some "official" docs, and also a tutorial from Learn Android.

Android: Activity that displays a map image with zoom and drag?

I need to display an image(a map), and allow users to drag and zoom(two finger pinch, or is multitouch control not support on some earlier versions?), also, when user clicks on an area on the map, information of that area is displayed. I wonder is there any standard way(such like imageview wrapped in an activity) of doing this, or do I have to create an activity that has imageview in it? I searched and read some of others questions/answers, found that WebView is a good way to display image, but I need to do some operations on the image(map) like I said, is it possible for WebView?
Thanks!
edit:
Is there anyway to do this, apart from femi's answer? Also, the 3rd party package in femi's answer has a bug report that pinch image view does not zoom, so it is actually no an answer.
Try looking at http://code.google.com/p/android-pinch/ for ImageViews that offer some of what you need. Let me know if that works for you.

Categories

Resources