使用 IntraWeb (4) - 页面布局之 TIWRegion

TIWRegion 是容器, 首先布局好它(们).




在空白窗体上添加 4 个 TIWRegion, 然后:


uses System.UITypes; //为使用 Anchors 属性

{下面代码中的设置大都可以在设计时完成}
procedure TIWForm1.IWAppFormCreate(Sender: TObject);
begin
  {把其它 3 个 IWRegion 都放在 IWRegion1 内}
  IWRegion2.Parent := IWRegion1;
  IWRegion3.Parent := IWRegion1;
  IWRegion4.Parent := IWRegion1;

{设置 IWRegion1 的大小与位置}
  IWRegion1.Width := 600;
  IWRegion1.Height := Self.Height;
  IWRegion1.Top := 0;
  IWRegion1.Left := (ClientWidth - IWRegion1.Width) div 2;
  IWRegion1.Anchors := [akTop, akBottom]; //这是关键设置, 其实是 VCL 的老东西, 但对网页更重要一些

{设置其它 3 个 IWRegion 的位置、大小与颜色}
  IWRegion2.Align := alTop;
  IWRegion3.Align := alLeft;
  IWRegion4.Align := alClient;

IWRegion2.Height := 80;
  IWRegion3.Width := 120;

IWRegion2.Color := clWebRED;
  IWRegion3.Color := clWebGOLD;
  IWRegion4.Color := clWebYELLOW;

{让 IWRegion2 与 IWRegion3 之间有可以动态调整的分割线}
  IWRegion3.Splitter := True;
end;





效果图:






使用
IntraWeb (4) - 页面布局之 TIWRegion

时间: 2024-07-30 13:51:55

使用 IntraWeb (4) - 页面布局之 TIWRegion的相关文章

使用 IntraWeb (4) - 页面布局之 TIWRegion篆淄综资卓篆

http://blog.csdn.net/kangmiao89757/article/details/43390691 http://blog.csdn.net/kangmiao89757/article/details/43390495 http://blog.csdn.net/kangmiao89757/article/details/43390161 http://blog.csdn.net/kangmiao89757/article/details/43389909 http://blo

使用 IntraWeb (5) - 页面布局之 TFrame鬃佐柞酌拙子

http://www.jiaoyou8.com/friends_diary/qingsiwen/0_0_0/view_0018950665_no_0_0.2015-01-31.html http://www.jiaoyou8.com/friends_diary/qingsiwen/0_0_0/view_0018950659_no_0_0.2015-01-31.html http://www.jiaoyou8.com/friends_diary/qingsiwen/0_0_0/view_00189

微信小程序页面布局

页面布局: wcml: <view class="page"> <view class="page_hd"> </view> <view class="page_bd"> <view class="section_nav"> <view class="left border_right"> 酒店 </view> <vi

jquery-easyui实现页面布局和增删改查操作(SSH2框架支持)转载

http://blessht.iteye.com/blog/1069749/ 已注册:ooip 关联的csdn 前几天心血来潮用jquery-easyui+spring.struts2.hibernate实现了一个系统的一小部分功能,下面给大家分享一下. 首先看运行效果: [图一:登录页] [图二:页面布局] [图三:用户编辑层] [图四:确认弹出框] 准备 easyui插件简介在这就不赘述了,大家可以在iteye上找到很多该插件的相关消息. 如果页面需要使用easyui插件,需要引进一下js和

HTML页面布局

接下来的下面代码,只是给了一个大的前端编写布局,如果你已经是牛人了,就当没看到,如果是一些初学者,不妨拿去用用,里面也写了一些常用的css样式,现在虽然有很多牛逼的前段框架,用起来也非常得心应手,但是如果你要对自己很多定制化需求,最后肯定是要自己来编写前端页面的 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <!--网页标题-->

关于页面布局

常见的页面布局有好几种,要做一个页面,首先要知道一个页面的大小,拉的第一个div标签的时候切记要定一个具体数值,最好不要用100%来表示, 会影响到整个页面,当你在拉动视口的时候,页面的内容也会随之发生变化.在使用margin改变页面布局的时候一定要注意页面发生的变化,可能一个小细节就可能造成页面混乱. 在使用的浮动的时候要注意浮动的几大特性:浮动会脱离文档流,影响别的元素.浮动的包裹性.子级浮动会造成父级高度塌陷.元素浮动不会穿过padding区域.

CSS3与页面布局学习总结(八)——浏览器兼容与前端性能优化

目录 一.浏览器兼容 1.1.概要 1.2.浏览器内核 1.3.浏览器市场份额(Browser Market Share) 1.4.兼容的一般标准 1.5.CSS Reset 1.6.CSS Hack 1.6.1.条件注释法 1.6.2.样式内属性标记法 1.6.3.选择器前缀法 1.7.文档模式 (X-UA-Compatible) 1.8.javascript兼容 二.前端性能优化 2.1.概要 2.2.减少HTTP请求数量 2.2.1.图片地图 2.2.2.精灵图片(Sprite) 2.2.

蓝懿IOS页面布局AuToLayou

今天接触了页面布局的东西,刘国斌老师详细的用图形编程的方式和代码都将解了一遍.代码和stroyboard感觉都比较麻烦,而且逻辑思维要求比较高. Editor菜单上有一个Resolve Auto Layout Issues子菜单.从这个菜单中,选中Update Constraints.就我这个情况来说,这会告诉Interface Builder需要将约束变大64点,像这样: 很好,T-bars又变蓝了,布局是有效的.在Document Outline中,你可以看到Horizontal Space

css基础css页面布局基础

样式可以在HTML中定义,也可以在一个单独的外部样式文件中定义.样式可以分为嵌入式样式表,外部样式表,内联样式表. 外部样式表:首先要建一个后缀为.css的样式表文件,然后在web文档中的<head>段使用<link>标记,这样就可以将一个外部样式表文件链接到文档中. 语法:<link rel="stylesheet" type="text/css" href="样式表的url"/> 嵌入式样式表:在web文档