質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.52%

  • Java

    13753questions

    Javaは、1995年にサン・マイクロシステムズが開発したプログラミング言語です。表記法はC言語に似ていますが、既存のプログラミング言語の短所を踏まえていちから設計されており、最初からオブジェクト指向性を備えてデザインされています。セキュリティ面が強力であることや、ネットワーク環境での利用に向いていることが特徴です。Javaで作られたソフトウェアは基本的にいかなるプラットフォームでも作動します。

  • Android

    6507questions

    Androidは、Google社が開発したスマートフォンやタブレットなど携帯端末向けのプラットフォームです。 カーネル・ミドルウェア・ユーザーインターフェイス・ウェブブラウザ・電話帳などのアプリケーションやソフトウェアをひとつにまとめて構成。 カーネル・ライブラリ・ランタイムはほとんどがC言語/C++、アプリケーションなどはJavaSEのサブセットとAndroid環境で書かれています。

  • Android Studio

    3691questions

    Android Studioは、 Google社によって開発された、 Androidのネイティブアプリケーション開発に特化した統合開発ツールです。

Androidアプリで表示する画像はそのままで表示範囲の縦幅を変更したい。

受付中

回答 1

投稿

  • 評価
  • クリップ 0
  • VIEW 435

W.Taka

score 11

この指定した画像を拡大縮小スクロールできるプログラムで、表示する画像の幅などを変えずに、表示する範囲を変更したいです。
Xmlで高さなどを変更したのですが反映されないみたいなのですが、どのように変更すればよろしいでしょうか?

package com.example.admin.scrollimage1;

import android.annotation.SuppressLint;
import android.content.Context;
import android.content.res.Resources;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.Point;
import android.graphics.PointF;
import android.graphics.Rect;
import android.support.v4.widget.DrawerLayout.LayoutParams;
import android.util.AttributeSet;
import android.util.Pair;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;

public class ZoomImageView extends View implements OnTouchListener {

    private final String ANDROID_NAMESPACE = "http://schemas.android.com/apk/res/android";
    private final int DRAW_MODE_FIT = 0;
    private final int DRAW_MODE_MAX = 1;
    private final int DRAW_MODE_MIN = 2;
    private Context context;
    private Bitmap bitmap;
    private Paint paint;
    private Rect rect;
    private int layoutWidthParam = 0;
    private int oldPointsDistance, viewLength, viewWidth, viewHeight, drawMode;
    private int doubleTapDuration = 300;
    private float scale = 1F;
    private float maxScale = 2F;
    private float minScale = 0.5F;
    private Pair<Long, Long> actionDownTimes;

    public ZoomImageView(Context c) {
        super(c);
        context = c;
        init();
    }

    public ZoomImageView(Context c, AttributeSet attrs){
        super(c,attrs);
        context = c;
        init();

        int layoutWidthParam = attrs.getAttributeIntValue(ANDROID_NAMESPACE, "layout_width", 0);
        setWidth(layoutWidthParam);
        int srcResourceId = attrs.getAttributeResourceValue(ANDROID_NAMESPACE, "src", 0);

        if(srcResourceId > 0) {

            setImageResourceId(srcResourceId);

        }

    }

    public void setWidth(int width) {

        layoutWidthParam = width;

    }

    private void init() {

        rect = new Rect();
        paint = new Paint();
        actionDownTimes = new Pair<Long, Long>(0L, 0L);
        setOnTouchListener(this);

    }

    public void setImageBitmap(Bitmap bm) {

        bitmap = bm;
        refresh();

    }

    public void setImageResourceId(int resourceId) {

        Resources resources = context.getResources();
        bitmap = BitmapFactory.decodeResource(resources, resourceId);
        refresh();

    }

    public Rect getImageRect() {

        return rect;

    }

    public float getImageScale() {

        return scale;

    }

    public Point getImagePoint() {

        return new Point(bitmapX, bitmapY);

    }

    public void setMaxScale(float scale) {

        maxScale = scale;

    }

    public void setMinScale(float scale) {

        minScale = scale;

    }

    public void setDoubleTapDuration(int duration) {

        doubleTapDuration = duration;

    }

    private void refresh() {

        bitmapX = bitmapY = 0;
        scale = 1F;

    }

    private int bitmapX = 0;
    private int bitmapY = 0;
    private float oldX = 0;
    private float oldY = 0;
    private float lastMultiX = 0;
    private float lastMultiY = 0;

    @Override
    public boolean onTouch(View v, MotionEvent event) {

        int pointCount = event.getPointerCount();
        float x = event.getRawX();
        float y = event.getRawY();

        if(oldX == 0 && oldY == 0) {

            oldX = x;
            oldY = y;

        }

        if(lastMultiX != 0 || lastMultiY != 0) {

            x = x - (x - lastMultiX);
            y = y - (y - lastMultiY);

        }

        switch(event.getAction()) {

        case MotionEvent.ACTION_MOVE:

            if(pointCount == 1) {

                bitmapX += (int) (x - oldX);
                bitmapY += (int) (y - oldY);

                clearPinchDistance();

            } else if(pointCount == 2) {

                int pointsdefference = getPointsDifference(
                        new PointF(event.getX(0), event.getY(0)), 
                        new PointF(event.getX(1), event.getY(1))
                );

                if(oldPointsDistance == 0) {

                    oldPointsDistance = pointsdefference;

                }

                float moveDifference = (pointsdefference - oldPointsDistance);
                scale += moveDifference / viewLength;
                oldPointsDistance = pointsdefference;

                if(scale < minScale) {

                    scale = minScale;

                }

            } else {

                clearPinchDistance();

            }

            invalidate();
            break;

        case MotionEvent.ACTION_POINTER_UP:
            lastMultiX = x;
            lastMultiY = y;
            break;

        case MotionEvent.ACTION_UP:
            clearLastMultiXY();

            long firstTime = actionDownTimes.first;
            long secondTime = actionDownTimes.second;        

            if(firstTime > 0 && secondTime > 0
                    && (secondTime-firstTime) < doubleTapDuration
                    && (System.currentTimeMillis()-secondTime) < doubleTapDuration) {

                onDoubleTap();
                invalidate();

            }

            break;

        case MotionEvent.ACTION_DOWN:
            clearLastMultiXY();
            actionDownTimes = new Pair<Long, Long>(actionDownTimes.second, System.currentTimeMillis());
            break;

        }

        oldX = x;
        oldY = y;
        return true;
    }

