flash9图文混排的高度设置

2016-02-19 17:46 0 1 收藏

今天图老师小编给大家精心推荐个flash9图文混排的高度设置教程,一起来看看过程究竟如何进行吧!喜欢还请点个赞哦~

【 tulaoshi.com - flash9图文混排的高度设置 】

flash对文本支持一直不好,特别是对html文本,支持的更弱。这一问题直到flash10只才得到提升。可是我们的使用还主要集中在flash9。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com)

在htmlText中,img标签不能独占文本的整个宽度,文本会和图片显示在一行,而且img只能设置左对齐和右对齐。每个图片就是一个Loader对象,通过给img标签设置id,可以用t.getImageReference (’id’)获取到img的容器。可以使用这个功能来批量的加载图片获取图片的Loader:)

在TextField里面有autoSize的属性,通过设置autoSize可以让文本自动使用内容的高度:
如果 autoSize 设置为 TextFieldAutoSize.NONE(默认值),则不会进行调整。

如果 autoSize 设置为 TextFieldAutoSize.LEFT,会将文本视为左对齐文本,这意味着该文本字段的左边距保持固定,在右边可调整单个文本字段行。 如果文本中包括换行符(例如 “” 或 “”),则会另外调整底边来适合文本的下一行。 如果 wordWrap 也设置为 true,则仅调整文本字段的底边,而右边距保持固定。

这样,设置autoSize 不为none,图片的高度就会字适应,但是,在图片在家完成之前,文本的高度不是最终高度,如果下面的内容是依赖文本位置的话,就需要侦听到文本高度的变化,可以使用change时间来侦听,每个图片加载完成,文本都会出发一个change事件,这样每次change的时候重新布局就可以了。

代码:

//舞台上添加一个文本框,设置名字为t
t.autoSize = 'center';
t.htmlText = '
div id="blogMar"
img src="http://img1.qq.com/blog/pics/15261/15261128.jpg" alt="" /
 img src="http://img1.qq.com/blog/pics/15256/15256935.jpg" alt="" /
唯美小龙女惊艳写真
img src="http://img1.qq.com/blog/pics/15250/15250542.jpg" alt="" /
 希拉里大学小样照/div
';
//
t.addEventListener('change',htmlChange);
function htmlChange(e)
{
 trace('-----htmlChange-----')
        //可以看到,textHeight是不会改变的
 trace(t.textHeight);
 trace(t.height);
}

 

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com)

输出结果:-----htmlChange-----
117
121
-----htmlChange-----
117
190
-----htmlChange-----
117
251

来源:https://www.tulaoshi.com/n/20160219/1616026.html

延伸阅读
代码如下:  txtlbl.font = [UIFont boldSystemFontOfSize:14.0f];     txtlbl.numberOfLines = 0;  NSString *str = @"        阿方决定设立科技特网络离开电视剧分w额两个大陆高科技了了不见了日i倒计时离开我说老师肯德基弗兰克萨江东父老将费德勒说阿方决定设立科技特网络...
标签: flash教程
用 的混合做复杂的螺旋形状动画 在Freehand 10中,使用spiral螺旋工具可以很简单地绘制一个基本的螺旋形状(在绘制螺旋形路径之前我们可以双击螺旋工具来设置一些选项。 打开Object面板,在面板中我们将Close选项框钩上来关闭螺旋对象,并给它使用两种RGB色彩的渐变填充,没有描边。如下图所示。 ...
标签: Web开发
CSS* { margin:0; padding:0; list-style:none;  }  #vertical_box { width:100%; display:table; border:1px red solid; height:400px; /*针对IE的hack*/ *position:relative; } #vertical_box_sub { display: table-cell; vertical-align: middle; /*针对IE的hack*/ *position:absolute; *top:50%; } #vertical_box_container { fo...
标签: 电脑入门
首先,确定行首有4个半角空格的行是真正段落的开始,而行首没有空格的行则是段中行,其前面的段落标记要去掉。按下Shift+H,调出查找和替换工具,在查找中输入^p (即^p后面跟着4个半角空格),在替换为中输入一个文中不会出现的特殊字符(如¥¥¥¥),点全部替换。这样,就把真正要分段的地方用特殊字符¥¥¥¥替换了,接下来,要删除不必要的...
标签: Web开发
1. 额外标签法 这种方法就是向父容器的末尾再插入一个额外的标签,并令其清除浮动(clear)以撑大父容器。这种方法浏览器兼容性好,没有什么问题,缺点就是需要额外的(而且通常是无语义的)标签。 我个人不喜欢这种方法,但是它确实是W3C推荐的方法 <div style="clear:both;"</div 或者使用 <br style="...

经验教程

788

收藏

81
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部