需求

  手机模拟器伸缩旋转框架,中间为容器区域预留,给手机模拟器;

 

目标效果

  

 

功能

  1.四个角鼠标图标切换,并且点击可拉伸;
  2.手机框区域,鼠标点击可以拽托;
  3.透明窗口的使用;
  4.横竖屏的切换,,使用F1功能键;

 

原理

  使用QRegion和QRect对鼠标区域进行判断;
  使用QPainter进行绘制;
  使用qss定制按钮样式;
  对QWidget的paintEvent和resizeEvent使用;

 

涉及技术博文

Demo:手机模拟器拉伸旋转框架 v1.0.0

  

 

体验下载地址

  CSDN:https://download.csdn.net/download/qq21497936/12530739
  QQ群:1047134658(点击“文件”搜索“MobileFrame”,群内与博文同步更新)

 

核心代码

MobileWidget.h

#ifndef MOBILEWIDGET_H
#define MOBILEWIDGET_H #include <QWidget>
#include <QPainter>
#include <QMouseEvent> namespace Ui {
class MobileWidget;
} class MobileWidget : public QWidget
{
Q_OBJECT
public:
enum DIRECT {
DIRECT_VERTICAL = 0x00,
DIRECT_HORIZONTAL = 0x01,
};
public:
explicit MobileWidget(QWidget *parent = 0);
~MobileWidget(); protected:
void mousePressEvent(QMouseEvent *event);
void mouseMoveEvent(QMouseEvent *event);
void mouseReleaseEvent(QMouseEvent *event);
void paintEvent(QPaintEvent *event);
void resizeEvent(QResizeEvent *event);
void keyPressEvent(QKeyEvent *event); protected:
void drawBackground(QPainter *painter); private:
Ui::MobileWidget *ui; int _minWidth; // 最小宽度
int _minHeight; // 最小高度
int _radius; // 圆角角度
int _spaceWidth; // 圆角到中间的边框高度
int _borderWidth; // 两边窄边的宽度
int _earY; // 耳机框的y坐标
int _earWidth; // 耳机框的宽度
int _earHeight; // 耳机框的高度 bool _vertical;
QColor _transparentColor; // 四个直角透明区域颜色 QRect _cornerRect1; // 四个圆角区域矩形 1->2->3->4 = 左上->右上->左下->右下
QRect _cornerRect2; // 四个圆角区域矩形
QRect _cornerRect3; // 四个圆角区域矩形
QRect _cornerRect4; // 四个圆角区域矩形 QRect _borderRect1; // 左边界
QRect _borderRect2; // 右边界 QRect _topBorderRect1; // 顶部边框圆角部分
QRect _topBorderRect2; // 顶部边框圆角下部
QRect _bottomBorderRect1; // 底部边框圆角部分
QRect _bottomBorderRect2; // 底部边框圆角上部 QRect _centerRect; // 中心容器区域 QRect _earRect; // 耳机框区域 QRegion _moveRegion; // 鼠标点击可移动的区域
QRegion _stretchRegion1; // 鼠标点击可拉伸的区域
QRegion _stretchRegion2; // 鼠标点击可拉伸的区域
QRegion _stretchRegion3; // 鼠标点击可拉伸的区域
QRegion _stretchRegion4; // 鼠标点击可拉伸的区域 bool _leftButtonPressed; // 鼠标左键按钮
QPoint _beginPoint; // 鼠标左键按钮按下时的坐标
QPoint _leftTopPoint; // 窗口左上角的坐标
bool _stretchRegion1Pressed;// 拉伸按钮区域
bool _stretchRegion2Pressed;// 拉伸按钮区域
bool _stretchRegion3Pressed;// 拉伸按钮区域
bool _stretchRegion4Pressed;// 拉伸按钮区域
QRect _beginRect; // 拉伸开始时的原始窗口 DIRECT _direct; // 方向是水平还是垂直 QRect _buttonRectIcon;
QRect _buttonRectService;
QRect _buttonRectMax;
QRect _buttonRectMin;
QRect _buttonRectExit;
QRect _buttonRectLeft;
QRect _buttonRectMiddle;
QRect _buttonRectRight;
}; #endif // MOBILEWIDGET_H

