
发布时间:2020/11/13 10:58:39
在Hype 4交互动效制作软件中,度量面板有三个重要的设置内容——对象的大小和三个变形样式、可调布局(弹性布局)以及内容概览。
小编使用了两个章节完成了对象大小及变形样式的讲述,本章节讲述的内容概览,内容概览在今后在排版设计中也是经常要用到,尤其是文字内容排版上。前两章节可参考:Hype 4度量面板(一)、Hype 4度量面板(二)。
内容概览处理的是对象里的内容在对象四边范围内外的可见和不可见。特别注意的是,文本内容超过文本元素宽度时会自动换行,所以文本内容是不会超出文本元素的宽度的。
选择“可见”,不管对象里的内容宽高大小,是在对象四边范围内还是在范围外,该内容完全可以看见。
选择“隐藏”,对象里的内容在对象四边范围内的部分可见,在对象四边范围外的部分不可见,被隐藏了起来。
在Hype中,选择“滚动条”,不管对象里的内容是否已经超出对象的四边范围,在对象的右边和下边都会出现滚动条边框。如果对象的内容超出对象的四边范围,超出部分会被隐藏起来,并且滚动条边框出现滚动条。滑动滚轮,对象里的内容上下或者左右移动。
图6:组对象的滚动条
选择“自动滚动条”,只有对象里的内容已经超出对象的四边范围,那么超出的部分会被隐藏起来,并且在对象的右边或者下边显示滚动条。滑动鼠标滑轮,对象里的内容上下或者左右移动。
内容预览针对的是对象里的内容,除了文字排版需要外,类似于轮播图也会用到这个属性。
下一章节将讲述可调布局,它是Web网页设计中非常重要的一个内容。
作者:东佛
读者也喜欢这些内容:
应用Hype制作英文字母卡片学习小动画
对于很多小朋友来说,英文的学习会显得枯燥而乏味。但如果是借助一些视觉性的工具,比如学习英文字母用的卡片动画,可提高学习的趣味性,让小朋友更容易接受。...
阅读全文 >
Hype 4一条时间线的轮播图(二) 图片运动与时间线操作设置
在上一章节中讲述了在一条时间线上的轮播图的原理以及创建了符号显示窗口,本章节讲述轮播的的核心——图片运动及如何设置时间线操作,最终实现在一条时间线上的轮播图。...
阅读全文 >
Hype 4一条时间线的轮播图(一) 原理分析及设置显示窗口
在多条时间线上实现的轮播图由于使用了多条时间线,如果通过鼠标事件操作轮播图暂停、图片跳转会变得非常麻烦。实际上,轮播图的运行更普遍的是在一条时间线上,这也是使用JavaScript语言编写轮播图函数或者原型的方法。...
阅读全文 >
Hype 4时间线操作(九)自定义时间线循环往复运动
本章节是上一章节“开始时间线”的延续篇,由于在主时间线上设置触发关键实现自定义时间线的循环往复运动相对比较复杂,涉及到的分析比较多,知识点非常重要,因此单独用一章节来讲述自定义时间线的循环往复运动。...
阅读全文 >