Flex 文字描边效果

最新推荐文章于 2022-09-20 16:21:26 发布
最新推荐文章于 2022-09-20 16:21:26 发布
阅读量4.5k 收藏 1
点赞数
分类专栏： Flex 文章标签： flex filter
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/babylon_0049/article/details/4005196
版权
本文介绍了如何在Flex中实现文字描边效果，通过在`mx:WindowedApplication`下添加`filters`属性，并使用`GlowFilter`滤镜来创建字体的描边效果。同时，文中也提到了在Flex中添加其他视觉效果的注意事项，如样式设置必须在`mx:WindowedApplication`内才生效，否则可能无法显示。
摘要由CSDN通过智能技术生成

在：

 

<mx:WindowedApplication 

xmlns:mx="http://www.adobe.com/2006/mxml" 

xmlns:filters="flash.filters.*"

 

...............

>

 

中加入上面红色语句，然后在Text或者Label中，例如：

 

<mx:Text id="bulletin" text="阿古柏" width="100%" textAlign="center" x="0" y="0" fontSize="20" verticalCenter="0"  mouseDown="show(event);">

<mx:filters>

<filters:GlowFilter color="0xFFFFFF"  strength="50"/>

</mx:filters>

</mx:Text>

 

加入红色字段，就出现了字体描边

