Document! X和HelpStudio使用技巧：如何在PDF封面上创建垂直条纹？-控件新闻-慧都网

Document! X和HelpStudio使用技巧：如何在PDF封面上创建垂直条纹？

翻译|使用教程|编辑：况鱼杰|2019-12-25 14:08:26.473|阅读 226 次

概述：本文将帮助您在封面页上实现垂直条纹，以实现小册子的输出。当您为小册子输出设计封面时会非常实用。这可以通过创建和修改自定义模板来实现。

相关链接：

HelpStudio以最快的，最简单的方式创建和出版帮助系统，并与您的桌面或基于网络的应用程序或组件整合起来，包括. NET。

点击下载最新版HelpStudiov2019.1

Document! X包含了最新的制作工具，它允许你在预览自动生成的页面中直接增加内容-自动生成的文档与功能齐全的注释工具的无缝集成。使用Document! X，文档可以在整个设计和开发过程中自动生成，而不需要花费开发人员的资源，同时为开发团队提供了准确和最新的参考，并允许新的开发人员快速的学习新的组件和架构。

点击下载最新版Document! X v2019.1

本文将帮助您在封面页上实现垂直条纹，以实现小册子的输出。当您为小册子输出设计封面时会非常实用。这可以通过创建和修改自定义模板来实现。（如何创建自定义模板）

在这种情况下，相关的基础模板是小册子的经典（主题）模板。创建模板后，将打开模板编辑器，然后，您需要按照以下说明在封面上添加条纹：

在模板编辑器中，导航到Page Types（页面类型）并创建一个新的页面类型-建议将该页面类型命名为CoverPage.html，然后，您需要选择克隆现有页面类型并克隆Standard.html。
选择CoverPage.html，然后单击工具栏上的Edit（编辑）按钮。
用以下HTML替换新页面类型的</body>部分。

<body OnLoad="OnLoad()">
<div class="verticalStrip1">
     </div>
     <div class="verticalStrip2">
     </div>
  <div class="verticalStrip3">
     </div>
     <div id="i-cover-page-heading-content" id="i-cover-page-heading-content" style="padding-left:80px">
<!--DXMETADATA start type="BookletHeading" --><!--DXMETADATA end--> 
 </div>   
    <div class="i-body-content" style="padding-left:80px" id="i-body-content">
<!--DXMETADATA start type="TopicSection" name="BodyText"-->Body<!--DXMETADATA end-->
    </div>
</body>

添加样式规则，以将条纹插入页面。您需要将样式规则添加到项目中的自定义样式表中（如果您希望将其包含在具有不同颜色的不同项目中），或者将样式规则添加到自定义模板的自定义样式表中（如果您有多个希望使用相同品牌的项目）（如何将新样式表添加到您的项目？）
一旦确定了样式规则的保存位置，就需要打开自定义样式表并插入以下内容：

.verticalStrip1 {  position:fixed;
  top:0;
  left:0;
  width:20px;
  opacity: .4;
  background-color:blue;
  height:100%;
 }
 .verticalStrip2 {  position:fixed;
  top:0;
  left:20px;
  width:20px;
  background-color:red;
  height:100%;
 }
 .verticalStrip3 {  position:fixed;
  top:0;
  left:40px;
  width:20px;
  background-color:black;
  height:100%;
 }

保存更改-对于模板，您需要关闭模板编辑器，这将提示您保存更改-按Yes（是）。您还需要关闭之前的样式表-系统将提示您再次保存更改-选择Yes（是）。
选择要在Booklet Profile中使用的自定义模板-您可以在Booklet Profile Editor中执行此操作，方法是右键单击构建配置文件并选择Edit（编辑）。切换到模板页面，然后导航到Booklet Topics（小册子主题）模板下拉菜单，然后选择新的自定义模板。如果您有多个小册子构建配置文件-您需要确保在封面上使用这些垂直条纹的每个配置文件中都使用此新的自定义模板。
将封面主题的页面类型设置为Coverpage.html。在项目资源管理器中选择封面，然后导航到属性窗口（在左下角）。在此处，展开Page Types（页面类型）的下拉菜单，然后选择Coverpage.html。