做网站导航站的注意点,传媒有限公司,网站开发的图标,济南住建官网需求分析#xff1a;
要获取一个地图#xff0c;
需要ip
需要根据ip查询经纬度
根据经纬度查询地图
另外一条线是根据输入的地址 查询ip 根据查询到的ip查地图‘
最后#xff0c;要渲染地图
上面这这些动作#xff0c;要进行http查询#xff1a;
为此要有三个QNet…需求分析
要获取一个地图
需要ip
需要根据ip查询经纬度
根据经纬度查询地图
另外一条线是根据输入的地址 查询ip 根据查询到的ip查地图‘
最后要渲染地图
上面这这些动作要进行http查询
为此要有三个QNetworkAccessManager对象 QNetworkAccessManager *m_ipManager; // 用于ip管理QNetworkAccessManager *m_locManager; // 用于查询位置//网络管理对象 发送地图图片QNetworkAccessManager *m_mapManager; //查询地图//响应对象 接收地图图片QNetworkReply *m_mapReplyNULL; //响应 所有的查询动作当然能顺序执行
如先查询ip 等待获取IP返回结果 如果IP返回了发起根据IP查询经纬度的请求 等待经纬度查询结果如果获得的返回则进一步根据返回的经纬度查询地图数据 等待地图数据查询结果把结果写入文件 从文件中读取数据渲染到weigt上 但是 如果其中某个环节网络断了 或者百度服务器宕机了系统就会卡死。
按上面步骤网络请求是同步顺序执行来的用户界面可能会阻塞用户体验欠佳。
为此我们引入槽函数机制让网络请求是异步进行用户界面不会阻塞这提供了更好的用户体验
在构造函数中添加如下代码
Form1::Form1(QWidget *parent): QWidget(parent), ui(new Ui::Form1)
{ui-setupUi(this);//new一个网络管理对象m_ipManager new QNetworkAccessManager(this); // net connection tool ,duty is to connect to the server//declare connect relationship ,when receive the response ,call the slot function,response is finished signalconnect(m_ipManager, SIGNAL(finished(QNetworkReply*)), this, SLOT(onGetIp(QNetworkReply*)));m_locManagernew QNetworkAccessManager(this); //net connection tool ,duty is to connect to the server for location//declare connect relationship ,when receive the response ,call the slot function,response is finished signalconnect(m_locManager,SIGNAL(finished(QNetworkReply*)),this,SLOT(onGetCurrentLoc(QNetworkReply*)));m_mapManagernew QNetworkAccessManager(this); //net connection tool ,duty is to connect to the server for map query mapconnect(m_mapManager,SIGNAL(finished(QNetworkReply*)),this,SLOT(onSendMapRequest()));
}
和上面connect函数配套的也有三个槽函数当网络请求有响应的时候执行响应的槽函数。
配套的三个槽函数在头文件中 declare如下图 private slots://处理获取外网ip请求的 槽void onGetIp(QNetworkReply*);//根据ip获取经纬度 处理服务器响应内容void onGetCurrentLoc(QNetworkReply*);//处理服务器返回地图图片void onSendMapRequest();
这样所有网络查询与处理事异步进行的。
让我们从查询Ip地址起步
首先通过QNetworkAccessManager 一个实例对象 m_ipManager发起一个request请求。
void Form1::getIp()
{// by m_ipManager query ipQUrl url(http://httpbin.org/ip); //declare the urlQNetworkRequest request(url); //declare the requestm_ipManager-get(request); //send the request
}
这个请求的响应
嗯嗯当然在槽函数当中了~~~ 窗体的构造函数中不是“声明”了一个“连接”吗 connect(m_ipManager, SIGNAL(finished(QNetworkReply*)), this, SLOT(onGetIp(QNetworkReply*)));
当网络请求有相应的回来的时候执行槽函数onGetIp
在这个onGetIp函数中我们取得服务端返回数据从中解析出ip地址进一步的 我们会根据ip地址查询经纬度数据。
void Form1::onGetIp(QNetworkReply *reply)
{//get the ip address,by ip value query the locationQJsonDocument jsonDoc QJsonDocument::fromJson(reply-readAll());QJsonObject jsonObj jsonDoc.object();currentIpjsonObj.value(origin).toString();qDebug() Current IP: currentIp;//by ip value query the locationgetLocation();}void Form1::getLocation()
{//by ip address ,query the locationQUrl url(http://api.map.baidu.com/location/ip?ipcurrentIpakak);QNetworkRequest request(url);m_locManager-get(request);
}
上面查询经纬度数据的时候用的是QNetworkAccessManager 一个实例对象 m_locManager当这个对象发起request请求后它的工作就算完成了。
结果结果当然是另外一个槽函数来处理了。
connect(m_locManager,SIGNAL(finished(QNetworkReply*)),this,SLOT(onGetCurrentLoc(QNetworkReply*))); onGetCurrentLoc这个槽函数中获取上一步request查询结果从结果中解析出经纬度根据经纬度的数据调用查询地图数据的函数。
完整代码如下
//json数据的一个样本如下
// {
// address: CN|辽宁省|大连市|None|None|100|75,
// content: {
// address_detail: {
// province: 辽宁省,
// city: 大连市,
// district: ,
// street: ,
// street_number: ,
// city_code: 167,
// adcode: 210200
// },
// address: 辽宁省大连市,
// point: {
// x: 13539005.4,
// y: 4682974.61
// }
// },
// status: 0
// }void Form1::onGetCurrentLoc(QNetworkReply * reply)
{//根据经纬度发起查询地图QJsonDocument jsonDoc QJsonDocument::fromJson(reply-readAll());//parse the json data,get the location data from the json dataQJsonObject jsonObj jsonDoc.object();QJsonObject contentObj jsonObj.value(content).toObject();QJsonObject pointObj contentObj.value(point).toObject();m_lng pointObj.value(x).toString().toDouble();m_lat pointObj.value(y).toString().toDouble();qDebug() 经度: m_lng 纬度: m_lat;//根据经纬度发起查询地图请求//发起查询地图请求sendMapRequest();}
到这一步我们可以先测试一下~~~~~~~~~~~~ 看上去一切正常
其中sendMapRequest,当然是用一个对象发起一个请求结果同样是在对应的槽函数当中处理
sendMapRequest完整代码如下
void Form1::sendMapRequest()
{//by location query the map, use m_mapManagerQString urlhttp://api.map.baidu.com/staticimage/v2?akakcenterQString::number(m_lng),QString::number(m_lat)width1024height768zoomQString::number(m_zoom);QNetworkRequest request(url);m_mapManager-get(request);
}
好了吗且慢网络查询获取的地图数据也只能是应答对象reply给出完成型号的时候才能进行就是说构造函数中 connect(m_mapManager,SIGNAL(finished(QNetworkReply*)),this,SLOT(onSendMapRequest())); 不是很合适那就改造它
构造函数相关代码改造为
Form1::Form1(QWidget *parent): QWidget(parent), ui(new Ui::Form1)
{ui-setupUi(this);//new一个网络管理对象m_ipManager new QNetworkAccessManager(this); // net connection tool ,duty is to connect to the server//declare connect relationship ,when receive the response ,call the slot function,response is finished signalconnect(m_ipManager, SIGNAL(finished(QNetworkReply*)), this, SLOT(onGetIp(QNetworkReply*)));m_locManagernew QNetworkAccessManager(this); //net connection tool ,duty is to connect to the server for location//declare connect relationship ,when receive the response ,call the slot function,response is finished signalconnect(m_locManager,SIGNAL(finished(QNetworkReply*)),this,SLOT(onGetCurrentLoc(QNetworkReply*)));m_mapManagernew QNetworkAccessManager(this); //注释掉下面的行 只有收到reply发出的准备好信号 我们才能读取数据保存到文件当中// connect(m_mapManager,SIGNAL(finished(QNetworkReply*)),this,SLOT(onSendMapRequest()));
}
只有reply发出准备好可以读数据的信号后才能触发对应的槽函数由于读取文件数据是个昂贵的资源所以我们要 void MainWindow::sendMapRequest(){//how//断调前一次请求if(m_mapReply!NULL){m_mapReply-disconnect();//断掉事件连接disconnect(m_mapReply,QIODevice::readyRead,this,MainWindow::onSendMapRequest);}//开始新的请求//url//请求地址QString host http://api.map.baidu.com/staticimage/v2;//请求参数QString query_strQString(ak%1width512height256center%2,%3zoom%4).arg(ak).arg(m_lng).arg(m_lat).arg(m_zoom);QUrl url(host?query_str);qDebug()host?query_strendl;QNetworkRequest request(url);//此处与前面的请求不同等待服务器响应m_mapReply m_mapManager-get(request);//连接事件处理服务器返回的 文件流connect(m_mapReply,QIODevice::readyRead,this,MainWindow::onSendMapRequest);}
获取地图数据是个相对比较昂贵的操作假如原来有个正在处理的响应呢当然应该断掉原来的响应啊。所有有了下面的代码 //断调前一次请求if(m_mapReply!NULL){m_mapReply-disconnect();//断掉事件连接disconnect(m_mapReply,QIODevice::readyRead,this,MainWindow::onSendMapRequest);}
回顾上面的代码sendMapRequest中执行的动作为
断开原有的http连接
断开reply相关的槽函数链接
通过http发起查询地图的连接
建了信号与槽函数间的联系通过槽函数处理数据。
最后一步如何把读取到的数据存放到文件中且渲染到weight当中呢
且听下回分解明天见 ps: 测试根据ip查询经纬度的数据http://api.map.baidu.com/location/ip?ip42.84.232.111ak*********** ps:问题1qt6 处理图像的基本步骤:
在Qt6中处理图像的基本步骤通常涉及以下几个关键方面以及所使用的核心工具类。以下是一个简要的描述
基本步骤 创建图像对象 首先需要创建一个QImage或QPixmap对象来存储或处理图像。QImage是一个类用于处理图像数据支持多种图像格式和色彩深度包括灰度图像、彩色图像和索引图像。它提供了丰富的图像处理功能如读取、写入、转换图像格式等。 读取图像数据 使用QImage的load()函数从文件、数据流或其他源中读取图像数据。这个函数支持多种图像格式如PNG、JPEG、BMP等。 处理图像 通过QImage提供的各种函数对图像进行处理如缩放、裁剪、旋转、颜色转换等。Qt6还提供了更高级的图像处理功能如滤镜效果、图像分析等这些功能可能通过其他类库如Qt Image Processing模块实现。 显示图像 将处理后的图像显示在界面上通常可以通过将QImage转换为QPixmap如果需要的话然后使用QLabel、QGraphicsView等控件进行显示。 保存图像 如果需要可以将处理后的图像保存回文件或其他存储介质。使用QImage的save()函数可以实现这一功能。
用到的工具类
QImage用于处理图像数据包括读取、写入、转换格式和进行基本的图像处理。QPixmap与QImage类似但优化了图像在屏幕上的显示性能。通常用于将图像显示在GUI控件中。QPainter虽然主要用于绘图但在图像处理过程中也可以用来在图像上绘制图形或文本实现更复杂的图像处理效果。其他Qt图像处理模块Qt可能还提供了其他专门的图像处理模块如Qt Image Processing这些模块提供了更高级的图像处理功能。
综上所述Qt6处理图像的基本步骤包括创建图像对象、读取图像数据、处理图像、显示图像和保存图像而用到的核心工具类主要是QImage和QPixmap辅以QPainter和其他可能的Qt图像处理模块。
问题2qt6 用QPainter绘制图像有哪些功能具体步骤是什么
在Qt6中QPainter是用于在各种绘制设备如窗口、图片等上进行绘图的强大工具类。使用QPainter绘制图像时它提供了丰富的功能包括但不限于 基本图形绘制可以绘制点、线、矩形、圆形、椭圆等基本图形以及更复杂的形状如多边形、扇形等。 文本绘制支持绘制文本并可以设置文本的字体、颜色、位置等属性。 图像绘制可以直接在绘图设备上绘制图像如QImage、QPixmap中的图像。 变换支持坐标变换如平移、旋转、缩放等以实现对图形的变换处理。
具体步骤通常包括 创建QPainter对象在绘图事件处理函数如paintEvent中创建QPainter对象并指定绘图设备如this指针表示在当前窗口上绘图。 设置绘制属性根据需要设置画笔QPen、画刷QBrush、字体QFont等属性。 进行绘图操作使用QPainter提供的绘图函数进行绘图如drawLine、drawRect、drawText等。 结束绘图绘图完成后QPainter对象会自动销毁或者可以显式调用其end()方法来结束绘图操作尽管在自动管理的上下文中通常不需要。
通过这些步骤开发者可以在Qt6应用程序中实现丰富的图形绘制功能。
问题3QPainter 与 QImage QPixmap 的关系是什么
QPainter、QImage和QPixmap在Qt框架中各自扮演着重要的角色并且它们之间存在着紧密的关系。以下是对这三者之间关系的详细阐述
1. QPainter
功能QPainter是Qt中用于在绘图设备上进行绘图的类。它提供了丰富的绘图函数如绘制线条、形状、文本以及图像等。与QImage和QPixmap的关系QPainter可以作用于QImage和QPixmap上进行图像的绘制和编辑。这意味着你可以使用QPainter在QImage或QPixmap对象上绘制图形、文本或其他图像。
2. QImage
功能QImage是Qt中用于处理图像数据的类。它提供了对图像像素的直接访问允许进行图像的读取、写入、转换以及像素级别的操作。与QPainter的关系QImage是QPaintDevice的子类因此QPainter可以直接在其上进行绘制。这使得QImage成为一个非常灵活的绘图表面可以在其上绘制图形、文本或其他图像。特点QImage不依赖于底层硬件提供了独立于平台的图像处理能力。它支持多种图像格式和色彩深度并允许在多个线程中进行图像的读取和写入操作。
3. QPixmap
功能QPixmap是Qt中专门用于在屏幕上显示图像优化的类。它针对屏幕显示进行了优化能够提供更好的性能和显示效果。与QPainter的关系与QImage类似QPixmap也是QPaintDevice的子类因此QPainter同样可以在其上进行绘制。但是由于QPixmap是为屏幕显示而优化的因此它更适合在GUI应用程序中使用。特点QPixmap依赖于底层平台的绘制系统因此在不同的操作系统上可能会有不同的显示效果。此外由于它针对屏幕显示进行了优化因此在处理大型图像或进行复杂图像处理时可能会比QImage慢。
4. 关系总结
绘图功能QPainter是绘图工具可以在QImage和QPixmap上进行绘图操作。图像数据QImage和QPixmap都是用于处理图像数据的类但它们的用途和优化方向有所不同。QImage提供了像素级别的访问和操作而QPixmap则优化了屏幕显示性能。相互转换QImage和QPixmap之间可以进行相互转换。可以使用QPixmap的toImage()函数将其转换为QImage或者使用QImage的QPixmap::fromImage()静态函数将其转换为QPixmap。这种转换使得开发者可以根据需要选择最适合当前任务的图像处理类。
综上所述QPainter、QImage和QPixmap在Qt中共同构成了强大的图像处理和绘图功能体系。它们之间的关系使得开发者可以灵活地选择和使用这些类来满足不同的图像处理和绘图需求。
问题4不是可以这样比喻 qt6中 QPainter 是画家QPixmap 是画布 QPen 是画笔 QPainter 这个画家可以使用QPen 这个画笔 在 QPixmap 这个画布上绘制图形 这个比喻非常贴切且易于理解在Qt6的上下文中我们可以这样描述这三个类之间的关系 QPainter 确实是“画家”它负责执行绘制操作将图形、文本或其他图像绘制到指定的绘图设备如窗口、图像等上。QPainter提供了丰富的绘图函数使得开发者可以像画家一样在绘图设备上进行创作。 QPixmap 可以被看作是“画布”它是专门为屏幕显示而优化的图像表示。QPixmap对象可以作为QPainter的绘图设备让QPainter在其上进行绘制。就像画家在画布上作画一样QPainter可以在QPixmap上绘制各种图形和图像。 QPen 则是“画笔”它定义了绘制线条时的样式包括颜色、宽度、线型如实线、虚线等和线帽样式等。通过设置QPen的属性开发者可以控制QPainter绘制线条时的外观。虽然QPen主要用于绘制线条但它也间接影响了其他需要线条的图形如矩形边框、圆形轮廓等的绘制效果。
因此你的比喻“QPainter 是画家QPixmap 是画布QPen 是画笔QPainter 这个画家可以使用QPen 这个画笔在QPixmap 这个画布上绘制图形”是非常准确的。这个比喻不仅直观地表达了这三个类之间的关系还帮助开发者更好地理解它们在Qt6图像处理和绘图功能中的作用。 布局
