blocks|key|410157|text|我想这个可以帮到你|type|unstyled|depth|inlineStyleRanges|entityRanges|data|410158|请参阅此项目Link|offset|length|410159|它有一个自动滚动的图像和缩放图像时，你点击它。|410160|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/blessenm/SlideshowDemo^0|0|6|4|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Q|8|@]|9|@$D|R|E|S|1|T]]|A|$]]|$1|F|3|G|5|6|7|U|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|I|$J|$5|K|L|M|A|$N|O]]]]

I Think this one can help you 

Refer this project <a href="https://github.com/blessenm/SlideshowDemo" rel="nofollow">Link</a>

it Has a Automatic Scrolling of Image and Zoom a Image When you click On it.

blocks|key|3454913|text|你有没有尝试过将View子类化并处理自己的用户手势？对于这样复杂的行为，它是我的首选。它应该看起来像这样：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3454914|在您的类扩展视图中您应该在创建时将所需的图像和叠加实例化为位图objects|3454915|OnScroll事件您将计算图像和叠加在这样的滚动后的状态，刷新位图并使当前视图无效使用|unordered-list-item|3454916|
|3454917|使用GestureDetector处理收缩事件和放大/缩小事件，就像|3454918|3454919|在更改位图后使用onDraw+|3454920|
绘制位图一样处理收缩事件和放大/缩小事件|3454921|在StackOverflow上有很多关于这个单独任务的材料，如果你在这些任务中需要额外的帮助，请告诉我。|3454922|entityMap^0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|T|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|U|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|V|8|@]|9|@]|A|$]]|$1|G|3|H|5|6|7|W|8|@]|9|@]|A|$]]|$1|I|3|J|5|F|7|X|8|@]|9|@]|A|$]]|$1|K|3|H|5|6|7|Y|8|@]|9|@]|A|$]]|$1|L|3|M|5|F|7|Z|8|@]|9|@]|A|$]]|$1|N|3|O|5|6|7|10|8|@]|9|@]|A|$]]|$1|P|3|Q|5|6|7|11|8|@]|9|@]|A|$]]|$1|R|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|S|$]]

Have you tried subclassing View and handling yourself user gestures? It is my first choice for complex behaviours as such. It should look something like this:

<ul>
<li>In your class extending View you should instantiate the required image and overlays at creation time as Bitmap objects</li>
<li>OnScroll event you will calculate how the image and overlays chould be after such scroll, refresh the Bitmaps and invalidate the current view</li>
<li>Using a GestureDetector, you can handle pinch events and treat zoom in/zoom out events just as scroll events</li>
<li>Remember to always call invalidate after changing your Bitmaps</li>
<li>Draw the bitmaps during the onDraw method</li>
</ul>

Plenty of material about this individual tasks on StackOverflow, let me know if you need adittional help in any of these.

blocks|key|3242000|text|我建议扩展View类并覆盖onDraw方法。看一看Canvas+API。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3242001|您可能会有一个如下所示的onDraw方法：|3242002|@Override
public+void+onDraw(Canvas+canvas)+{
++++super.onDraw(canvas);
++++canvas.save();
++++canvas.translate(mPosX,+mPosY);+//position+of+your+actual+data
++++canvas.scale(mScaleFactor,+mScaleFactor);+//+zoom+factor
++++map.draw(canvas);+//you+draw+your+map+here
++++canvas.restore();+//go+back+to+saved+state+
++++//for+each+marker+you+have,+do+the+same+"save+-+translate+-+scale+-+draw"+loop++++++++
}|code-block|syntax|javascript|3242003|因为你不需要你的标记是可缩放的，你可能不需要缩放步长，但是你需要正确地计算它们的位置。|3242004|根据你的对象数量等，你可能需要一种更优化的方式来绘制你的标记(例如，只重新绘制更改过的矩形区域)。请参阅View.invalidate(Rect)|3242005|entityMap|0|LINK|mutability|MUTABLE|url|http://developer.android.com/reference/android/graphics/Canvas.html|1|http://developer.android.com/reference/android/view/View.html#invalidate%2528android.graphics.Rect%2529^0|5|4|D|6|P|A|0|0|0|0|0|1G|L|1|0^^$0|@$1|2|3|4|5|6|7|10|8|@$9|11|A|12|B|C]|$9|13|A|14|B|C]]|D|@$9|15|A|16|1|17]]|E|$]]|$1|F|3|G|5|6|7|18|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|19|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|1A|8|@]|D|@]|E|$]]|$1|O|3|P|5|6|7|1B|8|@]|D|@$9|1C|A|1D|1|1E]]|E|$]]|$1|Q|3|-4|5|6|7|1F|8|@]|D|@]|E|$]]]|R|$S|$5|T|U|V|E|$W|X]]|Y|$5|T|U|V|E|$W|Z]]]]

I would suggest extending the <code>View</code> class and overriding <code>onDraw</code> method.
Take a look at the <a href="http://developer.android.com/reference/android/graphics/Canvas.html" rel="nofollow">Canvas API</a>.

You'll probably have an onDraw method that looks like :

