PyQt5-16 屏幕坐标系的了解和基本使用

简介: PyQt5-16 屏幕坐标系的了解和基本使用

1 什么是屏幕坐标系?

2 相关概念

  • 屏幕坐标系,即窗口相对于屏幕的坐标。屏幕左上角坐标称为原点坐标(0,0);
  • 窗口的坐标,即窗口的左上角相对原来的坐标,如下图示:
    在这里插入图片描述
  • 窗口的宽和高也有两种,一种是工作取的高度,一种菜单栏的高度,比如如下说明:
    在这里插入图片描述

    3 代码实现

  • 创建一个窗口,在窗口的工作区添加一个按钮:
# -*- coding:utf-8 -*-
# 作者:虫无涯
# 日期:2023/11/4 
# 文件名称:test023_ScreenGeo.py
# 作用:屏幕坐标系
# 联系:VX(NoamaNelson)
# 博客:https://blog.csdn.net/NoamaNelson

import sys

from PyQt5.QtWidgets import QApplication, QMainWindow, QHBoxLayout, QWidget, QPushButton


class ScreenGeo(QMainWindow):
    def __init__(self):
        super(ScreenGeo, self).__init__()
        self.w = QWidget()
        self.b = QPushButton(self.w)
        self.b.setText("按钮")

        self.b.move(20, 30)

        # 窗口尺寸
        self.w.resize(500, 400)
        self.w.move(400, 300)
        # 窗口标题
        self.w.setWindowTitle("屏幕坐标系")
        self.w.show()

if __name__ == "__main__":
    app = QApplication(sys.argv)
    win = ScreenGeo()
    # win.show()
    sys.exit(app.exec_())
  • 运行后如下效果:
    在这里插入图片描述
  • 在按钮上加一个事件,比如是点击按钮后,显示“这是一个按钮~~”,代码如下:
# -*- coding:utf-8 -*-
# 作者:虫无涯
# 日期:2023/11/4 
# 文件名称:test023_ScreenGeo.py
# 作用:屏幕坐标系
# 联系:VX(NoamaNelson)
# 博客:https://blog.csdn.net/NoamaNelson

import sys

from PyQt5.QtWidgets import QApplication, QMainWindow, QHBoxLayout, QWidget, QPushButton


class ScreenGeo(QMainWindow):
    def __init__(self):
        super(ScreenGeo, self).__init__()
        self.w = QWidget()
        self.b = QPushButton(self.w)
        self.b.setText("按钮")
        self.b.clicked.connect(self.on_click)

        self.b.move(20, 30)

        # 窗口尺寸
        self.w.resize(500, 400)
        self.w.move(400, 300)
        # 窗口标题
        self.w.setWindowTitle("屏幕坐标系")
        self.w.show()

    def on_click(self):
        print("这是一个按钮~~~")

if __name__ == "__main__":
    app = QApplication(sys.argv)
    win = ScreenGeo()
    # win.show()
    sys.exit(app.exec_())
  • 效果如下:
    在这里插入图片描述
D:\Python37\python.exe F:/pyqt_study/test_case/test023_ScreenGeo.py
这是一个按钮~~~

4 获取窗口坐标

4.1 直接获取

  • 这个表示的是从窗口左上角计算;
  • 以下是 窗口的横纵坐标 和 工作区宽高
# -*- coding:utf-8 -*-
# 作者:虫无涯
# 日期:2023/11/4 
# 文件名称:test023_ScreenGeo.py
# 作用:屏幕坐标系
# 联系:VX(NoamaNelson)
# 博客:https://blog.csdn.net/NoamaNelson

import sys

from PyQt5.QtWidgets import QApplication, QMainWindow, QHBoxLayout, QWidget, QPushButton


class ScreenGeo(QMainWindow):
    def __init__(self):
        super(ScreenGeo, self).__init__()
        self.w = QWidget()
        self.b = QPushButton(self.w)
        self.b.setText("按钮")
        self.b.clicked.connect(self.on_click)

        self.b.move(20, 30)

        # 窗口尺寸
        self.w.resize(500, 400)
        self.w.move(400, 300)
        # 窗口标题
        self.w.setWindowTitle("屏幕坐标系")
        self.w.show()

    def on_click(self):
        print("这是一个按钮~~~")
        # 直接获取坐标
        print(f"窗口横坐标:{self.w.x()}") # 
        print(f"窗口纵坐标:{self.w.y()}")
        print(f"工作区宽度:{self.w.width()}")
        print(f"工作区高度:{self.w.height()}")

if __name__ == "__main__":
    app = QApplication(sys.argv)
    win = ScreenGeo()
    # win.show()
    sys.exit(app.exec_())
  • 效果如下:
    在这里插入图片描述

4.2 通过坐标系获取

  • 这个表示从工作区左上角计算;
  • 以下表示 工作区的横纵坐标 和 工作区的宽高;
# -*- coding:utf-8 -*-
# 作者:虫无涯
# 日期:2023/11/4 
# 文件名称:test023_ScreenGeo.py
# 作用:屏幕坐标系
# 联系:VX(NoamaNelson)
# 博客:https://blog.csdn.net/NoamaNelson

import sys

from PyQt5.QtWidgets import QApplication, QMainWindow, QHBoxLayout, QWidget, QPushButton


