引.故事

中文

English

中文

English

Appearance

主题 ​

主题系统提供了全局的视觉一致性，将事件和场景的默认样式集中管理。

主题结构 ​

故事
└── 主题
    ├── 事件
    │   ├── 排版
    │   ├── 文字按钮预设
    │   └── 媒体按钮预设
    ├── 场景
    │   ├── 事件排版预设
    │   ├── 通讯应用预设
    │   ├── 对话框预设
    │   └── 文本场景预设
    └── 字体

事件主题 ​

文字按钮预设 ​

定义文字按钮的默认外观，支持创建多组预设，在按钮的 主题 属性中切换：

  • 字体大小、颜色
  • 边框宽度、颜色、样式、圆角
  • 背景颜色、背景图及循环时间
  • 常态/悬浮/入場/出場四层样式
  • 高度和宽度

媒体按钮预设 ​

定义媒体按钮的默认外观，同样支持多组预设：

  • 高度
  • 常态/悬浮/入場/出場四层样式

排版 ​

事件排版全局默认值，详见 事件排版。

场景主题 ​

事件排版预设 ​

场景级别的事件排版预设数组，可在场景的 事件排版 属性中选择。

通讯应用预设 ​

通讯场景的手机外观预设：

  • 手机模型（图片/视频）
  • 前置摄像头样式（三点/灵动岛）
  • 屏幕圆角、内部边距
  • 内部/外部样式
  • 定位、高度、出现/隐藏时间

对话框预设 ​

对话场景中对话框的外观预设：

  • 文字显示区域
  • 边框、圆角、字体大小、颜色
  • 文字阴影、内边距

文本场景预设 ​

文本场景的样式预设：

  • 最大宽度、外边距、内边距
  • 字体大小、文字对齐方式

字体 ​

导入自定义字体文件，注册后可在任意样式中通过 fontFamily 属性调用。

字体文件在故事加载时注册，注册名为该字体对象的 标题，使用方式：

css
{ "fontFamily": "字体标题" }