flash9图文混排的高度设置

寻Q911349435妊

寻Q911349435妊

2016-02-19 17:46

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

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

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

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

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

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

这样,设置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);
}

 

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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com)
展开更多 50%)
分享

猜你喜欢

flash9图文混排的高度设置

设计创意
flash9图文混排的高度设置

Word图文混排技巧

word
Word图文混排技巧

什么是极简主义 如何打造极简风格家居

家居设计 装修设计
什么是极简主义 如何打造极简风格家居

浅谈如何让图文混排设计的更加好看

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
浅谈如何让图文混排设计的更加好看

CSS基础教程:网页图文混排的10个技巧

Web开发
CSS基础教程:网页图文混排的10个技巧

2017榻榻米书房设计装修效果图 榻榻米书房设计图片

榻榻米 书房 装修设计 书房设计 平面设计
2017榻榻米书房设计装修效果图 榻榻米书房设计图片

Word2024新工具:图文混排编辑更加轻松简单

电脑入门
Word2024新工具:图文混排编辑更加轻松简单

WPS图文混排长文档中插入空白页的方法

wps教程 wps office教程
WPS图文混排长文档中插入空白页的方法

2017春夏女装风衣外套流行趋势

服装设计 平面设计 设计 服装搭配
2017春夏女装风衣外套流行趋势

把影像带进画里——仿克里姆特摄影

把影像带进画里——仿克里姆特摄影

Helvetica字体时间轴和历史版式设计

Helvetica字体时间轴和历史版式设计
下拉加载更多内容 ↓