class ScreenGeo(QMainWindow):
    def __init__(self):
        super(ScreenGeo, self).__init__()
        self.w = QWidget()
        self.b = QPushButton(self.w)
        self.b.setText("按钮")
        self.b.clicked.connect(self.on_click)

        self.b.move(20, 30)

        # 窗口尺寸
        self.w.resize(500, 400)
        self.w.move(400, 300)
        # 窗口标题
        self.w.setWindowTitle("屏幕坐标系")
        self.w.show()

    def on_click(self):
        print("这是一个按钮~~~")
        # 直接获取坐标
        print("直接获取坐标")
        print(f"窗口横坐标:{self.w.x()}") # 
        print(f"窗口纵坐标:{self.w.y()}")
        print(f"工作区宽度:{self.w.width()}")
        print(f"工作区高度:{self.w.height()}")

        # 通过坐标系获取坐标
        print("通过坐标系获取坐标")
        print(f"工作区横坐标:{self.w.geometry().x()}")
        print(f"工作区纵坐标:{self.w.geometry().y()}")
        print(f"工作区宽度:{self.w.geometry().width()}")
        print(f"工作区高度:{self.w.geometry().height()}")

if __name__ == "__main__":
    app = QApplication(sys.argv)
    win = ScreenGeo()
    # win.show()
    sys.exit(app.exec_())
  • 效果如下:
    在这里插入图片描述

    4.3 获取Frame坐标

  • 这个表示从整个窗口和菜单的高度;
  • 以下是获取窗口的横纵坐标 以及 窗口的宽高;
# -*- coding:utf-8 -*-
# 作者:虫无涯
# 日期:2023/11/4 
# 文件名称:test023_ScreenGeo.py
# 作用:屏幕坐标系
# 联系:VX(NoamaNelson)
# 博客:https://blog.csdn.net/NoamaNelson

import sys

from PyQt5.QtWidgets import QApplication, QMainWindow, QHBoxLayout, QWidget, QPushButton


class ScreenGeo(QMainWindow):
    def __init__(self):
        super(ScreenGeo, self).__init__()
        self.w = QWidget()
        self.b = QPushButton(self.w)
        self.b.setText("按钮")
        self.b.clicked.connect(self.on_click)

        self.b.move(20, 30)

        # 窗口尺寸
        self.w.resize(500, 400)
        self.w.move(400, 300)
        # 窗口标题
        self.w.setWindowTitle("屏幕坐标系")
        self.w.show()

    def on_click(self):
        print("这是一个按钮~~~")
        # 直接获取坐标
        print("直接获取坐标")
        print(f"窗口横坐标:{self.w.x()}") # 
        print(f"窗口纵坐标:{self.w.y()}")
        print(f"工作区宽度:{self.w.width()}")
        print(f"工作区高度:{self.w.height()}")

        # 通过坐标系获取坐标
        print("通过坐标系获取坐标")
        print(f"工作区横坐标:{self.w.geometry().x()}")
        print(f"工作区纵坐标:{self.w.geometry().y()}")
        print(f"工作区宽度:{self.w.geometry().width()}")
        print(f"工作区高度:{self.w.geometry().height()}")

        # 通过坐标系获取坐标
        print("获取Frame坐标")
        print(f"窗口横坐标:{self.w.frameGeometry().x()}")
        print(f"窗口纵坐标:{self.w.frameGeometry().y()}")
        print(f"窗口宽度:{self.w.frameGeometry().width()}")
        print(f"窗口高度:{self.w.frameGeometry().height()}")

if __name__ == "__main__":
    app = QApplication(sys.argv)
    win = ScreenGeo()
    # win.show()
    sys.exit(app.exec_())
  • 效果如下:
    在这里插入图片描述
目录
相关文章
|
1月前
Pixi入门第二章:绘制各种图形
这篇文章是Pixi.js入门系列的第二章,重点在于如何使用Pixi.js绘制各种基本图形,如矩形、圆角矩形、圆形和椭圆,并提供了具体的代码示例。
37 0
Pixi入门第二章:绘制各种图形
|
1月前
|
JavaScript API 图形学
ThreeJS入门-创建一个正方体
这篇文章介绍了如何使用Three.js创建一个基本的正方体模型,并提供了实现这一功能的详细步骤和代码示例。
37 0
ThreeJS入门-创建一个正方体
|
5月前
|
Python
【python绘图库turtle实战】使用python绘图库turtle绘制:太阳花、彩虹线与小黄人【含完整源码】
【python绘图库turtle实战】使用python绘图库turtle绘制:太阳花、彩虹线与小黄人【含完整源码】
|
6月前
|
机器学习/深度学习 人工智能 数据处理
Python海龟绘图:绘出最靓丽的景色
Python海龟绘图:绘出最靓丽的景色
171 0
《QT从基础到进阶·十五》用鼠标绘制矩形(QGraphicsView、QPainter、QGraphicsRectItem)
《QT从基础到进阶·十五》用鼠标绘制矩形(QGraphicsView、QPainter、QGraphicsRectItem)
620 0
使用python绘制圣诞树(大合集)
最近用代码绘制圣诞树的活动非常火,博主整理了目前较为流行的方法,并对豪华版本中部分复杂部分代码补充了注释。所有代码都是使用常见的库,大家不需要花费额外的学习陈本。
|
前端开发 Python
Python tkinter库之Canvas按键事件移动物体 (模拟推箱子小游戏)
Python tkinter库之Canvas按键事件移动物体 (模拟推箱子小游戏)
196 0
|
Python 容器
Python高级进阶#014 pyqt5滑块控件QSlider应用
Python高级进阶#014 pyqt5滑块控件QSlider应用
275 0
|
Python
python植物大战僵尸九之绘制顶部卡片
python植物大战僵尸九之绘制顶部卡片
65 0
|
Python
python植物大战僵尸一之绘制背景
python植物大战僵尸一之绘制背景
290 0

相关实验场景

更多