创建一个PanleSkin 类的子类,覆盖updateDisplayList 方法来绘画调出箭头。设定这个子类
为弹出窗口的borderSkin 风格。
2.13.3. 讨论
这个技术是基于Section 2.12CustomPopUp 组件修改的。定制你的窗口边框,这次设一个自
定义类CustomPanelSkin 到borderSkin 风格。
Code View:
<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
width="300" height="50"
styleName="customPopUp"
showCloseButton="true"
close="handleClose(event)"
borderSkin="CustomPanelSkin"
initialize="initPopUp()">
<mx:Style>
.customPopUp {
header-height:2;
padding-left:5;
padding-right:5;
padding-top:5;
padding-bottom:5;
border-color:#000000;
border-alpha:.5;
border-thickness-left:5;
border-thickness-right:5;
border-thickness-bottom:5;
border-thickness-top:5;
background-color:#666666;
color:#ffffff;
}
</mx:Style>
<mx:Text width="100%" height="100%" text="{message}"/>
<mx:Script>
<![CDATA[
import mx.managers.PopUpManager;
import mx.events.CloseEvent;
[Bindable]
public var message:String;
private function handleClose(evt:CloseEvent):void {
PopUpManager.removePopUp(this);
}
private function initPopUp():void {
this.isPopUp = true;
}
]]>
</mx:Script>
</mx:TitleWindow>
如下是CustomPanelSkin 类的代码。注意TitleWindow 的isPop 属性需要设为false,用来阻
止用户拖动弹出窗口。
Code View:
package
{
import flash.display.Graphics;
import mx.skins.halo.PanelSkin;
public class CustomPanelSkin extends PanelSkin
{
override protected function updateDisplayList(w:Number, h:Number):void {
super.updateDisplayList(w,h);
var gfx:Graphics = this.graphics;
gfx.beginFill(this.getStyle("borderColor"),
this.getStyle("borderAlpha"));
gfx.moveTo(this.getStyle("cornerRadius"),0);
gfx.lineTo(15,-10);
gfx.lineTo(25,0);
}
}
}
这个简单的类集成了TitleWindow 的默认边框皮肤类PanelSkin。updateDisplayList 方法被覆
盖,增加了在CustomPopUp 组件左上角绘制调出箭头的逻辑。
分享到:
相关推荐
一款小巧灵活的自定义弹出视图, 可以做自定义AlertView、弹出窗口等等, A tiny and sweet custom popView (pop popup)
windowsphone自定义弹出窗口,扩展性挺高的,入门可用。
显示浮动自定义弹出窗口小部件的一种简单方法。 截屏 例子 截屏 例子 您可以通过以下命令运行示例。 cd ./example flutter create . flutter run 入门 dependencies : easy_popup : ^1.0.0 或者 dependencies...
popup 弹出框popup 弹出框popup 弹出框popup 弹出框popup 弹出框popup 弹出框popup 弹出框popup 弹出框popup 弹出框popup 弹出框
arcgis api for js 自定义弹出信息提示框,可以根据自己需要直接修改css样式即可。
jQuery popup javascript 弹出窗口 可遮盖IE6的select 点击其它地方自动隐藏 兼容IE,FF等浏览器
C#自定义控件--Popup窗口提醒完整源码2019
LeafletCustomedPopups 创建以更好地了解如何自定义传单弹出窗口,尤其是动态内容
实现弹出窗口与主界面的分离,只要点击弹出窗口的其他部分就可以关闭弹出窗口。
基于国外的 MacPopup 苹果风格,自己很喜欢,但是国外提供的 该控件 是基于flex 3的 ,所以在目前flex4为主流的 sdk 情况下,会出现错误。本控件 已经做了修正。可以直接运行。请指导。
该源码是一个自定义箭头弹出窗口的案例功能的,源码UIPopovercontroller iphone, 自定义箭头弹出窗口,代码简单,逻辑清晰,支持block回调。
使用ArcGISAPI实现多个弹窗弹出;多个Popup窗体弹出,亲测可用。
C#自定义控件--Popup窗口提醒完整源码-G3F.rarC#自定义控件--Popup窗口提醒完整源码-G3F.rar
C#自定义控件--Popup窗口提醒完整源码
jquery.popup 弹出层选择 提示
自定义popup菜单,可以对其进行修改完善。
自定义下拉弹出框,效果如QQ账号选择时候的下拉列表 使用ListView和PopupWindow实现 PopupWindow // 设置为true,才能获得焦点,其里面的空间才能响应事件 //true if the popup can be focused, false otherwise ...
C#自定义控件--Popup窗口提醒完整源码(最低分分享)
NEW相关模式(代替旧的弹出窗口,可选) NEW环境名称/标记 NEW语言选择器 兼容性/样式优化: django-ckeditor django-dynamic-raw-id django-json-widget django-modeltranslation django-tabbe