AI 助理
备案控制台
开发者社区 云计算 文章 正文

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

2023-11-04 69
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 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_())
  • 效果如下：
    在这里插入图片描述
虫无涯
目录
相关文章
长沙红胖子Qt
|
存储 编解码 缓存
Qt开发技术：Qt绘图系统（一）绘图系统介绍
Qt开发技术：Qt绘图系统（一）绘图系统介绍
长沙红胖子Qt
1501 0
Qt开发技术：Qt绘图系统（一）绘图系统介绍
泡沫o0
|
7月前
|
前端开发 数据可视化 JavaScript
【五一创作】QML、Qt Quick /Qt中绘制圆形
【五一创作】QML、Qt Quick /Qt中绘制圆形
泡沫o0
708 0
菊头蝙蝠
|
7月前
Qt6学习笔记十三(绘图)
Qt6学习笔记十三(绘图)
菊头蝙蝠
119 0
turbolove
|
XML JavaScript API
QT5图形与画图
Qt提供了很多关于获取窗体位置及显示区域大小的函数，如x( )、y()和pos()、 rect()、size()、geometry()等，统称为“位置相关函数”或"位置函数”，如图6.1 所示是几种主要的位置函数，图中清楚地标出了它们之间的区别。
turbolove
122 0
turbolove
QT图形视图系统 - 使用一个项目来学习QT的图形视图框架 - 终篇
接上一篇，我们需要继续完成以下的效果； 先上个效果图：
turbolove
128 0
跑不了的你
|
定位技术 图形学 容器
Qt5入门学习——图形视图框架
Qt5入门学习——图形视图框架
跑不了的你
390 0
Qt5入门学习——图形视图框架
长沙红胖子Qt
|
编解码 数据可视化 API
Qt开发技术：图形视图框架（一）基本介绍
Qt开发技术：图形视图框架（一）基本介绍
长沙红胖子Qt
665 0
Qt开发技术：图形视图框架（一）基本介绍
长沙红胖子Qt
|
计算机视觉
Qt实用技巧：在Qt中获取屏幕的绝对坐标
Qt实用技巧：在Qt中获取屏幕的绝对坐标
长沙红胖子Qt
1028 0
feiyangqingyun
|
程序员 C语言
Qt编写自定义控件62-探探雷达
一、前言 随着移动互联网的盛行，现在手机APP大行其道，每个人的手机没有十几个APP都不好意思说自己是现代人，各种聊天、购物、直播、小视频等APP，有个陌生人社交的APP叫探探，本人用过几次，当然不是去为了找对象，而是纯粹为了好玩研究下他的U设计和软件逻辑流程等，其中有个雷达控件，单击以后可以搜索附近的异性进行配对，这个雷达控件的效果蛮好的，于是手痒琢磨着用Qt来实现一个，毕竟自己写了150多个控件了，已经上瘾了，对各种效果都如鱼得水，看到各种效果都不自然的想到编码思路等。
feiyangqingyun
1032 0
杰克.陈
|
C#
WPF画图の利用Path画扇形（仅图形）
原文:WPF画图の利用Path画扇形（仅图形） 一、画弧 Path继承自Sharp，以System.Windows.Shapes.Shape为基类，它是一个具有各种方法的控件。 我们先看一段xaml代码： 画出图形的效果如下： 如上红色部门。
杰克.陈
3053 0