Flex更改Alert提示框的字体大小和样式

2024-04-23 05:18

本文主要是介绍Flex更改Alert提示框的字体大小和样式,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

1、Alert字体大小更改

先创建一个css文件,这里我取名global.css,路径flex_src/css/global.css

.AlertTitle

    font-size: 12pt; 
    font-weight: normal;
    font-style: normal;

.AlertMessage
{
    font-size: 12pt;
    font-weight: normal;
    font-style: normal;
}

然后编写一个工具类,利用PopUpManager管理一个Alert实例,不再用其静态show方法了,例如:

public static function Prompt(msg:String,parent:DisplayObject):void{
   var alert:Alert = new Alert();
   alert.setStyle("messageStyleName","AlertMessage");
   alert.setStyle("titleStyleName","AlertTitle");
   alert.title = "提示";
   alert.text = msg;
   PopUpManager.addPopUp(alert,parent,true);
   PopUpManager.centerPopUp(alert);

}

public static function Confirm(msg:String,parent:DisplayObject,closeHandler:Function){
   var alert:Alert = new Alert();
   alert.setStyle("messageStyleName","AlertMessage");
   alert.setStyle("titleStyleName","AlertTitle");
   alert.title = "操作确认";
   alert.text = msg;
   alert.addEventListener(Event.CLOSE,closeHandler);
   alert.buttonFlags = Alert.OK | Alert.CANCEL;
   alert.defaultButtonFlag = Alert.OK;
   PopUpManager.addPopUp(alert,parent,true);
   PopUpManager.centerPopUp(alert);
}

最后在要使用Alert的地方引用该css,

然后就可以调用上面的静态方法Prompt和Confirm弹出提示框和确认框了,想修改字体样式?改css文件就可以了。编写工具类也可以更好的统一整个应用的提示框样式。以上方式经在我的项目中试验,效果刚刚的。

2、采用release模式编译swf文件压缩体积

fb3将release模式编译mxml的功能放到了file -> export -> flex builder -> release build 菜单下,经过测试,我的swf压缩了将近一倍。

3.最新又发现了,只要在应用中添加整个Application的样式,则整个应用默认字体都可以更改了。再回头看看上面的解决之道,觉得确实是麻烦得可以了。

Application {
    font-size:12px;
    font-style: normal;
    font-weight: normal;
}

在样式文件中这样设置就可以了。tooltip alert字体统一设置了。现在,可以直接Alert.show了


参照我的另外一篇博客的结尾,如何设置全局样式:

FLEX4 设置全局样式 的方法


http://blog.csdn.net/truelove12358/article/details/26572097



结果:
想要设置所有TitleWindow的边框颜色 只需要在项目启动时调用一次一下代码就可以了:
mx.containers.TitleWindow  要写带包名的全名。
 
var cssDeclaration:CSSStyleDeclaration = FlexGlobals.topLevelApplication.styleManager.getStyleDeclaration("mx.containers.TitleWindow");
 //   cssDeclaration.setStyle("borderColor","#8878DD");
    cssDeclaration.setStyle("borderAlpha","7");



转载自:http://blog.csdn.net/jerry_bj/article/details/5650698


这篇关于Flex更改Alert提示框的字体大小和样式的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/927879

相关文章

SpringBoot+MyBatis-Flex配置ProxySQL的实现步骤

《SpringBoot+MyBatis-Flex配置ProxySQL的实现步骤》本文主要介绍了SpringBoot+MyBatis-Flex配置ProxySQL的实现步骤,文中通过示例代码介绍的非常详... 目录 目标 步骤 1:确保 ProxySQL 和 mysql 主从同步已正确配置ProxySQL 的

MyBatis-Flex BaseMapper的接口基本用法小结

《MyBatis-FlexBaseMapper的接口基本用法小结》本文主要介绍了MyBatis-FlexBaseMapper的接口基本用法小结,文中通过示例代码介绍的非常详细,对大家的学习或者工作具... 目录MyBATis-Flex简单介绍特性基础方法INSERT① insert② insertSelec

CSS3中使用flex和grid实现等高元素布局的示例代码

《CSS3中使用flex和grid实现等高元素布局的示例代码》:本文主要介绍了使用CSS3中的Flexbox和Grid布局实现等高元素布局的方法,通过简单的两列实现、每行放置3列以及全部代码的展示,展示了这两种布局方式的实现细节和效果,详细内容请阅读本文,希望能对你有所帮助... 过往的实现方法是使用浮动加

CSS自定义浏览器滚动条样式完整代码

《CSS自定义浏览器滚动条样式完整代码》:本文主要介绍了如何使用CSS自定义浏览器滚动条的样式,包括隐藏滚动条的角落、设置滚动条的基本样式、轨道样式和滑块样式,并提供了完整的CSS代码示例,通过这些技巧,你可以为你的网站添加个性化的滚动条样式,从而提升用户体验,详细内容请阅读本文,希望能对你有所帮助...

vue解决子组件样式覆盖问题scoped deep

《vue解决子组件样式覆盖问题scopeddeep》文章主要介绍了在Vue项目中处理全局样式和局部样式的方法,包括使用scoped属性和深度选择器(/deep/)来覆盖子组件的样式,作者建议所有组件... 目录前言scoped分析deep分析使用总结所有组件必须加scoped父组件覆盖子组件使用deep前言

更改docker默认数据目录的方法步骤

《更改docker默认数据目录的方法步骤》本文主要介绍了更改docker默认数据目录的方法步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一... 目录1.查看docker是否存在并停止该服务2.挂载镜像并安装rsync便于备份3.取消挂载备份和迁

在项目开发中,jsp页面不会少了,如何公用页面(添加页面和修改页面)和公用样式代码(css,js)?

在项目开发中,如何公用添加页面和修改页面? <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><html><head><title>岗位设置</title><%@ include file="/WEB-INF/jsp/public/common.jspf"%></head><body> <!-- 标

【CSS】flex布局 - 左边超过打点, 右边完整展示

场景:宽度一定的情况下右边自适应,左边被挤压。 需要的效果如下: flex 的三个参数分别对应:flex-grow、flex-shrink、flex-basis。 flex-grow:定义项目的放大比例,默认为0。即如果存在剩余空间,也不放大。flex-shrink:定义项目的缩小比例,默认为1。即如果空间不足,该项目将缩小。flex-basis:定义在分配多余空间之前,项目占据的主轴空间。

纯css实现checkbox的checked样式

纯css也能实现checked样式 今天使用微信的WEUI的checkbox的时候,发现点击checkbox是有checked和unchecked的变化的,但是想要去获得checkbox的checked状态时,发现event listener里居然没有该checkbox的click之类的事件。这才发现,weui只是纯粹的css样式,没有对应组件的js代码。那么问题来了,没有js事件,weui是如

Android:EditText在hint字体大小和text字体大小不一致时的设置方法

今天碰到一个需求,有一个输入框EditText,要求输入某项金额,要求在未输入文字之前,hint提示,输入文字之后显示输入的文字,要求是未输入内容时hint字体大小为14sp,输入金额之后字体大小要变成30sp。,可是EditText本身没有这个属性可以设置,怎么办呢,只有在代码中添加监听事件了: /*** 添加监听,在hint时和text时切换字体大小*/cetMoney.addTextCha