<pre><code>@Override
public void onDraw(Canvas canvas) {
 super.onDraw(canvas);
 canvas.save();
 canvas.translate(mPosX, mPosY); //position of your actual data
 canvas.scale(mScaleFactor, mScaleFactor); // zoom factor
 map.draw(canvas); //you draw your map here
 canvas.restore(); //go back to saved state 
 //for each marker you have, do the same "save - translate - scale - draw" loop 
}
</code></pre>

Since you don't need your markers to be zoomable, you'll probably wont need scale step but you need to calculate their position properly.

Depending on your # of objects etc, you may need to have a more optimized way of drawing your markers (e.g. re-drawing only changed rectangular areas). see <a href="http://developer.android.com/reference/android/view/View.html#invalidate%28android.graphics.Rect%29" rel="nofollow">View.invalidate(Rect)</a>

blocks|key|404060|text|签出此示例项目https://github.com/jzafrilla/AndroidImageHostpot|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|404061|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/jzafrilla/AndroidImageHostpot^0|7|1C|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

Checkout this example project <a href="https://github.com/jzafrilla/AndroidImageHostpot" rel="nofollow">https://github.com/jzafrilla/AndroidImageHostpot</a>

blocks|key|3454969|text|经过很长一段时间，我找到了我的解决方案的确切答案：TileView|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|3454970|设置地图视图：|style|BOLD|3454971|@Override
protected+void+onCreate(+Bundle+savedInstanceState+)+{
++super.onCreate(+savedInstanceState+);
++TileView+tileView+=+new+TileView(+this+);
++tileView.setSize(+2000,+3000+);++//+the+original+size+of+the+untiled+image
++tileView.addDetailLevel(+1f,+"tile-%25d-%25d.png");
++setContentView(+tileView+);
}|code-block|syntax|javascript|3454972|添加标记的：|3454973|tileView.addMarker(+someView,+250,+500,+-0.5f,+-1.0f+);+|3454974|文档中的代码。|3454975|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/moagrius/TileView^0|P|8|0|0|0|7|0|0|5|1|0|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@$A|11|B|12|1|13]]|C|$]]|$1|D|3|E|5|6|7|14|8|@$A|15|B|16|F|G]]|9|@]|C|$]]|$1|H|3|I|5|J|7|17|8|@]|9|@]|C|$K|L]]|$1|M|3|N|5|6|7|18|8|@$A|19|B|1A|F|G]]|9|@]|C|$]]|$1|O|3|P|5|J|7|1B|8|@]|9|@]|C|$K|L]]|$1|Q|3|R|5|6|7|1C|8|@]|9|@]|C|$]]|$1|S|3|-4|5|6|7|1D|8|@]|9|@]|C|$]]]|T|$U|$5|V|W|X|C|$Y|Z]]]]

After a long time, I found the exact answer to my solution: <a href="https://github.com/moagrius/TileView" rel="nofollow">TileView</a>

Setting up the map view:

<pre><code>@Override
protected void onCreate( Bundle savedInstanceState ) {
 super.onCreate( savedInstanceState );
 TileView tileView = new TileView( this );
 tileView.setSize( 2000, 3000 ); // the original size of the untiled image
 tileView.addDetailLevel( 1f, "tile-%d-%d.png");
 setContentView( tileView );
}
</code></pre>

Adding the marker:

<pre><code>tileView.addMarker( someView, 250, 500, -0.5f, -1.0f ); 
</code></pre>

Code from the documentation.

I would like to display an image (including scroll and zoom functionality).
Additionally, I need to add some overlays to the image dynamically. The overlays are in a relationship to the content within the image. 

<ul>
<li>If the user scrolls, the overlays should move too </li>
<li>If the user zooms,
the overlays should not be zoomed but hold their relative position to
the image</li>
</ul>

In other words: I'd like to implement a Map with some markers, but I provide my own map material.

My main question is: How could I do this?

What I have tried so far

<ul>
<li>I tried to implement it within a <a href="http://developer.android.com/reference/android/webkit/WebView.html" rel="noreferrer">WebView</a> as it provided the basic zooming and scaling functionality. However, I did not succeed in adding overlays without using Javascript and HTML (what I thought was not a very convenient way of solving the problem)</li>
<li>There are projects (i.e. <a href="https://github.com/MikeOrtiz/TouchImageView/blob/master/src/com/example/touch/TouchImageView.java" rel="noreferrer">TouchImageView</a>) which are implementing the scroll/zoom functionality but they make it even harder to add own overlay functionality from my point of view.</li>
</ul>

Questions

Is there a simple solution or approach to my problem? 

What is the right way of adding and moving views at runtime in Android?
(Usually, I would use a basic layout and play with the margin - would that be best practice?)

Could somebody point me to the right direction, please.

Min. API Level: 10

Android zoomable/scrollable ImageView with overlays

Android

我想显示一个图像(包括滚动和缩放功能)。此外，我需要动态添加一些覆盖到图像。覆盖图与图像中的内容存在关系。如果用户滚动，覆盖图也应该移动如果用户缩放，覆盖图不应缩放，而是保持其相对于图像的相对位置换句话说:我想实现一个带有一些标记的Map，但我提供了我自己的地图材料。我的主要问题是:我如何做到这一点？到目前为止我已经尝...

问具有覆盖功能的安卓可缩放/滚动ImageView
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问具有覆盖功能的安卓可缩放/滚动ImageViewEN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问具有覆盖功能的安卓可缩放/滚动ImageView
EN