解析八大Flex布局规则

本文和大家重点讨论一下Flex布局规则，主要包括VBox布局，HBox布局，Canvas布局等八种布局规则，相信通过本文的简单描述，你对Flex布局规则有深刻的认识。

创新互联公司专注于企业成都营销网站建设、网站重做改版、什邡网站定制设计、自适应品牌网站建设、HTML5、商城网站建设、集团公司官网建设、外贸网站建设、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为什邡等各大城市提供网站开发制作服务。

Flex布局规则

1)VBox

子元素沿垂直方向排列；每个子元素都绘制在前一标签的下方

(2)HBox

子元素沿水平方向排列；每个子元素都绘制在前一标签的右方

(3)Canvas

Flex布局规则中按开发者指定的x坐标和y坐标绘制子元素。如果没有指定坐标，则所有的子元素都绘制在容器的左上角。例如，如果在Canvas容器中添加一个Button控件而不给Button控件指定x坐标和y坐标，那么按钮会被呈现在Canvas的左上角，位于默认的(0,0)位置。

(4)Application

通过使用Layout属性，Application布局能设置成类似VBox、HBox或Canvas容器之中的任何一种方式

(5)Tile

将其子元素排成一个或多个竖列或横行，在需要时增加新行或新列。所有的Tile容器单元格大小都相同。Flex将Tile容器的单元格排在正方形网格中，每一个单元格内放入一个子元素。布局方式由direction属性决定。

(6)Panel

Flex布局规则中Box容器的子类，Panel容器可以像VBox、HBox或Canvas容器之中的任何一种那样布局，这取决于指定的Layout属性（默认使用layout="absolute"，布局行为与Canvas容器一样）。除了可以包含子元素，Panel容器还白日做梦了标题栏区域，可以包含它的标题和状态信息。

(7)ControlBar

ControlBar容器可用于将工具栏停靠在Panel容器或TitleWindow容器的底部。ControlBar容器能以HBox容器或VBox容器的方式布局，这取决于direction属性（默认值是horizontal）

(8)ApplicationControlBar

ApplicationControlBar容器用于放置在整个应用程序中均能访问的组件。如果ApplicationControlBar容器是标签的***个子元素，且dock属性为true，刚ApplicationControlBar容器会停靠在应用程序绘制区域的顶部，占满应用程序的***宽度，而且不能随应用程序滚动而滚动。ApplicationControlBar容器能以HBox容器或VBox容器的方式布局，这取决于direction属性（默认值是horizontal）

文章标题：解析八大Flex布局规则
文章位置：http://www.hantingmc.com/qtweb/news2/307702.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联