基础教程：Hype 4度量面板（三）

在Hype 4交互动效制作软件中，度量面板有三个重要的设置内容——对象的大小和三个变形样式、可调布局（弹性布局）以及内容概览。

小编使用了两个章节完成了对象大小及变形样式的讲述，本章节讲述的内容概览，内容概览在今后在排版设计中也是经常要用到，尤其是文字内容排版上。前两章节可参考：Hype 4度量面板（一）、Hype 4度量面板（二）。

一、内容概览

内容概览处理的是对象里的内容在对象四边范围内外的可见和不可见。特别注意的是，文本内容超过文本元素宽度时会自动换行，所以文本内容是不会超出文本元素的宽度的。

1、可见。

选择“可见”，不管对象里的内容宽高大小，是在对象四边范围内还是在范围外，该内容完全可以看见。

文本元素中的文本内容可见。

图1：文本内容可见

组对象中的元素可见。

图2：组对象中的元素可见

2、隐藏。

选择“隐藏”，对象里的内容在对象四边范围内的部分可见，在对象四边范围外的部分不可见，被隐藏了起来。

文本元素中的文本内容隐藏

图3：文本内容隐藏

组对象中的元素隐藏

图4：组对象中的元素隐藏

3、滚动条。

在Hype中，选择“滚动条”，不管对象里的内容是否已经超出对象的四边范围，在对象的右边和下边都会出现滚动条边框。如果对象的内容超出对象的四边范围，超出部分会被隐藏起来，并且滚动条边框出现滚动条。滑动滚轮，对象里的内容上下或者左右移动。

文本元素的滚动条（文本元素只会出现右侧的滚动条）。

图5：文本元素的滚动条

组对象的滚动条。

图6：组对象的滚动条

4、自动滚动条。

选择“自动滚动条”，只有对象里的内容已经超出对象的四边范围，那么超出的部分会被隐藏起来，并且在对象的右边或者下边显示滚动条。滑动鼠标滑轮，对象里的内容上下或者左右移动。

文本元素的自动滚动条（文本元素只会出现右侧的滚动条）。

图7：文本元素的自动滚动条

组对象的自动滚动条。

图8：组对象的自动滚动条

二、总结

内容预览针对的是对象里的内容，除了文字排版需要外，类似于轮播图也会用到这个属性。

下一章节将讲述可调布局，它是Web网页设计中非常重要的一个内容。