`
it_liuyong
  • 浏览: 100602 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

flex右下角弹窗

    博客分类:
  • flex
 
阅读更多
主应用
<?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"
   creationComplete="init()">
<fx:Declarations>
<!-- 将非可视元素(例如服务、值对象)放在此处 -->
<!--<s:DateTimeFormatter  id="dformat" dateStyle="YYYY-MM-DD"/>-->
</fx:Declarations>

<fx:Script>
<![CDATA[
import flash.utils.setTimeout;

import mx.managers.PopUpManager;


public function init():void{
}

protected function btn_clickHandler(event:MouseEvent):void
{
this.alertT();
}

private function alertT():void{
//浏览器的分辨率
var wx:Number=Capabilities.screenResolutionX;
var wy:Number=Capabilities.screenResolutionY;

var ma:MessAlert=new MessAlert();
ma.owner=this;
ma.x=wx-ma.width-25;
ma.y=wy-ma.height*2+35;

PopUpEffert.addPopUp(ma,this,true);
}
]]>
</fx:Script>
<s:Button id="btn" x="105" y="89" label="按钮" click="btn_clickHandler(event)"/>
</s:Application>
弹出窗口
<?xml version="1.0" encoding="utf-8"?>
<s:TitleWindow xmlns:fx="http://ns.adobe.com/mxml/2009"
   xmlns:s="library://ns.adobe.com/flex/spark"
   xmlns:mx="library://ns.adobe.com/flex/mx"
   width="356" height="236" title="弹出消息" close="closeHandler(event)"
   creationComplete="init()">
<fx:Script>
<![CDATA[

import mx.events.CloseEvent;
import mx.events.FlexEvent;
import mx.managers.PopUpManager;
[Bindable]
public var titleInfo:String="test";

private function init():void{
msg.text=titleInfo;
setTimeout(close,1500);
}
protected function closeHandler(event:CloseEvent):void
{
this.close();
}

private function close():void{
// var tt:TimeTitle=this.owner as TimeTitle;
//tt.init();
PopUpEffert.removePopUp(this);
}

]]>
</fx:Script>
<fx:Declarations>
<!-- 将非可视元素(例如服务、值对象)放在此处 -->
</fx:Declarations>
<s:Label x="53" y="49" id="msg" text=""/>
</s:TitleWindow>
popup控制器
package
{
import flash.display.DisplayObject;
import flash.system.Capabilities;

import mx.core.IFlexDisplayObject;
import mx.effects.Move;
import mx.events.TweenEvent;
import mx.managers.PopUpManager;
public class PopUpEffert
{
public function PopUpEffert()
{
}

public static function addPopUp(window:IFlexDisplayObject,parent:DisplayObject,modal:Boolean):void{
//浏览器的分辨率
var wx:Number=Capabilities.screenResolutionX;
var wy:Number=Capabilities.screenResolutionY;

var move:Move=new Move(window);
move.duration=1000;
move.yFrom=wy;
move.yTo=wy-window.height*2+35;
move.play();
PopUpManager.addPopUp(window,parent,modal);
}
public static function removePopUp(window:IFlexDisplayObject):void{
//浏览器的分辨率
var wx:Number=Capabilities.screenResolutionX;
var wy:Number=Capabilities.screenResolutionY;

var move:Move=new Move(window);
move.duration=1000;
move.yFrom=wy-window.height*2+35;
move.yTo=wy;
move.addEventListener(TweenEvent.TWEEN_END,function():void{
PopUpManager.removePopUp(window);
});
move.play();
//PopUpManager.removePopUp(window);
}
}
}
分享到:
评论

相关推荐

    Flex在屏幕右下角弹出小纸条

    Flex 在屏幕右下角弹出小纸条 象msn的纸条一样

    右下角可收缩悬浮栏

    在IT行业中,"右下角可收缩悬浮栏"是一种常见的网页设计元素,它通常用于显示广告、通知或者功能快捷方式,以提供用户便捷的交互体验。这种设计模式利用JavaScript(JS)来实现动态效果,如悬浮、收缩和展开等。下面...

    flex 苹果桌面效果的弹出窗口

    在苹果桌面环境下,Flex可以通过其强大的MXML和ActionScript语言来模拟和实现苹果系统特有的窗口样式和行为,如半透明效果、圆角、阴影等,为用户提供更贴近原生应用的体验。这种效果通常通过自定义组件或使用第三方...

    微信小程序自定义精美弹窗

    在components目录下,新建一个名为dialog的文件夹,包含dialog.wxml、dialog.wxss和dialog.js。wxml文件负责构建弹窗的结构,wxss文件负责样式设计,js文件则处理组件的逻辑。 2. **WXML结构**: 在dialog.wxml中...

    微信小程序实现弹出菜单功能

    需求 点击标签栏按钮,向下弹出菜单,再次点击,收回菜单 要解决的问题 ... 弹性布局flex 横向排列 超出后wrap 然后space-around控制间距 ::-webkit-scrollbar { width: 0; height: 0; color: transpar

    微信小程序 自定义消息提示框

    我们使用了 display: flex 属性来实现弹窗的水平居中对齐,并使用了 position: fixed 属性来实现弹窗的绝对定位。我们还使用了 opacity 属性来控制弹窗的透明度,background-color 属性来控制弹窗的背景颜色,border...

    HarmonyOS应用开发-popup气泡指示组件练习.docx

    - `bottomRight`: 目标元素右下角。 - **keepalive**: 可选参数,用于控制气泡是否保持活动状态。如果设置为`true`,则即使用户点击屏幕其他区域或页面切换时,气泡也不会消失,只有通过调用`hide`方法才能使其消失...

    div弹出层,带拖动

    - 隐藏弹出层:默认情况下,弹出层的CSS `display` 属性设置为 `none`,使其不可见。 - 显示弹出层:当需要显示时,将其`display`属性更改为`block`或`flex`。 - 定位:可以使用 `position` 属性(如 `absolute` ...

    html+jq+css 自适应屏幕居中

    标题中的“html+jq+css 自适应屏幕居中”指的是使用HTML、JavaScript(jQuery库)和CSS技术来实现网页元素在不同屏幕尺寸下都能保持居中的功能,特别是针对弹窗的场景。这样的设计有助于提供良好的用户体验,无论...

    CSS设置漂亮的JS对话框

    在网页设计中,对话框(通常称为弹窗或模态框)是不可或缺的元素,用于向用户显示重要的信息、确认操作或收集输入。本主题主要关注如何使用CSS为JavaScript(JS)对话框添加美观的设计。以下是一些关于如何实现这个...

    HCIA-HarmonyOS应用开发工程师 V2.0 模拟考试

    5. 使用图片资源时,应用不仅可以加载本地common路径下的图片,也能加载网络图片。如果无法加载网络图片,应检查是否具备访问网络的权限,如ohos.permission.ACCESS_NOTIFICATION_POLICY。 6. 一个应用可以有多个...

    学生HTML个人网页作业作品 简单的IT技术个人简历模板html下载 简单个人网页设计作业 静态HTML个人博客主页

    - **响应式布局**:利用`@media`查询实现不同屏幕尺寸下的样式调整。 - **过渡与动画**:使用`transition`和`animation`属性轻松创建平滑过渡和动画效果。 - **文本阴影和边框圆角**:`text-shadow`和`border-radius...

Global site tag (gtag.js) - Google Analytics