自动章节目录及用法说明

码小哥

载入中...

自动章节目录及页缩略图 自动提取标题构造目录 上面的目录,是提取每页中的标题文字自动形成的。点击其中的目录文字可直达相应的内容页。 页缩略图索引 如果你的作品以图片为主,没有足够的标题信息,也可自动提取每页的缩略图作为索引。

自动章节目录及页缩略图
内文页标题
自动提取标题构造目录

上面的目录,是提取每页中的标题文字自动形成的。点击其中的目录文字可直达相应的内容页。

页缩略图索引

如果你的作品以图片为主,没有足够的标题信息,也可自动提取每页的缩略图作为索引。

App 风格的目录菜单

试试看,点页面左上角的“ ≡ ”菜单符号,是不是有点 App菜单的感觉?


电子杂志风格的页索引

图文并茂的杂志,可以用每页的缩略图帮助读者快速翻看内容。

点页面顶部的 “ ︾ ”图标试试看!

制作你的自动章节目录
添加章节目录构件

自动章节目录构件,会分析作品中每个可见页,提取出其中的标题作为目录项,并添加上点击该目录项翻页到对应页的动作,无需特殊处理。


如上图所示,在顶部工具条中,“预设”菜单里面,点选“自动章节目录”即可添加。

它提取的是每页中的标题构件,这通常是一个样式设置为“标题”的文本构件,也可以是长图文构件内容里面的标题。

如果某页中没有标题,它将不会出现在章节目录中。当然,你也可以在页面中添加一个隐藏的标题构件,在不影响页面布局的前提下将该页页添加进自动目录。
如果你的作品以图片为主,也可以用页缩略图的方式建立起页面索引。详见后续介绍。

个性化你的章节目录

选中刚才添加的目录构件,可以在右侧的属性编辑区中看到如下内容:

默认情况下,它是自动确定显示样式的:先看作品中是否有标题构件,有则建立文字型章节目录;没有则制作每页的缩略图显示页面索引。
你可以在选单中调整此策略,或修改其他选项设置,获得更适合你作品的目录形式。


如同所有的构件一样,你可以通过设置构件的样式,调整目录构件的文字颜色大小、行间距等。在文字型章节目录中,对齐方式还可以改变目录的排版形式。

当然,你也可以设置构件的背景、边框等属性,获得更加个性化的章节目录。


用浮层实现菜单效果

为了让目录更好用,你可以利用浮层,制作出在任意页面中均可调用显示的目录,方便读者在作品的章节中跳转浏览。其要点是:

  1. 制作一个默认隐藏,含有目录构件的浮层。
  2. 在需要的地方,用一个含有点击后翻转浮层显示状态的构件,显示或隐藏此目录浮层。
  3. 添加动画效果、美化浮层让它更完美。
当然,如果你只是想让作品有个简单的目录,可以无视后面的教程,直接在封面页后插入一页,里面添加一个目录构件完事 :D

制作目录浮层

浮层页是覆盖在所有作品显示页上的特殊页面,你可以用它来制作随时可调用显示的目录。


如上图所示,在添加页面时,选择添加“空浮层”,然后设置该浮层为“默认隐藏”(因为目录浮层不需要一直显示,所以应该默认隐藏)。

添加好浮层页后,你可以像编辑普通页面那样,在里面添加上目录构件。当浮层显示出来时,目录即可自动出现。



制作触发目录浮层的构件
为了随时能调用显示或隐藏目录浮层,你可以在需要的页面中,或干脆在另外一个一直显示的浮层上,添加一个触发目录浮层的构件。


在这个触发构件的行为中,添加上“点击构件后”的行为,它执行“更改浮层状态”动作。


为了让点击后显示目录,再次点击后隐藏目录,可以选择更改浮层状态的行为为“翻转以下浮层的显示状态”。

如果你希望读者翻页后,目录仍然处于显示状态,可以勾选上“浏览过程中保留此状态更改”。
进一步优化浮层
至此,我们已经有了一个能随时调用的自动章节目录了。为了让它更好看好用,我们可以进行各种设置进一步优化它:

你可以在浮层构件的“行为”设置页签中,找到上述设置的地方,也可以在编辑环境中打开此文档,看看是怎么做的。

目录构件点击后的行为
目录构件中的每个目录条目,点击后都会自动翻到它对应的页。

目录构件本身也可以添加点击行为。通常,我们可以用这个点击行为来实现点击目录翻页后隐藏目录浮层的效果。


例如这篇文档中的杂志缩略图构件,在它的点击行为中,添加了隐藏它所在浮层的动作,所以当用户点击后会自动隐藏这个缩略图。