Flex： flash聊天框 表情+文字 图文混排 （思路）

flash聊天框 表情+文字 图文混排 （思路）

space.flash8.net/bbs/viewthread.php?tid=363077

在as2里面实现文图混排很麻烦(在as3里面就很容易解决了)，文本框中，html标签的方式实现图文混排，图片的的位置总是不理想。

想自己手工写程序完成个效果，创建textField，把文本显示出来，然后获得表情符号出现的位置(x,y)，在这里显示表情的MC。

但把as2关于textFied的部分看了一遍，竟然没有获得具体文本，所在位置坐标的办法……

唯一的办法只有textFormat.getTextExtent获得文字信息，但是多行的时候，第二行的字符宽度就无法获得了。

最后…… 想到的办法是这样：

1. my_txt 是要显示的字符串。

2. 创建一个TextField,名为 my_txetField,宽度为100，高度为20
my_txetField的autoSize属性为true

createTextField("my_txetField", 1, 0, 0,100,20);
my_txetField.autoSize = true;

3. my_txt2 是一个内容为空的字符串
做一个循环，把my_txt中的字符一个个的加入到my_txt2中
然后在my_txetField中显示字符，
因为 my_txetField.autoSize = true;
这时可以随时获得字符串最后一个字符的x坐标

4. my_txetField的宽度_width超过 显示框宽度时。
my_txt相应位置加入"\n"换行符号。my_txt2内容清空，行数增加。

然后再逐一往my_txt2 中输入字符。获得第二行每个字符的x坐标。

5 在这个循环中，遇到表情符号就记录下来这个表情字符 所在的x,y坐标。

6 最后显示出来就行了。

:( 不知道as2中 还有没有更好的办法获得字符的坐标位置。

PS：具体实现代码

        public function addEmo(param1:TextField, param2:String, param3:Rectangle)
        {
            var xml:*;
            var emo:*;
            var img:*;
            var emo_mc:*;
            var ename:*;
            var emoreg:RegExp;
            var text:*;
            var space:*;
            var len:*;
            var i:*;
            var c:*;
            var l:*;
            var txt:* = param1;
            var emoName:* = param2;
            var rectangle:* = param3;
            var _loc_6:int;
            var _loc_7:* = this.emoXML.emotion;
            var _loc_5:* = new XMLList("");
            for each (_loc_8 in _loc_7)
            {
                // label
                var _loc_9:* = _loc_7[_loc_6];
                with (_loc_7[_loc_6])
                {
                    if (phrase == emoName)
                    {
                        _loc_5[_loc_6] = _loc_8;
                    }// end if
                }// end with
            }// end of for each ... in
            xml = _loc_5;
            if (xml.length() == 0)
            {
                return;
            }// end if
            emo = new MovieClip();
            img = String(xml[0].url);
            Image.loadGif(img, emo);
            emo.x = rectangle.x + txt.x - 2;
            emo.y = rectangle.y + txt.y - 6;
            emo_mc = txt.parent.getChildByName("emo_mc");
            emo_mc.addChild(emo);
            ename = emoName.substr(1, emoName.length - 2);
            emoreg = new RegExp("\\[" + ename + "\\]", "i");
            text = txt.htmlText;
            space;
            len = ename.length;
            i;
            while (i < len)
            {
                // label
                c = ename.substr(i, 1);
                l = Text.byteLength(c);
                space = space + (l == 2 ? ("　") : (" "));
                i = i++;
            }// end while
            space = space + " ";
            text = text.replace(emoreg, space);
            txt.htmlText = text;
            xml;
            return;
        }// end function