如何在ImageView Android上添加标记/ Pin?

时间:2012-12-03 07:56:15

标签: java android imageview android-canvas marker

我想询问如何在imageView上实现或添加标记。 我使用svglib渲染了一个SVG并使用了customImageView,这样我就可以缩放和平移图像。

这是关于我如何使用customImageView

的代码
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState) {
        SVG svg;
        switch (mNum) {

        case 1:
            svg = SVGParser.getSVGFromResource(getResources(), R.raw.t1);
            break;
        case 2:
            svg = SVGParser.getSVGFromResource(getResources(), R.raw.t2);
            break;
        case 3:
            svg = SVGParser.getSVGFromResource(getResources(), R.raw.t3);
            break;
        case 4:
            svg = SVGParser.getSVGFromResource(getResources(), R.raw.t4);
            break;
        default:
            svg = SVGParser.getSVGFromResource(getResources(),
                    R.raw.android);

        }

        View v = inflater.inflate(R.layout.hello_world, container, false);
        View tv = v.findViewById(R.id.text);
        imageView = (GestureImageView) v.findViewById(R.id.imageView1);
        imageView.setStrict(false);
        imageView.setStartingScale(lastScale);
        // if(lastXPosition!=0 && lastYPosition!=0)
        imageView.setStartingPosition(lastXPosition, lastYPosition);
        // Log.i("tag",
        // "lastXPosition" + lastXPosition);
        // Log.i("tag",
        // "lastYPosition" + lastYPosition);
        // Log.i("tag",
        // "lastScale" + lastScale);
        // imageView.setRotation(45);
        // imageView.setLayerType(View.LAYER_TYPE_SOFTWARE, null);
        if (Build.VERSION.SDK_INT > 15)
            imageView.setLayerType(View.LAYER_TYPE_SOFTWARE, null);
        imageView.setImageDrawable(svg.createPictureDrawable());
        ((TextView) tv).setText("Floor number: " + mNum);
        imageView.setBackgroundColor(Color.WHITE);
        // tv.setBackgroundDrawable(getResources().getDrawable(
        // android.R.drawable.gallery_thumb));
        // imageView.setScaleType(ScaleType.CENTER);
        // ((GestureImageView)imageView).setScale(x);
        return v;
    }

现在我想添加一个如下图所示的引脚......

My problem http://www.modality.com/images/appimages/130/screens/645/large.png

但我的问题是,当我平移标记时,我添加的图像不会与图像SVG结合,因此在平移时会留在某个位置......

这是我的代码...... 注意:尚未最终......我仍然在寻找一种方法来实现这一点,我正在使用放大的imageview作为地图......

@Override
protected void onDraw(Canvas canvas) {

    if (layout) {
        if (drawable != null && !isRecycled()) {
            canvas.save();

            float adjustedScale = scale * scaleAdjust;

            canvas.translate(x, y);

            if (rotation != 0.0f) {
                canvas.rotate(rotation);
            }

            if (adjustedScale != 1.0f) {
                canvas.scale(adjustedScale, adjustedScale);
            }

            drawable.draw(canvas);

            canvas.restore();
        }

        if (drawLock.availablePermits() <= 0) {
            drawLock.release();
        }
    }

    // ---add the marker---
    Bitmap marker = BitmapFactory.decodeResource(getResources(),
            R.drawable.search_marker_icon);
    canvas.drawBitmap(marker, 40, 40, null);
    Paint mPaint = new Paint();
    mPaint.setColor(Color.RED);
    canvas.drawCircle(60, 60, 5, mPaint);
    super.onDraw(canvas);
} 

谢谢....我是android的新手:)希望你能帮助我......

My problem

3 个答案:

答案 0 :(得分:5)

这是一个很好的图像库,用于显示图像,支持缩放/平移和在图像上添加图钉 https://github.com/davemorrissey/subsampling-scale-image-view

答案 1 :(得分:3)

 drawable.draw(canvas);

// ---add the marker---
Bitmap marker = BitmapFactory.decodeResource(getResources(),
        R.drawable.search_marker_icon);
canvas.drawBitmap(marker, 40, 40, null);
Paint mPaint = new Paint();
mPaint.setColor(Color.RED);
canvas.drawCircle(60, 60, 5, mPaint);


        canvas.restore();
    }

    if (drawLock.availablePermits() <= 0) {
        drawLock.release();
    }
}
 super.onDraw(canvas);
}   

你需要在canvas.restore之前做到这一点.....:D去年得到了这个解决方案...... thnx为帮助人员......我的应用程序差不多完成了:)

答案 2 :(得分:2)

Android视图中的元素HTML实现:

  • 支持将图像作为布局中的可绘制或位图
  • 允许xml
  • 中的区域标记列表
  • 允许使用剪切和粘贴HTML区域标签到资源xml(即,能够获取HTML地图 - 以及图像并以最少的编辑使用它)
  • 如果图像大于设备屏幕,则支持平移
  • 支持双指缩放
  • 在点击某个区域时支持回调。
  • 支持将注释显示为气泡文本,并在点击气泡时提供回调

尝试此链接,您将找到解决方案https://github.com/catchthecows/AndroidImageMap