MobileWidget.cpp

#include "MobileWidget.h"
#include "ui_MobileWidget.h"
#include <QDebug> MobileWidget::MobileWidget(QWidget *parent) :
QWidget(parent),
ui(new Ui::MobileWidget),
_minWidth(400),
_minHeight(400),
_radius(50),
_spaceWidth(35),
_borderWidth(3),
_earY(30),
_earWidth(100),
_earHeight(10),
_transparentColor(QColor("#02000000")),
_leftButtonPressed(false),
_stretchRegion1Pressed(false),
_stretchRegion2Pressed(false),
_stretchRegion3Pressed(false),
_stretchRegion4Pressed(false),
_direct(DIRECT::DIRECT_VERTICAL)
{
ui->setupUi(this);
setWindowFlag(Qt::FramelessWindowHint);
setAttribute(Qt::WA_TranslucentBackground);
setMouseTracking(true); setMinimumSize(_minWidth, _minHeight);
} MobileWidget::~MobileWidget()
{
delete ui;
}
...
void MobileWidget::mousePressEvent(QMouseEvent *event)
{
if(event->button() == Qt::LeftButton)
{
if(_moveRegion.contains(event->pos()))
{
_leftButtonPressed = true;
}
if(_stretchRegion1.contains(event->pos()))
{
_stretchRegion1Pressed = true;
}else if(_stretchRegion2.contains(event->pos()))
{
_stretchRegion2Pressed = true;
}else if(_stretchRegion3.contains(event->pos()))
{
_stretchRegion3Pressed = true;
}else if(_stretchRegion4.contains(event->pos()))
{
_stretchRegion4Pressed = true;
}
_beginPoint = QCursor::pos();
_leftTopPoint = geometry().topLeft();
_beginRect = geometry();
}
QWidget::mousePressEvent(event);
}
...
void MobileWidget::mouseReleaseEvent(QMouseEvent *event)
{
if(event->button() == Qt::LeftButton)
{
_leftButtonPressed = false;
_stretchRegion1Pressed = false;
_stretchRegion2Pressed = false;
_stretchRegion3Pressed = false;
_stretchRegion4Pressed = false;
}
QWidget::mouseReleaseEvent(event);
}
...
void MobileWidget::keyPressEvent(QKeyEvent *event)
{
if(event->key() == Qt::Key_F1)
{
qDebug() << __FILE__ << __LINE__;
if(_direct == DIRECT_HORIZONTAL)
{
_direct = DIRECT_VERTICAL;
int width = rect().width();
int height = rect().height();
resize(height, width);
}else if(_direct == DIRECT_VERTICAL)
{
_direct = DIRECT_HORIZONTAL;
int width = rect().width();
int height = rect().height();
resize(height, width);
} }
}
 

项目实战:Qt手机模拟器拉伸旋转框架的更多相关文章

  1. Android项目实战_手机安全卫士splash界面

    - 根据代码的类型组织包结构 1. 界面 com.hb.mobilesafe.activities 2. 服务 com.hb.mobilesafe.services 3. 业务逻辑 com.hb.mo ...

  2. Android项目实战_手机安全卫士程序锁

    ###1.两个页面切换的实现1. 可以使用Fragment,调用FragmentTransaction的hide和show方法2. 可以使用两个布局,设置visibility的VISIABLE和INV ...

  3. Android项目实战_手机安全卫士系统加速

    ## 1.本地数据库自动更新的工作机制1. 开启一个服务,定时访问服务器2. 进行版本对比,如果最新版本比较高,获取需要更新的内容3. 将新内容插入到本地数据库中 ## 2.如何处理横竖屏切换1. 指 ...

  4. Android项目实战_手机安全卫士拦截骚扰

    ###1.骚扰拦截需求分析1.界面1.1 黑名单列表界面1.2 添加黑名单界面2.功能2.1 黑名单的添加.删除2.2 拦截电话2.3 拦截短信 ###2.黑名单数据库的创建1.分析需要的字段id 主 ...

  5. MVC + EFCore 项目实战 - 数仓管理系统2- 搭建基本框架配置EFCore

    本次课程就正式进入开发部分. 首先我们先搭建项目框架,还是和之前渐进式风格保持一致,除必备组件外,尽量使用原生功能以方便大家理解. 开发工具:vs 2019 或以上 数据库:SQL SERVER 20 ...

  6. Android项目实战_手机安全卫士软件管家

    ###1.应用程序信息的flags 1. int flags = packageInfo.applicationInfo.flags2. 0000 0000 0000 0000 0000 0000 0 ...

  7. Android项目实战_手机安全卫士手机防盗界面

    #安全卫士手机防盗# ###1.Activity的任务栈 1.类似一个木桶,每层只能放一个木块,我们放入木块和取出木块的时候只能从最上面开始操作 ###2.Android中的坐标系![](http:/ ...

  8. Android项目实战_手机安全卫士home界面

    # 安全卫士主页面# ###1.GridView控件 1.与ListView的使用方式差不多,也要使用数据适配器,通过设置android:numColumns控制显示几列 2.通过指定android: ...

  9. Android项目实战_手机安全卫士流量统计

    ## 1.抽屉控件SlidingDrawer:一定要配置android:handle(把手)和android:content(内容),并在子View中添加把手和内容的布局```java <Sli ...

