注册 登录  
 加关注
查看详情
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

创思通信官网:www.csgsm.com

创思通信-引领物联网新时代 520ic.taobao.com

 
 
 

日志

 
 
 
 

qt WebKit 3  

2010-03-06 20:14:27|  分类: Linux 、windows |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

.首先,让我们展示一幅QWebView的网页效果图:

想要实现上面的效果很简单,你只需要完成三个步骤

1.建立一个QWebView对象,QWebView *view = new QWebView(parent);其中parent为父类.如果想要QWebViewtop window,可以设置parent = 0
2.调用loadsetUrl方法设置要显示的网页.注意网页的格式以http://开头
3.调用show方法显示QWebView
 
完整的代码为:
QWebView *view = new QWebView(parent);        //步骤1
view->load(QUrl("http://qtsoftware.com/"));   //步骤2
view->show();  //步骤3
 

.QWebView除了用load方法设定网页路径外,也可以使用setHtml方法加载html格式的网页,这里我们以加载google地图插件为例.最后的效果图为:

             1.第一步,我们通过google地图获取插件的代码。进入google地图页面,点击链接,获取代码
        
2.获取到得代码为:
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://ditu.google.cn/maps?hl=zh-CN&amp;q=%E5%9C%B0%E5%9B%BE&amp;ie=UTF8&amp;brcurrent=3,0x31508e64e5c642c1:0x951daa7c349f366f,0%3B5,0,0&amp;ll=38.005263,115.357367&amp;spn=15.390188,22.535491&amp;output=embed">
</iframe>
<br /><small><a href="http://ditu.google.cn/maps?hl=zh-CN&amp;q=%E5%9C%B0%E5%9B%BE&amp;
ie=UTF8&amp;brcurrent=3,0x31508e64e5c642c1:0x951daa7c349f366f,0%3B5,0,0&amp;
ll=38.005263,115.357367&amp;spn=15.390188,22.535491&amp;source=embed" style="color:#0000FF;text-align:left">查看大图</a>
</small>
我们可以删去brsmalla标记,最后在代码前后添加<html></html>标记
将文件保存为*.html(注:删除的部分为屏蔽google地图的右键效果,可以保留)
3.调用QWebViewsetHtml方法设定上述文件的路径,然后用show方法显示google地图
  评论这张
 
阅读(1117)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018