<?xml version="1.0" encoding="utf-8"?>
<mx:Application paddingTop="0" paddingLeft="0" paddingRight="0" paddingBottom="0"
xmlns:mx="http://www.adobe.com/2006/mxml" layout="horizontal" width="100%" height="100%">
<mx:VDividedBox width="100%" height="100%" liveDragging="false" borderStyle="none" backgroundColor="#1BB122" verticalGap="6">
<mx:Canvas width="100%" height="20%" backgroundColor="#3825EB">
</mx:Canvas>
<mx:Canvas width="100%" height="100%" backgroundColor="#1BB122">
<mx:HDividedBox width="100%" height="100%" liveDragging="true" borderStyle="none" horizontalGap="6">
<mx:Canvas width="20%" height="100%" backgroundColor="#46E821">
</mx:Canvas>
<mx:Canvas width="100%" height="100%" backgroundColor="#FFFEFE">
</mx:Canvas>
</mx:HDividedBox>
</mx:Canvas>
</mx:VDividedBox>
</mx:Application>
所产生的布局效果如图所示：
分享到：
相关推荐
Flex布局学习资料，2018年整理的不错的Flex布局学习教程
携程网站 移动端 Flex布局，新人可以利用此资源来学习flex布局的应用 Flexible Box 模型，通常被称为 flexbox，是一种一维的布局模型。它给 flexbox 的子元素之间提供了强大的空间分布和对齐能力。本文给出了 ...
html+css，使用flex布局搭建页面，纯前端，初学党可借鉴学习如何使用flex布局页面
微信小程序源码 FlexLayout布局(学习版)微信小程序源码 FlexLayout布局(学习版)微信小程序源码 FlexLayout布局(学习版)微信小程序源码 FlexLayout布局(学习版)微信小程序源码 FlexLayout布局(学习版)微信小程序源码 ...
关于Flex布局的笔记整理，能够详细理解Flex布局原理和用法，仅供自己学习。
flex布局实现需要至少两层控件,外层叫做容器,内部的叫做项目(item).类似于Android里的ViewGroup和里面装的View。 容器分两个轴,水平的主轴（main axis）和竖直方向的交叉轴（cross axis）,就相当于盒子模型中的xy轴,...
学习Flex布局
本源代码将研究学习微信小程序的FlexLayout布局实例，微信小程序界面设计实例，是一种流布局的实现例子，而不是大家熟悉的盒子式布局，据说即使需要深层的嵌套，FlexLayout布局的响应速度也不会超过1ms，可谓是非常...
微信小程序的Flex布局demo－4种必备常用的Flex布局模式 微信小程序开发论坛 垂直微信小程序开发交流社区:http://weappdev.com 官方建议的Flex布局 > Flex的布局相比传统的float布局来说，简单、快捷、方便。掌握flex...
嗯 关于廖雪峰老师网站的学习笔记---flex弹性盒子实例篇
今天在学习css的时候，学到了一个新的布局方式:Flex布局（弹性盒布局）。本人认为挺重要的，首写博客来巩固一下自己今天所学的有关Flex布局的知识，并与大家分享，内容如有错误，欢迎大家来给我指点一下。 文章目录...
flex 弹性盒子布局语法，关于廖雪峰老师网站学习笔记的分享，
（哇小侠）微信小程序学习用demo推荐：flex布局.zip
自从开始开学习 CSS 布局，想要比较灵活的把父元素的空间分配给各个子元一直是各个前端程序员的梦想。 在 flex 之前，如果不是专门去搜索相关的解决方案，一般人几乎想不出非常灵活的三（多）栏等高布局方案，而即使...
flex布局与几个实例（含源码）
FLEX学习 FLEX界面模板 FLEX与JAVA交互 布局
开始学习微信小程序时，需要掌握最基本的UI布局，有了UI的布局才是一个开始。下面主要通过一些例子来聊聊FlexBox布局，其实它和ReactNative大同小异。所以学习一门技术，其它的也就不愁了。下面主要通过一些例子来...
我相信大家在点进来的那一刻，那你一定学习前端有一段...这篇所有代码，逻辑，非常的规范，希望通过网易云音乐页面更好的帮助你，对所有的常用css属性和代码重构思维，flex布局方式，绝对定位相对定位有更好的认识！
学习微信flex应用程序的布局
NULL 博文链接：https://jonsion.iteye.com/blog/1104205