随机推荐

  1. vue-cli3或者4中如何正确的使用public中的图片

    标题说的很清楚了,就是要使用public中的图片 那么为什么要把图片放到public中呢,其实官网上面也说了,要么是需要动态引入非常多的图片,特别是小图标,如果放在assert中的话,会被webpac ...

  2. 发光加载环动画-纯CSS动画效果-如何创建CSS3旋转预加载器(参照https://www.bilibili.com/video/BV1V4411C7z5?from=search&seid=9741275927942612817)

    //css部分 body{ margin:; padding:; background: #262626; } .ring{ position: absolute; top:50%; left: 50 ...

  3. eatwhatApp开发实战(十二)

    上次我们介绍了跳转activity并且实现传值的功能,今天我们来实现双击返回键退出app的功能,上代码: 这里我们有两种方式去实现点击事件: 第一种方式: /** * 返回键的监听(系统提供的) */ ...

  4. [批处理教程之Shell]001.文本处理

    在计算机科学中,Shell俗称壳(用来区别于核),是指“提供使用者使用界面”的软件(命令解析器).它类似于DOS下的command和后来的cmd.exe.它接收用户命令,然后调用相应的应用程序. 同时 ...

  5. Java中的集合(十四) Map的实现类LinkedHashMap

    Java中的集合(十四) Map的实现类LinkedHashMap 一.LinkedHashMap的简介 LinkedHashMap是Map接口的实现类,继承了HashMap,它通过重写父类相关的方法 ...

  6. 关于oauth安全

    白话认证流程 A)用户打开客户端以后,客户端要求用户给予授权.(比如说你登陆淘宝,通过QQ这个第三方来登录时,这个时候淘宝将你引导至QQ的认证服务器) B)用户同意给客户端授权.(这个时候在你手机上弹 ...

  7. 服务器ip地址 服务器ip登录方法

    服务器是指保存有该网络中所有主机的域名和对应IP地址,并具有将域名转换为IP地址功能的服务器.其中域名必须对应一个IP地址,一个域名可以有多个IP地址,而IP地址不一定有域名.   简单的解释就是:服 ...

  8. Orcle 查询语句

    首先,以超级管理员的身份登录oracle       sqlplus sys/bjsxt as sysdba   --然后,解除对scott用户的锁       alter user scott ac ...

  9. Linux (九)服务器环境搭建

    个人博客网:https://wushaopei.github.io/    (你想要这里多有) 一.行为守则 1.拍摄快照 Linux系统操作非常复杂,搭建开发环境时全部使用命令完成安装过程.而在Li ...

  10. Java实现 LeetCode 468 验证IP地址

    468. 验证IP地址 编写一个函数来验证输入的字符串是否是有效的 IPv4 或 IPv6 地址. IPv4 地址由十进制数和点来表示,每个地址包含4个十进制数,其范围为 0 - 255, 用(&qu ...