最低0.47元/天 解锁文章
babylon_0049
关注
专栏目录
CSS实现字体描边的方法
qq_35928050的博客
06-07 5679
CSS实现字体描边的方法
Flex做字体描边效果
杨理垚的技术专栏
12-10 3032
Flex做字体描边效果 本来打算用两个Label重叠,后面那个加粗,发现效果明显不行,外层因为每个字都大了一号,所以会和内层的字错位,效果明显不行. 找了一下发现Flex自带有这样的效果,使用一个滤镜就行                            
Flex 文字描边滤镜详解（GlowFilter）
nodonkey
02-24 229
其实Flex中的文字是没有直接的描边样式的，不过我们可以使用GlowFilter滤镜的发光效果来实现。GlowFilter(color:uint = 0xFF0000, alpha:Number = 1.0, blurX:Number = 6.0, blurY:Number = 6.0, strength:Number = 2, quality:int = 1, inner:Boolean = f...
Flex自定制控件-给控件 字体描边
心有林夕
02-11 1039
<br />    Flex默认的字体无法达到美术要求的效果，又不能采用贴图的形式<br />所以就必须对控件进行定制。所幸AS脚本是面对对象的编程语言，我<br />们可以继续Flex框架的控件类，实现我们自己所需要的控件类型。<br />    下面以Button类为例子，我们要实现一个描边字体的按钮。代码<br />如下：<br />import flash.filters.GlowFilter; import mx.controls.Button; public class EnhancedBu
轻松绘制 3D 地图板块，自由配置纹理样式
weixin_42776027的博客
04-29 3484
在大屏效果中，3D 地图往往会成为设计师首选的主视觉，因为 3D 地图不仅仅能将数据和地理空间位置结合起来，还足够炫酷好看，而且地图还可以作为 3D 楼宇、园区、以及城市的基座。 为了绘制上面的这些 3D 地图，最常见的做法就是使用 threejs/babylonjs 等常见的渲染引擎，自己拼接顶点构建地图版块，具体的实现可以参考下面的例子： three.js examples​2912401452.github.io/easyvExamples/ 这种方法最大的问题就是自己绘制的地图板块
用编程方式编写Babylon格式的宇宙飞船3D模型
weixin_30449239的博客
08-14 246
　　使用上一篇文章（https://www.cnblogs.com/ljzc002/p/9353101.html）中提出的方法，编写一个简单的宇宙飞船3D模型，在这篇文章中对模型制作流程和数学计算步骤进行介绍，并为模型添加简单的材质。　　 　　我们首先对3D模型的轮廓进行估计，然后制作一个拥有足够多顶点的、与模型轮廓近似的网格对象（这里选用条带类网格对象），接着对网格的部分顶点进行位置变换以产生...
利用 CSS 实现文字二次加粗和多重边框效果
最新发布
qq_29701691的博客
09-20 804
我们可以对每一个文字进行精细化处理，利用文字的伪元素稍微放大一点文字，将原文字和访达后的文字贴合在一起。并且，这里的 SVG 代码可以任意放置，只需要在 CSS 中利用 filter 引入即可。本文不对 SVG 滤镜做过多的讲解，对 SVG 滤镜原理感兴趣的，可以翻看我上述提到的文章。当然，这也难不倒强大的 CSS（SVG），让我们来尝试下。现在文字要在二次加粗的情况下，再添加一个不同颜色的边框。OK，完成了上述第一步，事情还没完，更可怕的问题来了。的基础上，再给文字添加不一样颜色的边框的需求。
CSS 巧妙实现文字二次加粗再加边框
厦门在乎科技
10-28 708
本文将通过一个实际的业务需求，讲解如何实现 极端场景下文字加粗加边框效果 文字多重边框的效果 需求背景 - 文字的二次加粗 今天遇到这样一个有意思的问题： 在文字展示的时候，利用了font-weight: bold给文字进行加粗，但是觉得还是不够粗，有什么办法能够让文字更粗一点呢？ emm，不考虑兼容性的话，答案是可以利用文字的-webkit-text-stroke属性，给文字二次加粗。 [MDN - webkit-text-stroke]()： 该属性为文本字符添加了一个边框（笔锋），指...
各种css3效果动画
06-05
11. **文字渲染（Text Effects）**：通过`text-stroke`, `text-fill-color`, `text-shadow`等属性，可以实现文字描边、填充色和阴影效果，增强文字的视觉表现力。 12. **SVG图形与整合**：SVG（Scalable Vector ...
Flex更改Alert提示框的字体大小和样式
MayMatrix 的博客
09-13 900
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-weigh...
Flex通过Styel设置Alert组件中的文字样式
SUNTIME
09-06 2204
Alert的文字样式不能通过属性来修改，通常是通过来设置的。对于中文用户来说，通常最简单最基础的一个需求就是把所有的字体都设置为12号Alert{ font-size: 12}注意是 font-size，而不是fontSize也可以对标题，信息，按钮对应的文字分别设置Alert {titleStyleName: “alertTitle”;mess
MXML
kaixinbingju的专栏
03-12 1788
MXML是一个可以让你在Adobe Flex中布局用户界面组件的一种XML语言。 你也可以使用MXML声明来定义程序中的非可视化组件，比如 对服务器端数据源的访问以及用户界面组件和数据源之间的数据绑定。  MXML标签与ActionScript类或者类中的属性是相对应的。 当你编译你的Flex应用程序的时候，Flex解析你的MXML标签并且生成相应的 ActionScript类。然后这些Ac
C#自定义Label 实现文字描边阴影
wyl_tyrael的博客
03-16 5215
C#自定义Label 实现文字描边阴影 以下代码是在网上内容的基础上整理修改而来： 效果图： //获取需要绘制的path GraphicsPath GetStringPath(string s, float dpi, RectangleF rect, Font font, StringFormat format) { GraphicsPath p...
flex 实现文本滚动的第三种方法
babylon_0049的专栏
03-13 2342
前面写了2种文本内容自动滚动的例子，这里写上第三种，用timer事件 1，在mxml中设置：  2，在Script中：import flash.utils.Timer; import flash.events.TimerEvent; private var delay:uint = 10;      //这里设
Process terminated without establishing connection to debugger --Flex调试错误解决办法
babylon_0049的专栏
02-12 2335
【原】今天调试Flex程序时系统报的错误： Process terminated without establishing connection to debugger.Command:"D:/Program Files/Adobe/Flex Builder 3/sdks/3.0.0/bin/adl.exe" "C:/Documents and Settings/liu/My
Flex array数组到java Object[] 的转换方法
babylon_0049的专栏
12-05 2103
<br />若Flex端传递的对象为<br />var arr:Array = new Array();<br />var obj1:Object = new Object();<br />obj1.parameter = "name";<br />obj1.value = "aa";<br /> <br />arr.push(obj1);<br />var obj2:Object = new Object();<br />obj2.parameter = "age";<br />obj2.value =
flex xml的一个解析
babylon_0049的专栏
03-16 1784
今天碰到了一个问题，就是flex在解析从文件读取的xmll的时候的一个错误：分析器错误，属性未能结束 错误的起因是由于我向xml文件中写入的是htmltext格式的字符串，并保存在文件中，然后从文件读取的时候生成的xml就报错。 弄了半天，还是头给搞定的，这是我对xml不熟，在此记过！！ 错误原因是因为在写入xml的文件中包含了类似于...等xml文件的格式，所以xml在解
关于ItemRenderer刷新改变值的问题
babylon_0049的专栏
08-27 1703
从网上找到的，整理如下： 主要原因是DataGrid  List Tree 等这些组件他们都使用了缓存的机制！　也就是说当你在页面中的DataGrid可以显示10行记录，，而你实际的数据源中存在20行记录。但是DataGrid也只是绘制了当前你所看到的10行记录，而不是20行记录，，那么绘制了10行记录，也就是说创建了当前的10个ItemRenderer，当你在滚动滚动条的时候你又看到了剩
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值