前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Flash:TextField字体不显示/文字不显示/文字丢失

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

作者头像
用户1258909
发布2018-07-24 17:34:57
2.1K0
发布2018-07-24 17:34:57
举报
文章被收录于专栏:拂晓风起拂晓风起

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

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、最根本!避免这种动态修改文字的方式,改为换一帧,或者换个图片。

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2013-12-31 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档