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

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.

Related

Markaps in ImageView such as instagram have

I need to create the markups on image view that should look like the markings Instagram. The client should click on some position on the image, enter some text and save it.
For now, the only solution that I see is :
Get click position in the onToch event.
Dynamically put some edit boxes to this position.
Save the text and coordinates.
However, I don't know yet how this will work on different screen sizes.
Since I'm mostly web developer and definitely don't now all android capabilities I hope someone with experience will give me advice. Maybe there some widgets for this task, or algorithm for counting position?

ImageView zooming in android through code

I am developing Android application for book. I create total images for book is one hundred. In the app two buttons present one is previous button and second is next button. The previous button and next move images forward and back correctly. But now I want to implement zooming effect for image. But the text are some smalls not seen correctly. Please help. Thank you
Below are the options available for implementing zoom in-out effect in android Imageview.
How to implement zoom effect for image view in android?
Android imageView Zoom-in and Zoom-Out
https://github.com/chrisbanes/PhotoView
https://github.com/jsibbold/zoomage
Much better than the offered alternatives here IMHO

How to multi touch and move view on image like a camera?

I'm working on image multi touch events, that have an image with touchEvents like googleMaps's touchEvents( pinchZoom and move togather with 2 fingers ), I tried GestureImageView and cusomized it and could implement that. but I'm not sure it is correct way or there is another method for it.Is there any way to do that ?
also I want to show different parts of the large image by clicking on each part and show theme so that it seams that camera moves view on the image.
Is there any library or any tools for this purpose in android?
I will be appreciate if help me.
Thank you.

Android equivalent to UIImageViews in a UIView in a UIScrollView

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

How to implement multi-images on screen, each can be selected, moved, rotated, zoomed and bordered?

User can select some images to the screen, and be able to select/drag/move/zoom/rotate each image. When an image is selected, it will have a blue border. And user can also bring an image to the front or background.
Here is sample picture in the following: there are two images(girls) on a star-background. The top one has been selected(it has a blue border).
I don't know have to implement it. For several days of learning, I can now drag/move/zoom/rotate a single image(inside an imageview, and scaled by matrix). But I don't know how to handle multi-images.
I want to know:
Is it still a good idea to use ImageView(for each image), or what classes should I use?
How to implement the orders? (so I can bring them to front or background)
How to determine which image has been selected
How to find and draw the border of selected image?
For now, I just know how to use ImageView, but I'm not sure if I can use it to implement this task. Please give me some advices, thanks !
Drawing everything directly onto a Canvas is one way of doing it. There is an article that covers the basics of using a Canvas. You can read it HERE
There is one major downside in doing this - you have to handle all the input events by yourself. The API won't tell you which image has been clicked, or dragged. You'll have to implement that by yourself.

Categories

Resources