010 相对值设置控件大小示例

Flex布局相对值示例

最新推荐文章于 2025-09-06 13:10:58 发布

最新推荐文章于 2025-09-06 13:10:58 发布 · 113 阅读

文章标签：

#浏览器 #XML

Flex 专栏收录该内容

15 篇文章

订阅专栏

本文展示了一个使用Flex布局的示例，通过设置面板及按钮的宽度和高度为相对值来实现响应式设计。示例中，按钮的大小被设置为与其父面板大小的百分比。

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
	<mx:Panel title="相对值 设置 大小 示例" width="50%" height="50%" horizontalAlign="center" verticalAlign="middle">
		<!-- 定义 按钮 宽度为 面板宽度的 50%，高度为 面板高度的 50% -->
		<mx:Button id="button1" label="按钮" width="50%" height="50%"/>
	</mx:Panel>
</mx:Application>

[img]/upload/attachment/115820/89bdde27-eb90-38b2-999f-3e833f16a6ba.png[/img]
浏览器原状

[img]/upload/attachment/115822/1305c2fc-4283-3caf-8f08-f0b99c012066.png[/img]
浏览器缩小尺寸