flex Scroller

简介:
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx=" http://ns.adobe.com/mxml/2009
      xmlns:s="library://ns.adobe.com/flex/ Spark
      xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
 <s:layout>
  <s:VerticalLayout verticalAlign="middle" horizontalAlign="center"/>
 </s:layout>
 <fx:Declarations>
  <!-- 将非可视元素(例如服务、值对象)放在此处 -->
 </fx:Declarations>
 <s:SkinnableContainer width="100%" height="100%">
  <s:Scroller x="336" y="186" width="159" height="200">
   <s:Group x="13" y="20" width="110" height="102">
    <s:Button x="35" y="19" label="按钮"/>
    <s:Button x="35" y="59" label="按钮"/>
    <s:Button x="35" y="108" label="按钮"/>
    <s:Button x="113" y="19" label="按钮"/>
    <s:Button x="191" y="19" label="按钮" width="62"/>
   </s:Group>
  </s:Scroller>
 </s:SkinnableContainer>
 
 
</s:Application>
相关文章
|
2月前
|
前端开发 UED 容器
使用 Flex 布局实现垂直居中效果
【10月更文挑战第7天】
162 57
|
2月前
|
前端开发 容器
flex布局
【10月更文挑战第7天】
31 1
flex布局属性简介
flex布局属性简介
|
4月前
|
前端开发
FLex布局详解
Flex布局通过`flex-direction`定义主轴方向,包括横向`row`、反向横向`row-reverse`、纵向`column`及反向纵向`column-reverse`。`justify-content`控制主轴上子元素的排列,如起始端`flex-start`、末端`flex-end`、居中`center`、等间距`space-around`或两端对齐`space-between`。在Y轴上设置这些同样有效。`flex-wrap: wrap`使子元素在需要时换行。`align-items: center`实现侧轴(交叉轴)上的居中对齐
69 1
FLex布局详解
|
4月前
|
容器
|
7月前
解决flex布局最后一行(左靠齐)
解决flex布局最后一行(左靠齐)
161 0
|
容器
Flex布局是什么?
Flex布局是什么?
|
前端开发 容器
Flex布局
Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。
Flex布局