Flash:TextField字体不显示/文字不显示/文字丢失

节约大家时间,先说结论:

1、是否文字中包含了\r\n等字符,flash中,\r和\n都会换行。需要过滤掉其中1个
 
2、是否文本框大小不够,文字被挤到下一行了。设置单行、多行
 
3、TextField使用了抗锯齿,需要嵌入字体,但动态变化的文字并不在嵌入的文字中。这个具体不说了,不懂的就得回去补课了。
 
4、是否文本框使用嵌入字体,但需要显示的文字却又没有包含在字体中。
     还有一种比较特殊的情况,就是嵌入了2个字体(例如两个swc),重复导入了同样的字体,较小的那一个可能覆盖了大的那个。导致无法显示。
 
5、最后最奇葩。。。嵌入swf到html中时,是否没有设置wmode节点。尝试调整wmode,试试window、opaque、transparent。
     主要是有可能在某些webkit下出现问题(例如qq客户端自带的),出现文本变白,跟背景混在一起。
 
 
=======================================================
 
 
关于第4点,这里是非常奇怪的现象,需要做个实验来给大家说明一下。另外可以参考yboy的文章:http://riaoo.com/?p=2401
如果flash程序嵌入了多个swc,而这些swc如果嵌入一样的字体会导致冲突。
如果两个嵌入的字还不相同,貌似flash builder会倾向于只保留少的那个。但反正不能允许这种情况出现了。
 
实验验证:
1、首先做两个fla,导出swc和swf,一个叫font1,一个叫font2,分别嵌入“一二三四”和“一二三四五六”。需要注意的是,动态文本写死的那几个字,也会自动被嵌入(如果不是选“设备字体”)。
  SWF的结构:场景中放一个元件,元件导出as链接,元件的子元件是TextField
 
2、编写fb代码,如下所示,实现三种加载方式。
 
              [ Embed(source= "../lib/font1.swf" )]
               private var Font1:Class;
              [ Embed(source= "../lib/font2.swf" )]
               private var Font2:Class;
              
               public function Test2()
              {
                      //第一种嵌入方式(运行时加载swf)
                      var loader1:Loader = new Loader();
                     loader1.load( new URLRequest("font1.swf"), new LoaderContext(false , ApplicationDomain.currentDomain));
                     addChild(loader1);
                     
                      var loader2:Loader = new Loader();
                     loader2.load( new URLRequest("font2.swf"), new LoaderContext(false , ApplicationDomain.currentDomain));
                     addChild(loader2);
                     loader2.x = 300;
                     
                     setTimeout( function():void{
                            TextField(MovieClip(MovieClip(loader1.content). getChildAt(0)).getChildAt (0)).text = "一二三四五六" ;
                            TextField(MovieClip(MovieClip(loader2.content). getChildAt(0)).getChildAt (0)).text = "一二三四五六" ;
                     }, 1000);
                     
                     
                      //第二种嵌入方式(加入swc)
                      var text1:MovieClip = new TestFont1();
                     addChild(text1);
                     text1.y = 50;
                     TextField(text1. getChildAt(0)).text = "一二三四五六";
                      var text2:MovieClip = new TestFont2();
                     addChild(text2);
                     text2.x = 300;
                     text2.y = 50;
                     TextField(text2. getChildAt(0)).text = "一二三四五六";
                     
                     
                      //第三种嵌入方式(编译时嵌入swf)
                      var text3:MovieClip = new Font1();
                     addChild(text3);
                     text3.y = 100;
                      var text4:MovieClip = new Font2();
                     addChild(text4);
                     text4.x = 300;
                     text4.y = 100;
                     setTimeout( function():void{
                            //text3是封装的一个壳,子元件是loader,loader里边才是这个swf
                            Object(text3).getChildAt(0).content. getChildAt(0).getChildAt(0).text = "一二三四五六" ;
                            Object(text4).getChildAt(0).content. getChildAt(0).getChildAt(0).text = "一二三四五六" ;
                     }, 1000);
 
上述代码会产生这样的效果:(第一行是load swf的方式,第二行是直接引入swc再编译,第三行是嵌入swf)
 
我们看第一行和第三行,font1因为只嵌入了“一二三四”,所以无法显示“五六”,但font2没有受到影响。但第二行,font1和font2都只能显示“一二三四”,这里边定有乾坤。
 
反编译结果swf可以发现,引入swc的方式,虽然fb还是生成了两个字体,但是实际运行的时候,只索引了第一个字体,第二个就被忽略了,所以“五六”没有显示。
 
 
根据yboy的记录,我这里 尝试把font1的TextField设置为“设备字体”,情况更极端了。
(第二行)font1直接嵌入了一个没有字的字体,导致font2完全不显示的。正如yboy说的, “嵌入了一个没有字的字体和没有嵌入字体是大大不同的”。没有嵌入字体就不会影响font2了,正是font1嵌入了字体,但却不带任何字,导致问题发生。
 
避免这个问题的方式:
1、改为加载多个swf的方式,不要引入多个swc;
2、如果必须引入多个swc,约定只在一个swc中嵌入字体;
3、最根本!避免这种动态修改文字的方式,改为换一帧,或者换个图片。
 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值