flex页面传参

Flex中两个Application页面之间的传值~
通常,我们在做页面传值的时候,都是用TitleWindow弹出框进行传值,下面我给大家介绍一下,两个Application页面的跳转和传值 ,希望对正在学习Flex的朋友能有所帮助~~

情况一:在不同页面进行跳转:

传值方:
           var so:SharedObject = SharedObject.getLocal("validate","/");
           //validate是临时文件
           so.data.validateResult = true;
           so.data.number = 1;
           //1和true是要传得值
           so.flush(); //这句不能少
           //bb.swf是要跳转的文件 "_self" 指定当前窗口中的当前帧。"_blank" 指定一个新窗口。"_parent" 指定当前帧的父级。"_top" 指定当前窗口中的顶级帧。                                                                                 
           navigateToURL(new URLRequest("bb.swf"),"_blank"); 

接受方:
           var so:SharedObject = SharedObject.getLocal("validate","/");
           var valid:Boolean = so.data.validateResult;
 
           if( valid != true ){
                  so.clear();
           }
           else{
                  var number:String = so.data.number.toString();
                  this.text.text=number;
                  so.clear();
           }

另外一种在URL后面传值:

//传递页面
    <mx:Script>
        <![CDATA[
                /**
                 * 在不同页面间进行跳转传值
                 */
            import flash.net.navigateToURL;
            private function linkClick():void{
                    //validate是临时文件
                var so : SharedObject = SharedObject.getLocal('validate','/');
                so.data.name = dataGrids.selectedItem.name;
                so.flush();//必需写这句,将本地永久共享对象立即写入本地文件。
                //receive.html传不过去。要写成receive.swf
                navigateToURL(new URLRequest('receive.swf?id='+dataGrids.selectedItem.id));
            }
        ]]>
    </mx:Script>
    <mx:LinkButton click="linkClick();" label="linkButton"/>


//接收页面
    <mx:Script>
        <![CDATA[
            private function init():void{
                var so : SharedObject = SharedObject.getLocal("validate","/");
                var name : String = so.data.name;
                  myLabel.text = this.parameters.id+":"+name;
                 so.clear();
            }
        ]]>
    </mx:Script>
    <mx:Label text="传过来的值:" x="346"/>
    <mx:Label id="myLabel" fontWeight="bold" x="424"/>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 使用Flexbox布局可以轻松地实现平铺页面。以下是一个简单的示例: HTML代码: ``` <div class="flex-container"> <div class="flex-item">Item 1</div> <div class="flex-item">Item 2</div> <div class="flex-item">Item 3</div> <div class="flex-item">Item 4</div> <div class="flex-item">Item 5</div> <div class="flex-item">Item 6</div> </div> ``` CSS代码: ``` .flex-container { display: flex; flex-wrap: wrap; } .flex-item { flex: 1 0 25%; /* 设置每个项目的宽度为25% */ height: 100px; background-color: #ccc; margin: 10px; } ``` 通过设置 `.flex-container` 元素为 `display: flex;` 和 `flex-wrap: wrap;`,我们可以让子元素自动换行。然后,通过设置 `.flex-item` 元素的 `flex` 属性,我们可以让它们在水平方向上平均分配空间,每个元素的宽度为容器宽度的 25%。最后,我们添加了一些样式来设置每个项目的高度、背景颜色和外边距。这样,我们就可以轻松地实现平铺页面了。 ### 回答2: Flex是一种CSS布局模型,可以用于平铺页面。在使用Flex布局时,需要定义一个容器元素作为Flex的父级容器,然后通过为子级元素设置Flex属性来实现平铺效果。 首先,在父级容器上设置`display: flex;`来启用Flex布局。默认情况下,子元素会水平排列,每个子元素的宽度会根据内容自动调整。如果想要垂直排列,可以将`flex-direction`属性设置为`column`。 其次,根据需要设置子元素的`flex`属性。`flex`属性由三个值组成,分别是`flex-grow`、`flex-shrink`和`flex-basis`。其中,`flex-grow`表示子元素的放大比例,默认为0,如果设置为1,则表示子元素可以按比例放大。`flex-shrink`表示子元素的收缩比例,默认为1,如果设置为0,则表示子元素不会收缩。`flex-basis`表示子元素的基准大小,默认为auto,可以设置为具体的像素值或百分比。 除了上述属性,还可以使用`justify-content`和`align-items`属性对子元素进行对齐。`justify-content`用于水平对齐,可以设置为`flex-start`(默认值,左对齐)、`center`(居中对齐)、`flex-end`(右对齐)、`space-between`(平均分布)和`space-around`(均匀分布)。`align-items`用于垂直对齐,可以设置为`flex-start`、`center`、`flex-end`、`baseline`(基线对齐)和`stretch`(拉伸对齐)。 最后,通过设置子元素的宽度、高度、margin等属性,可以实现具体的平铺效果。可以使用`flex: 1;`来让子元素均分父级容器的宽度(如果是垂直排列则是高度)。也可以设置具体的宽度或高度,或者使用百分比来实现不同的布局效果。 总之,在使用Flex布局时,需要了解和灵活运用各种属性,通过调整这些属性的值,可以实现不同的页面平铺效果。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值