view 图像可鼠标按住移动

本文介绍了一个自定义的Android视图组件CustomCircleView,该组件允许用户通过触摸操作来移动一个红色的圆形。文章详细解释了如何创建这个组件,并实现了触摸事件监听,使圆形能够随着用户的触摸动作而移动。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:custom="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <!--可以移动的圆形-->
    <lianxi.view.CustomCircleView
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</RelativeLayout>





package lianxi.view;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.support.annotation.Nullable;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;

import static android.R.attr.x;

/**
 * Created by muhanxi on 17/11/1.
 */

public class CustomCircleView extends View {

    private Paint mPaint;

    private int cx = 200;
    private int cy = 200;

    public CustomCircleView(Context context) {
        super(context);
    }

    public CustomCircleView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        mPaint = new Paint();
        mPaint.setColor(Color.RED);
        mPaint.setStyle(Paint.Style.STROKE);
        mPaint.setAntiAlias(true);
        mPaint.setStrokeWidth(10);
    }

    public CustomCircleView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }


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

//        MeasureSpec.get

    }


    @Override
    public boolean onTouchEvent(MotionEvent event) {


        switch (event.getAction()){

            case MotionEvent.ACTION_DOWN:
                System.out.println("event ACTION_DOWN = " + event.getRawX() + "  " + event.getRawY());
                break;
            case MotionEvent.ACTION_MOVE:
                System.out.println("event ACTION_MOVE = " + event.getRawX() + "  " + event.getRawY());

                cx = (int) event.getX() ;
                 cy =(int) event.getY();
                //刷新
                invalidate();
//                postInvalidate();

                break;
            case MotionEvent.ACTION_UP:
                System.out.println("event ACTION_UP = " + event.getRawX() + "  " + event.getRawY());

                break;
        }
        return true;
    }

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

//        int x =  getWidth() / 2 ;
        canvas.drawCircle(cx,cy,200,mPaint);

    }
}


 
### 使用 QLabel 控件显示图片并实现缩放和平移 为了在 PyQt 中使用 `QLabel` 显示图片,并支持缩放和平移功能,可以按照以下方法构建应用程序: #### 创建主窗口类 定义一个继承自 `QWidget` 的主窗口类,在其中初始化用于展示图像的 `QLabel`。 ```python from PyQt5.QtWidgets import QApplication, QWidget, QVBoxLayout, QLabel, QScrollArea from PyQt5.QtGui import QPixmap import sys class ImageViewer(QWidget): def __init__(self): super().__init__() layout = QVBoxLayout() scroll_area = QScrollArea() label_map = QLabel(self) img = QPixmap('map.jpg') label_map.setPixmap(img) # 设置label内部图片自适应填充 label_map.setScaledContents(True) # 将标签放入滚动区域以便于处理超出屏幕尺寸的大图 scroll_area.setWidget(label_map) scroll_area.setAlignment(Qt.AlignCenter) layout.addWidget(scroll_area) self.setLayout(layout) if __name__ == '__main__': app = QApplication(sys.argv) viewer = ImageViewer() viewer.showMaximized() sys.exit(app.exec_()) ``` 此部分代码创建了一个名为 `ImageViewer` 的窗口部件,它包含一个带有 `QLabel` 的可滚动视窗 (`QScrollArea`) 来承载要查看的图像[^1]。通过调用 `setScaledContents(True)` 方法使图像自动调整大小以适合标签空间[^4]。 #### 添加手势控制逻辑 为了让用户可以通过鼠标滚轮或拖拽来进行放大缩小以及平移操作,则需进一步扩展上述基础结构,加入相应事件处理器。 对于缩放而言,可以在重写 `wheelEvent()` 函数中根据鼠标的上下滚动方向改变当前比例因子;而对于平移来说则是在捕获到按住鼠标按键的同时移动时更新偏移量。 ```python def wheelEvent(self, event): zoom_factor = 1.2 if event.angleDelta().y() > 0 else 0.8 current_scale = self.transform().m11() new_scale = min(max(current_scale * zoom_factor, MIN_ZOOM), MAX_ZOOM) transform = QTransform().scale(new_scale / current_scale, new_scale / current_scale) self.setTransformationAnchor(QGraphicsView.AnchorUnderMouse) self.setTransform(transform) def mousePressEvent(self, event): if event.button() == Qt.LeftButton: self.drag_start_position = event.pos() def mouseMoveEvent(self, event): if not hasattr(self, 'drag_start_position'): return delta = event.pos() - self.drag_start_position self.horizontalScrollBar().setValue(self.horizontalScrollBar().value() - delta.x()) self.verticalScrollBar().setValue(self.verticalScrollBar().value() - delta.y()) self.drag_start_position = event.pos() ``` 这些函数实现了基于鼠标交互的手势识别机制,允许用户轻松地对图像执行缩放与平移动作[^3]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值