    private void clearPinchDistance() {

        oldPointsDistance = 0;

    }

    private void clearLastMultiXY() {

        lastMultiX = lastMultiY = 0;

    }

    private int getPointsDifference(PointF point1, PointF point2) {

        return (int) Math.sqrt((point2.x - point1.x) * (point2.x - point1.x) + (point2.y - point1.y) * (point2.y - point1.y));

    }

    @SuppressLint("DrawAllocation")
    @Override
    protected void onMeasure(int widthMeasureSpec,int heightMeasureSpec){
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);

        int measureWidth = MeasureSpec.getSize(widthMeasureSpec);

        int bitmapWidth = bitmap.getWidth();
        int bitmapHeight = bitmap.getHeight();

        if(layoutWidthParam == LayoutParams.MATCH_PARENT || bitmapWidth > measureWidth) {

            float ratio = (float)bitmapHeight / (float)bitmapWidth;
            viewWidth = measureWidth;
//            viewHeight = (int) ((float)viewWidth * ratio);
            viewHeight = (int) ((float)viewWidth * ratio);
            if(bitmapWidth > measureWidth) {

                bitmap = Bitmap.createScaledBitmap(bitmap, viewWidth, viewHeight, false);

            }

        } else {

            viewWidth = bitmapWidth;
            viewHeight = bitmapHeight;

        }

        viewLength = (int) (((float)viewWidth + (float)viewHeight) / 2F);
        setMeasuredDimension(viewWidth, viewHeight);

    }

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

        float correctedWidth = viewWidth * scale - viewWidth;
        float correctedHeight =viewHeight * scale - viewHeight;
        int correctedWidthHalf = 0;
        int correctedHeightHalf = 0;

        if(correctedWidth != 0) {

            correctedWidthHalf = (int) (correctedWidth / 2);

        }

        if(correctedHeight != 0) {

            correctedHeightHalf = (int) (correctedHeight / 2);

        }

        int startX1 = bitmapX - correctedWidthHalf;
        int startY1 = bitmapY - correctedHeightHalf;
        int startX2 = canvas.getWidth() + bitmapX + correctedWidthHalf;
        int startY2 = canvas.getHeight() + bitmapY + correctedHeightHalf;
        rect.set(startX1, startY1, startX2, startY2);
        canvas.drawBitmap(bitmap, null, rect, paint);

    }

    private void onDoubleTap() {

        switch (drawMode) {

        case DRAW_MODE_FIT:
            bitmapX = bitmapY = 0;
            scale = 1F;
            break;
        case DRAW_MODE_MAX:
            scale = maxScale;
            break;
        case DRAW_MODE_MIN:
            scale = minScale;
            break;
        default:
            break;

        }

        drawMode++;

        if(drawMode > DRAW_MODE_MIN) {

            drawMode = 0;

        }

    }





}
/***Sample

    // Xml

    <com.sukohi.lib.ZoomImageView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:src="@drawable/drawable"
        android:background="@color/black" />


    // Code

    ZoomImageView zoomImageView = (ZoomImageView) findViewById(R.id.zoomimageview);
    zoomImageView.setImageResourceId(R.drawable.drawable);    // or setImageBitmap(bitmap);
    zoomImageView.setMaxScale(5F);                            // skippable(Default:2F)
    zoomImageView.setMinScale(0.1F);                        // skippable(Default:0.5F)

    zoomImageView.getImageRect();    // Get image Rect
    zoomImageView.getImageScale();    // Get image scale
    zoomImageView.getImagePoint();    // Get image Point

***/
  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 1

0

onDraw内でBitmapを描画している、drawBitmapの第3引数の内容を変更すれば動きますよ。
例えば、縦方向に移動したい場合はstartY1とstartY2に同じ値を足したり引いたりすると動くとおもいますよ。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2017/01/23 14:40

    すみません説明不足でした。
    簡単に言うとビューの位置を下のほうに移動させてビューのサイズを変更したいと考えているのですが。。

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 90.52%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る

  • Java

    13753questions

    Javaは、1995年にサン・マイクロシステムズが開発したプログラミング言語です。表記法はC言語に似ていますが、既存のプログラミング言語の短所を踏まえていちから設計されており、最初からオブジェクト指向性を備えてデザインされています。セキュリティ面が強力であることや、ネットワーク環境での利用に向いていることが特徴です。Javaで作られたソフトウェアは基本的にいかなるプラットフォームでも作動します。

  • Android

    6507questions

    Androidは、Google社が開発したスマートフォンやタブレットなど携帯端末向けのプラットフォームです。 カーネル・ミドルウェア・ユーザーインターフェイス・ウェブブラウザ・電話帳などのアプリケーションやソフトウェアをひとつにまとめて構成。 カーネル・ライブラリ・ランタイムはほとんどがC言語/C++、アプリケーションなどはJavaSEのサブセットとAndroid環境で書かれています。

  • Android Studio

    3691questions

    Android Studioは、 Google社によって開発された、 Androidのネイティブアプリケーション開発に特化した統合開発ツールです。