共计 2005 个字符,预计需要花费 6 分钟才能阅读完成。
HTML 元素
描述
HTML 元素插件允许您在项目中包含自定义 HTML 内容。使用 CSS 可以更改 HTML 内容的外观以显示更复杂的布局(如表格、网格和菜单)。
属性
- 标记 : Construct 创建的 HTML 标记的名称。默认是 div,但可以改为任何其他 HTML 元素。
- 内容 : 用作 HTML 元素的初始内容的文本。内容的解释方式由“内容类型”属性设置,默认为 HTML。
- 内容类型 : 选择初始内容文本的解释方式。默认为 HTML,也可以设置为 BBCode 或纯文本,以避免完全解释文本上的任何标签。
- 最初可见 : 设置 HTML 元素在创建时是否可见。通过设置样式 display: none 使元素不可见。
- 编号 : 要为 HTML 元素设置的 ID。
- 类 : 要为 HTML 元素设置的类。可以指定多个类,用空格分隔。
- 允许上下文菜单 : 是否应允许在 HTML 元素上使用浏览器的默认上下文菜单。通常,对于输入元素,应该允许这样做,但对于游戏,通常不允许它适用于游戏,游戏可能会将右键单击等控件用于其他目的。
- 停止输入事件 : Construct 有时会阻止 HTML 元素上的输入事件到达项目的其余部分。例如,如果使用箭头键在文本输入中移动插入符号,则如果它们由箭头键控制,则不应移动播放器。这也适用于鼠标或触摸输入。这对于 HTMLElement 对象是可选的,并且有三种模式:否、仅限子元素和整个元素。
- 设置颜色 : 启用设置颜色以将 HTML 元素上的 CSS 样式设置为给定颜色。这将更改文本颜色。通常这是可取的,否则文本颜色在背景中可能不可见。
- 设置背景颜色 : 启用设置背景颜色以将 HTML 元素上的样式设置为给定颜色。
- 自动字体大小 : 根据画布的显示比例自动在 HTML 元素上设置 CSS 样式。这提供了一种使用单位调整画布 HTML 内容大小的便捷方法。
- 允许选择文本 : 设置是否允许拖动文本以创建选区。默认情况下,这是禁用的,这将添加 CSS 样式 user-select: none。
- Style 属性 : 可以在此处添加主 HTML 元素的其他 CSS 样式,用分号分隔。这将通过 HTML 元素的属性进行设置。如果有多个简单的样式,请考虑使用 CSS 文件。
代码注释
HTML 元素条件
点击时
单击 HTML 元素的任何部分时触发。TargetID 和 TargetClass 表达式设置为单击元素的 ID 和类。
点击上课
单击具有给定 CSS 类列表的元素时触发。这包括单击具有给定 CSS 类的元素所包含的任何子元素。可以指定单个类名,也可以指定多个类,用空格分隔,在这种情况下,单击的元素必须与所有给定的类匹配。
在点击的 ID 上
单击具有给定 ID 的元素时触发。这包括单击具有给定 ID 的元素所包含的任何子元素。
在 CSS 动画上结束
当任何包含的元素的 CSS 动画完成(即事件)时触发。动画名称由规则指定。TargetID 和 TargetClass 表达式设置为完成 CSS 动画的元素的 ID 和 class。
HTML 元素操作
请注意,某些操作具有相同的名称。HTML 元素组中的操作对于所有基于 HTML 的插件(如 Button 和 Text Input)都是通用的,并且只会影响主 HTML 元素。HTML 内容组中的操作对 HTML 元素插件是唯一的,可以更新对象的内容。
创建精灵图像元素
使用给定 Sprite 对象的当前图像的内容创建一个元素,并将其插入到 HTML 元素中。要插入的位置由 CSS 选择器设置。
插入内容
在 HTML 元素中插入给定的内容字符串。字符串根据内容类型(HTML、BBCode 或纯文本)进行解释。该位置指示是在给定位置的起点还是终点插入。
将对象定位在元素上
设置给定对象的位置和大小,以匹配特定 HTML 元素的位置和大小。元素由 CSS 选择器选择。
移除内容
根据给定模式,可以完全删除元素,也可以清除其内容以使其为空。要删除或清除的内容由 CSS 选择器提供。
Set 属性
根据给定模式设置或删除 HTML 元素上的命名属性。如果删除,则忽略该值。要更改其属性的 HTML 元素由 CSS 选择器提供。
Set 类
根据给定的模式,在 HTML 元素上添加、切换或删除类。可以通过用空格分隔多个类的名称来一次更新多个类。
设置内容
将 HTML 元素中的某些内容替换为给定的字符串。字符串根据内容类型(HTML、BBCode 或纯文本)进行解释。
设置 CSS 样式
根据 CSS 属性名称及其值的字符串,在 HTML 元素内的 style 属性上设置单个 CSS 样式。
设置滚动位置
设置元素的水平或垂直滚动位置。要滚动的 HTML 元素由 CSS 选择器提供。
HTML 元素表达式
EscapeHTML(字符串)
从给定字符串中转义 HTML 中任何有意义的字符。这对于将用户内容安全地插入到 HTML 字符串中非常重要。
HTMLContent
包含 HTML 元素完整内容的字符串,可以是完整的 HTML 字符串,也可以是纯文本(删除了 HTML 标记)。
目标类
在类似“单击时”的触发器中,这些触发器包含受影响的 HTML 元素的类。
目标 ID
在类似“单击时”的触发器中,这些触发器包含受影响的 HTML 元素的 ID。