`
darrenzhu
  • 浏览: 782395 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

根据屏幕分辨率动态调整组件大小

阅读更多
将代码写在组件的preInitialize事件监听器里面
简化案例如下:
		<s:HGroup id="leftContianer" width="70%" preinitialize="leftContianer_preinitializeHandler(event)">
		</s:HGroup>
		<s:HGroup id="rightSpacerContainer" width="30%" preinitialize="rightSpacerContainer_preinitializeHandler(event)"/>

	protected function leftContianer_preinitializeHandler(e:FlexEvent):void
	{
		var hg:HGroup=(e.currentTarget) as HGroup;
		if(hg!=null){
			if(Capabilities.screenResolutionX<=1024){
				hg.percentWidth=80;
			}else{
				hg.percentWidth=70;
			}
		}
		
	}
	
	protected function rightSpacerContainer_preinitializeHandler(e:FlexEvent):void
	{
		var hg:HGroup=(e.currentTarget) as HGroup;
		if(hg!=null){
			if(Capabilities.screenResolutionX<=1024){
				hg.percentWidth=20;
			}else{
				hg.percentWidth=30;
			}
		}
		
	}
分享到:
评论

相关推荐

    react-adaptive-image:React组件,可根据用户的视口大小和屏幕密度(视网膜显示)调整大小,从而在滚动时加载懒惰的图像

    React自适应图像 基于视口和屏幕像素密度的惰性图像加载以及可选的动态调整大小。 为正确的屏幕尺寸提供正确的内容。 该React组件查看其自己的dom节点,并根据其自身的宽度请求适当大小的图像。 除非将其延迟加载到...

    dreamweaver的各种组件

    Background that fit 这个Object的作用是插入一个图象作为网页的背景,而当显示此网页 的浏览窗口的大小发生变化时,背景图片会自动调整大小以适合当前窗口 的大小。 Shockwave Flash 3-4 这是一个专为Flash4设计的...

    ReactScaleView:大屏数据可视化

    ScaleView组件库基于React封装,主要用于集成大屏(全屏)数据展示页面即数据可视化利用响应式的适应方式,不管是在PC端,还是放置到大屏上,不管是1440 * 768,1080p ,还是2k,4k甚至更大分辨率的屏幕,都只需要1...

    工程硕士学位论文 基于Android+HTML5的移动Web项目高效开发探究

    鉴于市场上用户的手机型号、种类、屏幕分辨率等参差不齐,传统方式根据主流系统分别开发相应的系统耗时又耗力,为了高效开发并节约开发项目成本,本文采用Android+HTML5相结合的方式进行移动端Web系统的设计研发工作...

    delphi 开发经验技巧宝典源码

    0052 使用数组为TlistView组件动态创建字段 33 0053 解决程序的死锁问题 34 0054 怎样实现接口委托 34 0055 在Delphi中使用汇编 35 0056 为程序设置版本和帮助信息 36 0057 动态链接库的创建与调用 36 ...

    delphi 开发经验技巧宝典源码06

    0052 使用数组为TlistView组件动态创建字段 33 0053 解决程序的死锁问题 34 0054 怎样实现接口委托 34 0055 在Delphi中使用汇编 35 0056 为程序设置版本和帮助信息 36 0057 动态链接库的创建与调用 36 ...

    易语言模块大全(374个)

    调整窗口大小.ec 动画窗体1.3.ec 动态调用DLL函数.ec 动态调整分辩率.ec 读取DBF数据.ec 读取超级列表框模块 1.0.ec 读取超级列表框模块_多条件版.ec 定时提醒1.1.ec 读文本~1.ec 动态加载菜单模块1.0版.ec 电子琴...

    Size One--强大的界面控件

    组件列表 · ElasticOne控件(原vsElastic)- 无论多么复杂都可以自动标注和调整窗体上控件的尺寸。同时提供分割条。 · ElasticLight控件 – 按比例调整现有窗体,不依赖分辨率。而且很小—只有40K。 · TabOne...

    基于Android的校园闲置物品交易平台的设计和实现

    UI 设计与实现:整体界面设计应该简洁明了、美观大方,考虑到 Android 手机屏幕大小和分辨率的限制,需要合理布局组件和调整界面比例。 测试和优化:对整个应用进行测试,检测是否存在 bug 和性能瓶颈,并进行优化...

    GUI Design Studio 3.0

    GUI Design Studio是一款图形用户界面设计工具,您能用它在不需要编写任何代码或...更改有效的屏幕分辨率以查看您的设计如何适应不同的屏幕大小。 在没有进行脚本或代码编写的情况下,所有操作都是以图形模式完成。

    C#程序开发范例宝典(第2版).part02

    实例249 设置屏幕分辨率 343 7.6 系统监控 344 实例250 检测系统启动模式 344 实例251 内存使用状态监控 345 实例252 键盘钩子屏蔽热键 346 实例253 CPU使用率 348 7.7 系统软件信息 350 实例254 获取计算机...

    C#程序开发范例宝典(第2版).part13

    实例249 设置屏幕分辨率 343 7.6 系统监控 344 实例250 检测系统启动模式 344 实例251 内存使用状态监控 345 实例252 键盘钩子屏蔽热键 346 实例253 CPU使用率 348 7.7 系统软件信息 350 实例254 获取计算机...

    C#程序开发范例宝典(第2版).part08

    实例249 设置屏幕分辨率 343 7.6 系统监控 344 实例250 检测系统启动模式 344 实例251 内存使用状态监控 345 实例252 键盘钩子屏蔽热键 346 实例253 CPU使用率 348 7.7 系统软件信息 350 实例254 获取计算机...

    C#程序开发范例宝典(第2版).part12

    实例249 设置屏幕分辨率 343 7.6 系统监控 344 实例250 检测系统启动模式 344 实例251 内存使用状态监控 345 实例252 键盘钩子屏蔽热键 346 实例253 CPU使用率 348 7.7 系统软件信息 350 实例254 获取计算机...

Global site tag (gtag.js) - Google Analytics