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

你可能感兴趣的:(Flash)