-
Notifications
You must be signed in to change notification settings - Fork 281
第十六篇:SWindow的布局属性pos2type及offset
原文链接:《第十六篇:SWindow的布局属性pos2type及offset》
当窗口大小需要根据内容来确定时,使用XML布局可能需要做一些特殊的处理。
例如:不管窗口多大,我需要将该窗口相对于父窗口居中在XML中应该怎么处理?
如果窗口大小是固定的(如, 100 *100),这样pos属性可以定义为"|-50,|-50,|-50,|-50"
即可。
当窗口大小不确定时,SOUI中提供了pos2type
及offset
来协同处理。
其中pos2type
是offset的子集。
offset属性是SOUI在通过pos属性完成坐标定位后再将坐标进行偏移的属性。和pos中一般使用象素为单位不同,offset是以控件最后的大小为单位进行平移。
我们可以在XML中或者代码中使用offset = "-0.5,-0.5"
这样的形式来描述窗口的坐标平移属性。
属性中包含两个值,分别对应X,Y方向的平移相对于窗口大小的倍数,一般为[-1,0]
的小数(float),当然也可以超过这个范围。。
我们先看一下代码中如何实现:
class SOUI_EXP SwndLayout
{
public:
//...
float fOffsetX,fOffsetY; /**< 窗口坐标偏移量, x += fOffsetX *
//...
};
int SwndLayout::CalcPosition(LPRECT lpRcContainer,CRect &rcWindow )
{
int nRet=0;
//...
if(nRet==0)
{//没有坐标等待计算了
rcWindow.NormalizeRect();
//处理窗口的偏移(offset)属性
CSize sz = rcWindow.Size();
CPoint ptOffset;
ptOffset.x = (LONG)(sz.cx * fOffsetX);
ptOffset.y = (LONG)(sz.cy * fOffsetY);
rcWindow.OffsetRect(ptOffset);
}
return nRet;
}
SwndLayout::CalcPosition
是SOUI用来通过pos及offset属性计算窗口坐标的关键函数,为了突出重点,具体的坐标计算省略了,只列出平移处理部分的代码。
可以看出,在平移处理前,首先获得窗口的Size,再将Size分别乘以fOffsetX,fOffsetY
这两个平移系数获得在x,y两个方向上的平移量。
最后才是将矩形做平移处理。
pos2type
可以定义9个参考点:center, lefttop, leftmid, leftbottom,midtop,midbottom,righttop,rightmid,rightbottom
。
下表显示对应原pos2type
属性的offset
属性:
pos2type | offset |
---|---|
center | -0.5,-0.5 |
lefttop | 0,0 |
leftmid | 0,-0.5 |
leftbottom | 0,-1 |
midtop | -0.5,0 |
midbottom | -0.5,-1 |
righttop | -1,0 |
rightmid | -1,-0.5 |
rightbottom | -1,-1 |
从上表可以看出,原来的pos2type
属性只能是0.5的倍数,新的offset
属性没有该限制。
使用pos2type
可能更为直观,但是offset
属性则更灵活。如果两个属性同时使用,只有最后一个属性有效。
注意:offset
属性是2014.11.20
才新增加的属性,pos2type
属性的命名是为了兼容2014.11.20
前的版本。
UI? just so so!
- 第一篇:SOUI是什么?
- 第二篇:SOUI源码的获取及编译
- 第三篇:用SOUI能做什么?
- 第四篇:SOUI资源文件组织
- 第五篇:在SOUI中使用XML布局属性指引
- 第六篇:在SOUI中用九宫格拉伸方式显示一个图片资源
- 第七篇:创建一个SOUI的Hello World
- 第八篇:SOUI中控件事件的响应
- 第九篇:在SOUI中使用多语言翻译
- 第十篇:扩展SOUI的控件及绘图对象
- 第十一篇:SOUI系统资源管理
- 第十二篇:SOUI的utilities模块为什么要用DLL编译?
- 第十三篇:在SOUI中使用有窗口句柄的子窗口
- 第十四篇:在SOUI中使用定时器
- 第十五篇:在SOUI中消息通讯
- 第十六篇:SWindow的布局属性pos2type及offset
- 第十七篇:使用窗口的cache属性加速SOUI的渲染
- 第十八篇:在SOUI中实现PreTranslateMessage
- 第十九篇:提高SOUI应用程序渲染性能的三种武器
- 第二十篇:在SOUI中使用分层窗口
- 第二十一篇:SOUI中的控件注册机制
- 第二十二篇:在SOUI中使用代码向窗口中插入子窗口
- 第二十三篇:在SOUI中使用LUA脚本开发界面
- 第二十四篇:导出SOUI对象到LUA脚本
- 第二十五篇:在SOUI中做事件分发处理
- 第二十六篇:两个SOUI新控件 ---- SListView和SComboView
- 第二十七篇:SOUI中控件属性查询方法
- 第二十八篇:SOUI中自定义控件开发过程
- 第二十九篇:使用SOUI的SMCListView控件
- 第三十篇:SOUI模块结构图及SOUI框架图
- 第三十一篇:SOUI布局之相对于特定兄弟窗口
- 第三十二篇:在SOUI2.0中像android一样使用资源
- 第三十三篇:使用uiresImporter生成uires.idx及skin.xml
- 第三十四篇:在SOUI中使用异步通知
﹊﹊﹊﹊﹊﹊﹊﹊﹊﹊
This wiki is created by [SOUI Team]