IndoorAtlas SDK 2.0:使用Picasso和自定义ImageView

时间:2015-11-14 12:20:55

标签: java imageview android-custom-view picasso indoor-positioning-system

所以....,我想使用 Picasso 图像加载器库和现有的自定义imageview类来加载,调整大小和旋转图像。问题是我没有成功,就像我使用这个代码:" Picasso.with(this).load(url).into(自定义ImageView)" ,它给出了我是一个错误,并建议"将参数投射到目标" 。在投射参数"自定义imageview"目标,当我测试应用程序时,它给我一个错误说"自定义imageview无法转换为目标" 在Logcat中。 出现此问题后,我使用的是另一段代码,其中包含" onBitmapLoaded" 方法,该方法对应于Picasso库的Target界面,并且我已成功加载,调整大小并旋转图像,但是当我正在开发室内定位系统时,蓝点正在显示在视线之外。它被显示在视线/不正确之外的原因是因为自定义图像视图没有与毕加索一起用于加载和显示图像。以下是包含" onBitmapLoaded"的代码。方法,我没有得到我想要的结果,它也是不正确的,因为一段时间后应用程序崩溃与此错误" java.lang.RuntimeException:Canvas:尝试使用回收的位图android。 graphics.Bitmap@1d21751f" ,它指的是自定义ImageView类中的代码行" super.onDraw(canvas)"

private IAFloorPlan mFloorPlan;
private BlueDotView mImageView;
private Target      mLoadTarget;

 private void showFloorPlanImage(String filePath) {
        final String url = mFloorPlan.getUrl();

        if (mLoadTarget == null) {
            mLoadTarget = new Target() {

                @Override
                public void onBitmapLoaded(Bitmap bitmap, Picasso.LoadedFrom from) {
                    Log.d(TAG, "onBitmap loaded with dimensions: " + bitmap.getWidth() + "x"
                            + bitmap.getHeight());
                    mImageView.setImage(ImageSource.bitmap(bitmap));
                    mImageView.setRadius(mFloorPlan.getMetersToPixels() * dotRadius);
                    //mImageView.setRotation(90);
                    //setupGroundOverlay(floorPlan, bitmap);
                }

                @Override
                public void onPrepareLoad(Drawable placeHolderDrawable) {
                    // N/A
                }

                @Override
                public void onBitmapFailed(Drawable placeHolderDraweble) {
                    Toast.makeText(AutomaticFloorPlanLoader.this, "Failed to load bitmap",
                            Toast.LENGTH_SHORT).show();
                }
            };
        }

        RequestCreator request = Picasso.with(this).load(url).rotate(90).resize(500,500);

        final int bitmapWidth = mFloorPlan.getBitmapWidth();
        final int bitmapHeight = mFloorPlan.getBitmapHeight();

        if (bitmapHeight > MAX_DIMENSION) {
            request.resize(0, MAX_DIMENSION);
        } else if (bitmapWidth > MAX_DIMENSION) {
            request.resize(MAX_DIMENSION, 0);
        }

        request.into(mLoadTarget);
        /*DisplayMetrics displaymetrics = new DisplayMetrics();
        getWindowManager().getDefaultDisplay().getMetrics(displaymetrics);
        int screenWidth = displaymetrics.widthPixels;
        int screenHeight = displaymetrics.heightPixels;
        LinearLayout.LayoutParams parms = new LinearLayout.LayoutParams(screenWidth,screenHeight);
        mImageView.setLayoutParams(parms);*/
        //Picasso.with(this).load(Uri.parse(mFloorPlan.getUrl())).into((Target) mImageView);
        Log.w(TAG, "showFloorPlanImage: " + filePath);
       /* mImageView.setRadius(mFloorPlan.getMetersToPixels() * dotRadius);
        mImageView.setImage(ImageSource.uri(filePath));
        mImageView.setRotation(90);*/
    }

以下是我的申请中上述代码的结果:" http://i.imgur.com/kcSa2x1.png"

And here is the custom ImageView class:

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.PointF;
import android.util.AttributeSet;

import com.davemorrissey.labs.subscaleview.SubsamplingScaleImageView;

public class BlueDotView extends SubsamplingScaleImageView {

    //private static final float RATIO = 4f / 3f;
    private float radius = 1.0f;
    private PointF dotCenter = null;

    public void setRadius(float radius) {
        this.radius = radius;
    }

    public void setDotCenter(PointF dotCenter) {
        this.dotCenter = dotCenter;
    }

    public BlueDotView(Context context) {
        this(context, null);
    }

    public BlueDotView(Context context, AttributeSet attr) {
        super(context, attr);
        initialise();
    }

    private void initialise() {
        setWillNotDraw(false);
        setPanLimit(SubsamplingScaleImageView.PAN_LIMIT_CENTER);
    }

    /*public BlueDotView(Context context, AttributeSet attrs, int defStyle)
    {
        super(context, attrs, defStyle);
    }*/

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);

        if (!isReady()) {
            return;
        }

        if (dotCenter != null) {
            PointF vPoint = sourceToViewCoord(dotCenter);
            //float scaledRadius = getScale() * radius;
            Paint paint = new Paint();
            paint.setAntiAlias(true);
            paint.setStyle(Paint.Style.FILL);
            paint.setColor(Color.BLUE);
            canvas.drawCircle(vPoint.x, vPoint.y, 10, paint);
        }
    }
}

我尝试过setLinearLayout,displayMetrics和onMeasure方法,但无法使用所有这些方法调整图像大小。

所以,总的来说,我的问题是:我如何使用Picasso与自定义ImageView类/ imageView本身来加载,调整大小和旋转图像,并在此特定示例中正确显示蓝点?

如果你能帮助我解决这个问题,请提前多多谢谢。

1 个答案:

答案 0 :(得分:0)

IndoorAtlas的示例中的BlueDotView(此处为https://github.com/IndoorAtlas/android-sdk-examples/blob/master/Basic/src/main/java/com/indooratlas/android/sdk/examples/imageview/BlueDotView.java)由Dave Morissey扩展SubsamplingScaleImageView(此处:https://github.com/davemorrissey/subsampling-scale-image-view)。 SubsamplingScaleImageView不会延伸android.widget.ImageView,因此您无法直接将其用作加载目标:Picasso.with(this).load(url).into(mImageView),但您需要像使用Target一样使用java.lang.RuntimeException: Canvas: trying to use a recycled bitmap android.graphics.Bitmap@1d21751f

SubsamplingScaleImageView的问题是因为SubsamplingScaleImageView与大多数图片加载库不兼容。在此处阅读更多内容:https://github.com/davemorrissey/subsampling-scale-image-view/wiki/X.-Using-with-Picasso。该链接还解释了将Bitmap与毕加索混合的正确方法。快速入侵是将@Override public void onBitmapLoaded(Bitmap bitmap, Picasso.LoadedFrom from) { mImageView.setImage(ImageSource.bitmap(bitmap.copy(bitmap.getConfig(), true)); } 的副本传递给图像视图:

resize(500, 0)

对于不经常更改的小位图,这可能没问题,但是浪费了大型位图的资源,并且可能导致OOM异常。

看起来您正在将位图大小调整为500x500像素。如果原始平面图位图不是方形(?),则表示正在改变宽高比,正确定位蓝点将失败。设定例如您的位图宽度为500px且仍然保持宽高比,请使用:hm.put(key,value)