第九章 多视窗口框架
09第九讲窗口框架
窗口框架的控制——水平/垂直分割窗口属 性rows／cols
格式：<frameset rows=“值1，值2…，值n”> <frameset cols=“值1，值2…，值n”> 说明： (1)rows后面的值，说明窗口横向分隔的情况；cols后面的值，说明窗口纵向 分隔的情况。 (2)各参数值之间用逗号分隔，依次表示各个子窗口的高度（宽度）。 (3)rows cols (3)rows和 cols可以用数字、百分比和剩余值及这三种方式的混合方式来表示。 (a)数字：表示子窗口高度(宽度)所占的像素点数。 (b)百分比：表示子窗口高度(宽度)占整个测览器窗口高度(宽度)的百分比 (c)剩余值( * )： 表示当前所有窗口设定之后的剩余部分。当符号“*”只出 现一次即其他子窗口的大小都有明确的定义时，表示该子窗口的大小将根 据测览器窗口的大小而进行自动调整。当符号”*” 出现一次以上时，表 示按比例分割测览器窗口的剩余空间。 例：<frameset cols=“40%,2*,* ”> 例：<frameset cols=“179,*”>
子窗口设置标签<frame>
在窗口框架建立起来后，应在各个子窗口内放入 相应的信息。子窗日的初始化是用<frame>标签 来描述的。 屏幕上的每一个子窗口均对应一个<frame>标签。 用<frame>标签中的src属性链接相应的文件，该 文件的内容就显示在<frame>标签对应的窗口之 中。 <frame>是个单向标签，使用时，写在 <frameset>开始和结束标签之间。有六个属性src， name，marginwidth，marginheight，scrolling， noresize
计算机视觉中的多视几何
计算机视觉中的多视几何多视几何是计算机视觉领域中的一个重要分支，它研究如何从多个视角的图像中获取三维物体的信息。
本文将介绍多视几何的基本概念、常见方法以及应用。
一、多视几何的基本概念多视几何主要研究相机之间的空间关系及其对图像的几何变换。
在多视几何中，通常假设相机遵循针孔相机模型，即相机投影是通过沿光线将三维点投影到成像平面上的方式实现的。
这种假设简化了多视几何问题的数学表述。
在多视几何中，存在着多个视角或相机，每个视角拍摄到的图像都包含了一部分目标物体的信息。
不同视角下的图像可以通过几何变换相互对应，从而形成更全面的物体描述。
多视几何的目标是通过对多个视角下的图像进行分析和匹配，获得物体的三维结构和姿态。
二、多视几何的常见方法1.立体视觉立体视觉是多视几何的一个重要分支，它主要关注于从成对的立体图像中恢复场景中物体的深度信息。
立体视觉的主要任务是进行视差估计，即在两个视图中找到对应的特征点，并通过视差值计算物体的深度。
常用的立体视觉方法包括基于特征点匹配的方法、基于区域的方法以及基于能量优化的方法。
2.三维重建三维重建是多视几何的另一个重要研究方向，它旨在通过多个视角下的图像恢复出物体的三维结构。
三维重建的主要任务是通过多视图几何的理论和方法，将多个二维图像中的特征点或特征区域对应起来，并通过三角剖分和立体校正等技术进行三维重建。
常见的三维重建方法包括基于立体匹配的方法、基于结构光的方法以及基于视差图的方法。
3.多视图几何与运动恢复多视图几何与运动恢复关注的是相机的运动估计和3D结构恢复问题。
例如，基于特征点匹配的方法可以通过计算相邻帧之间的运动矩阵来估计相机的运动。
通过多个相机的视角，可以利用多视图的几何关系计算出物体的相对位置和运动轨迹。
三、多视几何的应用1.3D建模与重建多视几何可以用于三维建模与重建，例如通过从多个视角拍摄的图像生成三维模型。
这在虚拟现实、游戏开发、建筑设计等领域都有广泛的应用。
dreamweaver教程
目录第一章：认识Dreamweaver MX 2004第二章：创建站点第三章：设置首页第四章：插入文本第五章：插入图象第六章：插入多媒体]第七章：建立网页链接第八章：表格第九章：层第十章：框架第十一章：表单第十二章：使用CSS第十三章：行为第十四章：资源第十五章：模板第一章：认识DreamWeaver一、认识DreamWeaver⑴标题栏⑵菜单栏⑶工具栏查看/工具栏/插入、文档、标准或插入工具栏/插入⑷网页的编辑窗口标记⑸属性面板⑹浮动控制面板（组）把鼠标放在有麻点的粘黑三角附近可移到任何位置，同时，采用同样的方式也可以拖回来。
二、更件要求：PⅢ600MHz处理器Window98以上至少128M内存、建议采用256M内存至少275Mb的可用磁盘空间显示器：1024×768百万种颜色显示器第二章：创建站点一、网站分析企划（1）要做什么类型网站，例商业的，个人的个人：在设计上不拘束，发挥自己的想象力商业：考虑公司的形象和网站的统一性，避免太过浮躁，表现太多个人想法。
（2）网站分析企业网站的名称：性质：未来网站浏览者特征：主要应用群体网站的风格：自已的特色网站分类：各个大模块收集素材：文本、图象、动画、视频二、站点（1）创建站点菜单站点/管理站点/否/选择无/完成（2）编辑站点站点/管理站点/编辑（与新建站点一样）◆复制：跟复制文件一样◆删除：只要选中要删除的站点◆导出：此站点（选中）导出一个扩展为.ste文件做备份用。
各计算机移动站点，与其它用户共享。
（3）导入：将导出的站点，重新添加到站点列表中，经供使用。
三、创建站点内容建立：右侧的浮动面板组/文件/文件/右键击本地根目录文件夹/可新建网页和文件夹删除：选中删除项目/按下键盘中的DEL键，弹出对话框，确定。
四、“文件浮动面板”右侧的浮动面板，相当于快捷键，熟练掌握。
第三章设置首页一、首页：每个网站都有首页，代表网站的风格与特色，网站上其它网页必须通过首页散发出去，可见道的重要性。
静态分割窗口与多视图实例
静态分割窗口与多视图实例所谓多视，是指在同一个框架窗口下同时显示多个视图。
通过运用这种技术，可以在框架的有限的空间内同时提供给用户更大的信息量，并且使得用户界面更加的友好，增强了软件的可操作性。
窗口分割的基本概念按照分割的时机的不同，窗口分割可以分为两类：动态分割和静态分割。
动态分割是指用户可以动态的分割和合并窗口。
动态分割最多可以有2行2列个窗口，并且所有的窗格只能使用同一种视图类。
静态分割是指窗口在创建时，分割窗格窗口的窗格已经创建好了，且窗格的数量和顺序不会改变了，窗格为一个分隔条所分割，用户可以拖动分割条调整相应的窗格的大小。
静态分割窗口最多可以有16行16列的窗格，但是各个窗格可以使用不同的视图类。
无论创建那一种分割，都必须在创建时指定最大的行数和列数，这些值是有CSplitterWnd 对象进行管理。
对于静态分割，必须创建指定数目的所有窗格以填满行和列。
而对于动态分割，第一个窗格将在框架创建CSplitterWnd对象时自动创建。
窗口分割支持类CSplitterWndCSplitterWnd类主要为窗口的风格提供了封装，窗口被分厂各个窗格后，又该类的对象负责管理。
对于windows而言，CSplitterWnd是一个真正的窗口，它完全占据了框架窗口的用户区域，而视图则占据了分割窗口的床片区域。
CSplitterWnd窗口不参与命令传递机制。
使用时，CSplitterWnd对象通常为其父框架窗口CFrameWnd或CMDIChildWnd（MID应用中）对象的内嵌成员。
CSplitterWnd对象创建过程如下。
在父框架窗口中嵌入CSplitterWnd类的对象成员；重载父框架窗口的CFrameWnd::OnCreateClient成员函数；从上一步重载的函数内部调用Create创建动态分割窗口或者调用CreateStatic创建静态的分割窗口。
下面介绍CsplitterWnd类的几个常用的函数创建动态分割窗口函数Create该函数用于动态创建分割窗口，同时将该窗口与类CSplitterWnd相关联，其生声明如下：BOOL Create(CWnd* pParentWnd, int nMaxRows, int MaxCol, SIZE sizeMin, CcreateContext* pContext, DOWRD dwStyle = WS_CHILD |WS_VISIBLE | WS_HSCROLL | WSVSCROLL | SPLS_DYNAMIC_SPLIT,UINT nID=AFX_IDW_PANE_FIRST);各主要参数的含义如下：pParentWnd：分割窗口的父框架窗口的指针nMaxRows和你MaxCols：行与列的最大值，二者均不大于二sizeMin：指定窗格被显示时的最小值。
WTL起步-玩转图形界面分析
MicrosoftWTL起步玩转图形界面吴助建08目录序言 (3)第一部分基础篇 (5)第一章WTL的基础--ATL (5)第二章WTL之路 (11)第三章命令条 (14)第四章带视图的框架窗口 (15)第五章使用MRU (17)第六章创建多线程SDI应用程序 (19)第七章创建MDI应用程序 (23)第八章分隔窗口 (26)第九章GDI的封装 (31)第十章CString及其它 (34)第十一章动态数据交换（DDX）的WTL支持 (35)第十二章WTL向导 (37)第十三章WTL例程 (39)第二部分提高篇 (40)第一章位图视图的例程 (40)第二章上下文菜单 (41)第三章滚动视图 (43)第四章通用对话框 (45)第五章控件封装 (47)第六章打印与打印预览 (52)第七章属性页 (56)第八章消息过滤 (59)第九章空闲处理 (62)第十章UI更新 (63)第十一章消息分解 (65)第十二章WTL的未来 (67)序言WTL是2000年1月随Windows的平台SDK始发的。
起初是ATL项目组写的一个基于ATL的，封装了相关win32窗口API的例程。
自ATL2.0开始，ATL就已经有一些简单的相关窗口函数的封装类，例如：CWindow，CWindowImpl 和CDialogImpl。
然而，当我们比较MFC的界面相关部分的功能时，ATL对界面编程的支持简直就是一个玩笑。
甚至到了ATL3.0，ATL仍然没有对诸如MDI，命令条，DDX，打印，GDI等流行功能的支持。
最被人喜爱的MFC的CString 也没被支持进来。
没有对这些功能的支持，ATL很难满足拥有压倒性数量的使用MFC的编程人员的需求。
WTL就是表1 WTL与MFC的比较当然，WTL不可能(也不愿意)做所有MFC都能做的事儿。
MFC支持经典的OLE，文档/视图框架和可停靠窗口，而WTL没有。
而且还缺乏微软的“官方”支持。
然而，来自于前ATL项目组成员，以及活跃在ATL开发社区的“非官方”支持，可以减轻您对支持方面的担心。
第九章多文档界面(MDI)
PS_INSIDEFRAME 在一个封闭形状的框架内画线，若设定的颜 色不能在调色板种找到且线宽大于1，Windows会使用一种混色。 PS_NULL 空的画笔，什么也不画
9.1多文档界面窗口
MDI 框架窗口为层叠、平铺、排列子窗口和新建子窗口等一些 标准窗口操作提供了缺省的菜单响应。 在响应新建子窗口命令时，框架调用 CDocTemplate::CreateNewFrame() 为当前活动文档创建一个子窗口。 CreateNewFrame() 不仅创建子窗口，还创建与文档相对应的视 图。 下面，我们结合一个绘图程序例子，介绍多文档界面技术。 在此之前，我们首先要介绍一下如何在Windows 中绘图以及 Windows 的图形设备接口（GDI ）。
CClientDC（客户区设备上下文）用于客户区的输出，它在构造 函数中封装了GetDC()，在析构函数中封装了ReleaseDC()函数。 一般在响应非窗口重画消息（如键盘输入时绘制文本、鼠标绘图） 绘图)时要用到它。
用法是：
CClientDC dc(this); //this一般指向本窗口或当前活动视图
9.2 图形设备接口（GDI）
光栅输出 光栅图形的输出是指光栅图形函数对以位图形式存储的数据进行 操作，它包括各种位图和图标的输出。 在屏幕上表现为对若干行和列的像素的操作，在打印机上则是若 干行和列的点阵的输出。 光栅图形输出的优点是速度很快，它是直接从内存到显存的拷贝 操作。 缺点是需要额外的内存空间。 Windows在绘制界面时使用了大量的光栅输出。
框架实现多窗口页面
网页设计与制作技术
框架集 使用框架可以把浏览器窗口划分为若干个区域， 使用框架可以把浏览器窗口划分为若干个区域， 每个区域就是一个框架。 每个区域就是一个框架。 即在一个浏览器窗口分别显示不同的HTML页面。 页面。 即在一个浏览器窗口分别显示不同的 页面 在框架网页中同时还需要有一个文件记录框架的 数量、布局方式、链接和属性等信息， 数量、布局方式、链接和属性等信息，这个文件 就是框架集。 就是框架集。
课后练习
创建如图所示的框架结构网页， 创建如图所示的框架结构网页，上部为固 定的导航区，左边栏目为网页导航区， 定的导航区，左边栏目为网页导航区，右 边为信息内容区。 边为信息内容区。
网页设计与制作技术
网页设计与制作技术
浮动框架 浮动框架是一种可以嵌入网页的特殊框架。 浮动框架是一种可以嵌入网页的特殊框架。与一 般框架不同，它不以框架集为基础， 般框架不同，它不以框架集为基础，可以插入到 任何网页中。 任何网页中。
Iframe标记的常用属性 标记的常用属性 属性 src width、height 、 Scrolling FrameBorder Name 网页设计与制作技术 描述 文件的路径， 文件的路径，表示浮动框的源文件 浮动框架区域的宽与高 指定的文件在区域内显示不完时， 当src指定的文件在区域内显示不完时，是否滚动 指定的文件在区域内显示不完时 浮动框架的宽度 框架的名称， 框架的名称，用来进行识别
框架布局网页
该网页将浏览器窗口分割成三个部分：分别是上、左下、 该网页将浏览器窗口分割成三个部分：分别是上、左下、 右下3个框架。 右下 个框架。这种框架称为嵌套结构框架 个框架
网页设计与制作技术
指定框架页的超链接
第九章-嵌入式系统设计与应用—基于ARM...和Linux(第2版)-王剑-清华大学出版社
在“All Qt Modules”页面Qt的模块被分为了三 部分：
Qt 基本模块（Qt Essentials）、 Qt扩展模块（Qt Add-Ons）、 Qt工具（Qt Tools）
模块 Qt Core Qt GUI Qt Multimedia Qt Network Qt QML Qt Quick Qt SQL Qt Test Qt WebKit Qt WebKit Widgets Qt Widgets
Qt支持下列平台： MS/Windows - 95、98、NT4.0、ME、2000、 XP 、 Vista、Win7、win8、win10； Unix/X11 -Linux、Solaris、HP-UX、 CompaqTru64 UNIX、IBMAIX、SGI IRIX、 FreeBSD、BSD/OS和其它X11平台； Macintosh -Mac OS X； 嵌入式Linux平台（有帧缓冲支持）、Windows CE； Symbian、haiku-os等。
描述
使用其它模块的核心非图形类
图形用户界面（GUI）组件的基础类，包括OpenGL
处理音频、视频、广播、摄像头功能的类
使网络编程更容易，更方便的类
QML和JavaScript的类
自定义用户界面构建高度动态的应用程序的声明性框架
使用SQL集成数据库的类
表9-1 Qt基本模块组成
进行Qt应用程序和库单元测试的类
signal和slot机制真正实现了封装的概念， slot除了接收signal之外和其它的成员函数没有 什么不同，而且signal和slot之间也不是一一对 应的。
第9章 QT图形界面应用程序开发基础
目录
9.1 Qt简介 9.2 Qt5概述 9.3 信号和插槽机制 9.4 Qt程序设计 9.5 Qt数据库应用
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
第九章多视窗口框架9-1 框架的含义和基本构成框架就是把一个浏览器窗口划分为若干个小窗口，每个窗口可以显示不同的URL 网页。
使用框架可以非常方便的在浏览器中同时浏览不同的页面效果，也可以非常方便的完成导航工作。
而所有的框架标记要放在一个html 文档中。
html页面的文档体标签<body>被框架集标签<frameset>所取代，然后通过<frameset>的子窗口标签<frame>定义每一个子窗口和子窗口的页面属性。
语法格式：<html><head> </head><frameset><frame src="url地址1"><frame src="url地址2">......<frameset></html>Frame子框架的src属性的每个URL值指定了一个html文件（这个文件必须事先做好）地址，地址路径可使用绝对路径或相对路径，这个文件将载入相应的窗口中。
框架结构可以根据框架集标签<frameset>的分割属性分为3种：1.左右分割窗口2.上下分割窗口3.嵌套分割窗口9-2 框架集<frameset>控制<frameset>的属性1.左右分割窗口属性：cols如果想要在水平方向将浏览器分割多个窗口，这需要使用到框架集的左右分割窗口属性cols.分割几个窗口其cols的值就有几个，值的定义为宽度，可以是数字(单位为像素)，也可以是百分比和剩余值。
各值之间用逗号分开。
其中剩余值用"*"号表示，剩余值表示所有窗口设定之后的剩余部分，当"*"只出现一次时，表示该子窗口的大小将根据浏览器窗口的大小自动调整，当"*"出现一次以上时，表示按比例分割剩余的窗口空间。
cols的默认值为一个窗口如：<frameset cols="40%,2*,*"> 将窗口分为40%，40%，20%<frameset cols="100,200,*"><frameset cols="100,*,*"> 将100像素以外的窗口平均分配<frameset cols="*,*,*"> 将窗口分为三等份2. 上下分割窗口属性：rows上下分割窗口的属性设置和左右窗口的属性设定是一样的，参照上面所述就可以了。
9-3 子窗口<frame>标签的设定<frame>是个单标签,<frame>标签要放在框架集frameset中,<frameset>设置了几个子窗口就必须对应几个<frame>标签，而且每一个<frame>标签内还必须设定一个网页文件（src="*.html",其常用属性有:<frame>常用属性子窗口的排列遵循从左到右，从上到下的次序规则。
一、窗口的左右设定：实例一sl9-1.html首先我们新建一个文件夹，然后做四个要放到子窗口中的页面，sl1.html、sl2.html、sl3.html、sl4.html。
<html><head></head><frameset rows="20%,2*,*" framespacing="1" frameborder="yes" border="1" bordercolor="#FF00FF"><frame src="sl1.html"><frame src="sl2.html"><frame src="sl3.html"></frameset><noframes></noframes></html>二、窗口的上下设定实例二sl9-2.html<html><head></head><frameset rows="20%,*,200" framespacing="1" frameborder="yes" border="1" bordercolor="#FF00FF"><frame src="sl1.html"><frame src="sl2.html"><frame src="sl3.html" noresize="noresize"></frameset><noframes></noframes></html>三、窗口的嵌套设定实例三sl9-3.html<html><head></head><frameset cols="20%,*" framespacing="1" frameborder="yes" border="1" bordercolor="#FF00FF"><frame src="sl1.html"><frameset rows="300,500"framespacing="1" frameborder="yes" border="1" bordercolor="#FF00FF"><frame src="sl2.html"><frame src="sl3.html"></frameset></frameset><noframes></noframes></html>实例四sl9-4.html<html><head></head><frameset rows="20%,*" framespacing="1" frameborder="yes" border="1" bordercolor="#FF00FF"><frame src="sl1.html"><frameset cols="20%,*"framespacing="1" frameborder="yes" border="1" bordercolor="#FF00FF"><frame src="sl2.html"><frame src="sl3.html"></frameset></frameset><noframes></noframes></html>实例五sl9-5.html<html><head></head><frameset rows="20%,*,15%" framespacing="1" frameborder="yes" border="1" bordercolor="#FF00FF"><frame src="sl1.html"><frameset cols="20%,*"framespacing="1" frameborder="yes" border="1" bordercolor="#FF00FF"><frame src="sl2.html"><frame src="sl3.html"></frameset><frame src="sl4.html"></frameset><noframes></noframes></html>大家看到上面的文件中还有一对<noframes></noframes>标签，即使在做框架集网页时没有这对标签，文件在很多浏览器解析时也会自动生成<noframes>标签，这对标签的作用是当浏览者使用的浏览器太旧，不支援框架这个功能时，他看到的将会是一片空白。
为了避免这种情况，可使用<NOFRAMES> 这个标记，当使用的浏览器看不到框架时，他就会看到<NOFRAMES>你的浏览器不支持框架网页</NOFRAMES>之间的内容，而不是一片空白。
这些内容可以是提醒浏览转用新的浏览器的字句，甚至是一个没有框架的网页或能自动切换至没有框架的版本。
9-4 窗口的名称和链接如果在窗口中要做链接，就必须对每一个子窗口命名，以便于被用于窗口间的链接，窗口命名要有一定的规则，名称必须是单个英文单词，允许使用下滑线，但不允许使用"—","句点"和空格等，名称必须以字母开头，不能使用数字，还不能使用网页脚本中保留的关键字，在窗口的链接中还要用到一个新的属性"targe",用这个属性就可以将被链接的内容放置到想要放置的窗口内。
下面的实例就是窗口内的命名和链接方法文件一中的片断代码格式为：<a href="sl1.html" target="aa2">爱在深秋</a><a href="sl2.html" target="aa3">图像对文字的水平居中</a><a href="sl3.html" target="aa2">图像与文本之间的距离</a><a href="sl4.html" target="aa3">图像大小的设定</a><a href="" target="aa3">新浪网站</a>文件二的片断代码格式为：<frame src="ml.html" name="aa1"><frame src="sl1.html" name="aa3"><frame src="sl2.html" name="aa2" noresize="noresize">文件一：ml.html<html><head><title>无标题文档</title></head><body><center><h2>目录</h2><hr><p><a href="sl1.html" target="aa2">爱在深秋</a></p><p><a href="sl2.html" target="aa3">图像对文字的水平居中</a></p><p><a href="sl3.html" target="aa2">图像与文本之间的距离</a></p><p><a href="sl4.html" target="aa3">图像大小的设定</a></p><p><a href="" target="aa3">新浪网站</a></p></center></body></html>文件二：sl94.html<html><head></head><frameset cols="20%,*,200" framespacing="1" frameborder="yes" border="1" bordercolor="#99CCFF"><frame src="ml.html" name="aa1"><frame src="sl1.html" name="aa3"><frame src="sl2.html" name="aa2" noresize="noresize"></frameset><noframes></noframes></html>9-5 浮动窗口<iframe><iframe>这标记只适用於IE浏览器。