Flash动画27:Flash的网页设计:创建可滚动的文本
时间:2013-01-01 15:05来源:卓想动画http://www.zxgzs.com 作者:QQ:610929375 点击: 次
只有最后一个页面,填写完成我们的既定网页模板:简历页面。 如果你没有一份简历,你可能要检查的求职指南艾莉森•多伊尔的文章写简历,帮助您安排您的凭据。
然而,就目前而言,我们需要担心的简历到我们的网页容器。 有点让过去的很顺利,虽然。 当我们创建一个HTML网页,网页会自动在浏览器中滚动,如果它超出了屏幕高度溢出。 然而,我们的Flash容器,是一个静态的大小,它不会滚动,如果我们的文本扩展的大小之外的电影,然后它会简单地消失。
问题? 问题。 那么,我们该怎么办呢?
我们要作出一个滚动文本框在Flash中,首先介绍了在Flash制作 MX中使用ActionScript命令。 我们甚至能够使我们自己的滚动箭头,而不是浏览器的默认值。 这几乎就像在DHTML一个滚动的<DIV>盒,只是做Flash的风格。
因此,让我们开始吧。 打开闪光灯的工作正在进行中,为您的Web页的文件,并找到合适的框架和层保留的简历页的内容。
在这一层,使用文字工具画一个文本框,宽,高的内容区域的页面设计;放一点点在那里只是为了保持静态文本。 如果您不能将高度降低使用上右上角的白色正方形,按下回车键,直到它扩展箱下调至适当的高度。 之后,您可以删除换行符和文本框将保留它的高度。
选择您的文本框中,在“属性”栏中。 我们需要调整一些设置之前,我们可以去任何进一步的,开始,将类型设置为动态文本 ,这将令文本作为普通文本,而不是矢量图像,这样不仅没有它显示更清晰,但它也是可选。
下面,<实例名称>字段中的文本框中,键入一个名称,我叫我的,可预见的,“滚动框”。 它需要一个实例名称,因为我们将要引用它的名字在我们的动作脚本。
最后但并非最不重要的,请单击“上说,”单行“的下拉列表中,选择”多行“。 如果您的文本设置为单线路,那么它会不会自动换行以适合窗口,它只会延长到了那边,消失,直到下一个换行符。 告诉Flash您有多条线路,使文字自动前进到下一行,当它到达的边界框的边缘。
做完这些后,您的滚动箭头。 您可以简单的三角形,无边框(我倾向于认为它看起来有点时尚的方式),但我只是模仿了经典的浏览器在不同颜色的箭头。 你应该让这些符号(F8)和使这些符号按钮。 要保存自己一点点时间,你可以做一个符号,然后将其复制并倒转。
右键单击滚动按钮,然后选择操作 。 有一个新的命令,我们要使用滚动命令,可以预见告诉Flash,滚动任何对象的命令指出,我们设置的任何增量。 滚动各种各样的价值的,所以它需要被告知如何多滚动。 你可以找到的命令,要Objects(对象) - >电影>文本字段- >属性- >滚动 。 双击它会插入以下代码:
(释放){
滚动;
}
您可能要更改(释放)到另一个命令,根据你的鼠标的行为,但一个简单的滚动,将有助于充分,因为是框将向上或向下滚动一行,每次点击。
我们需要添加的第一个参数是实例名会是怎样的滚动,滚动命令的人都知道什么行动。 像所有其他的参数,它会命令之前,用句点分隔。
接下来,我们需要定义的增量。 我们必须使用运营商使用等号(=)将设置滚动条的位置后,我们把它的价值,但我们不希望这样做。 相反,我们希望当前的位置 - 不管是什么可能发生的是 - ,因为我们正在努力“向上”按钮,下一个该位置的值。 因此,我们添加一个 - 符号“=”的前面,和1后,有效地转化为“当我们单击”向上“按钮,名为”滚动框“在文本框中的内容将向上滚动一个单一的增量从目前的位置“。
我知道这似乎有点令人困惑,但在你工作了一段时间,你习惯了它。 您可以编辑代码,添加相应的变量/在表达式文本框中的条件,所以它应该是类似的:
(释放){
scrollbox.scroll - = 1;
}
“向下”按钮,用鼠标右键单击,然后打开“动作”面板,这样做正是因为我们做了向上的按钮,有一个小的差异:更换一个加号(+) - 符号。
(释放){
scrollbox.scroll + = 1;
}
在你的舞台上,右键单击您的文本框中,选择滚动的 。 如果它已被选中,取消选中它,然后检查了一遍,只是为了确保它正确后,所有的变化,我们已经取得了。 这将确保Flash知道这个盒子应该是滚动时,这些行为采取行动。 当箱子是可滚动的小广场拐角处会变黑,而不是白色。
剩下要做的最后一件事是写在你的简历。 不要忘了格式和换行,一定要使它看起来不错。 矿不是很大-我有我的简历90版本在我的硬盘驱动器,并没有任何线索,这是最近的,因此,而不是寻找它,并复制粘贴,我从内存中简单地输入一个随机的飞溅 ,以填补空间。 请确保你把更多的精力放在你的,如果你真的想留下深刻的印象,没有?
(责任编辑:卓想动画http://www.zxgzs.com)