LP编辑器-使用手册
LP编辑器 (opens new window)
LP社区 (opens new window)
LP官网 (opens new window)
LP编辑器 (opens new window)
LP社区 (opens new window)
LP官网 (opens new window)
  • 初章

    • LP编辑器
    • 创建新项目
    • 基本设置
    • 发布作品
  • 编辑器界面

    • 界面总览
    • 工具模块
    • 游戏界面
    • 调试区域
  • 基本概念

    • 模块
    • 属性
    • 公式
    • 组合属性
    • 自动增加属性
    • 属性转化【需求、花费、获得】
    • 场景与控件
    • 字符串与图标
    • 深入理解控件
      • 控件的高级用法
        • 控件布局
        • 控件容器
        • 控件容器(弹窗)
        • 控件容器(折叠)
        • 进度条
        • 数字滑动条
        • 数字输入框
        • 开关
        • 特殊效果
        • 跳转场景
        • 跳转二级控件
        • 广告控件、催更力控件
        • 转化为排行或聊天
      • 视频教程
    • 自定义控件
    • 事件系统
    • 表格
    • 聊天与排行
    • 重置功能
    • 其他概念
    • 脚本系统
    • 模板功能
    • 商店插件
    • 邮件插件
    • 成就插件
    • 地图插件
  • 对象系统

    • 类与对象
    • 对象与控件
    • 对象筛选器
  • 催更力教程

    • 什么是催更力
  • 初级制作教程

    • 点击增加属性效果
    • 动态控制属性上限
    • 自动增加属性效果
    • 初级弹窗制作
    • 小和尚敲木鱼
  • 高级制作教程

    • 让玩家选择属性效果
    • 离线事件获取与兑换
    • 挂机类RPG游戏制作
  • 编辑器教程
  • 基本概念
lpengine
2022-09-29
目录

深入理解控件

# 控件的高级用法

前文介绍了控件的一些基础用法,他是属性转换的载体。可以显示文本和按钮。本文会介绍控件的一些高级用法,包括利用控件制作一个弹窗,利用控件,制作二级菜单等等。

总而言之,控件是一切功能的载体,LP编辑器中的所有内容都离不开他。

# 控件布局

控件的默认布局为 左侧是文字区域,右侧是按钮区域。你可以通过控件设置的布局设置,修改这个默认的布局。

你可以通过设置,修改控件的位置。其他的几种特殊的布局下文会一一介绍。

# 控件容器

一个控件除了可以被做成按钮触发外,还可以作为其他按钮的容器。你可以设置布局为控件容器。此时整个控件将会变为一个容器,不再拥有按钮,你可以往容器内添加其他控件。

默认情况下,添加的控件会以横向排列。你可以通过修改样式去修改这个默认的行为,详见自定义控件章节。

# 控件容器(弹窗)

控件容器会把自身变为一个容器,从而不再拥有按钮。类似的,控件容器(弹窗)也可以添加其他控件,但是他自身不会变为一个容器,而是点击后弹出一个窗口。原本按钮的所有效果都会保留。点击触发后,会弹窗展示所有添加的按钮。

注意

注意,控件容器(弹窗)控件本身依然拥有按钮,所以如果填写了花费或获得属性,这个属性转化依然会触发~

控件容器(弹窗)默认拥有一个返回按钮,用于关闭这个弹窗。你可以设置隐藏返回按钮。

默认情况下,点击弹窗中的任意一个控件后,弹窗会被关闭,如果你想保持弹窗的展示,可以设置点击后保留

提示

当设置隐藏返回按钮和点击后保留后,弹窗将无法被关闭。这个时候,你可以新建一个子控件,并设置点击后关闭所在弹窗(仅在控件容器(弹窗)中生效),这个时候按钮的效果将会变为关闭其所在的弹窗。利用这个设置,可以自定义弹窗的返回按钮。

# 控件容器(折叠)

可以把控件做成折叠面板的形式,整个控件变成只有控件名字的一个区域,无法再触发,点击后会打开折叠面板,展示内部的子控件。

除了上述的一些基本容器外,未来还会添加更多的容器形式喔~!欢迎多多提意见

# 进度条

控件还可以转化为进度条,实现一些复杂的效果。

设置为进度条后,你需要设置两个属性。当前属性与上限属性。假设当前属性的值为3,上限属性的值为10,那么整个进度条将会显示30%的区域。你也可以设置进度条的颜色。

# 数字滑动条

控件可以转化为数字滑动条,使得可以直接通过拖动滑块的形式,来改变属性的值。可以给滑块设定最小,最大和步长。三个值均可以设置属性的值来代表。

您需要设置一个进度条绑定的属性,当拖动滑块时,将会在下一帧改变属性的值。

滑动条的默认样子会很丑,你需要设置样式来改变他的样子。其中按钮样式为滑动条的样式。按钮名字样式为滑块的样式。

按钮样式的color的值,为进度条的颜色。建议不要设置背景。下方为一个推荐的样式

{
    "width": "50%",
    "background": "none",
    "background-color": "none",
    "color": "green",
    "height": "16px",
    "margin-top": "8px"
}

滑块的样式可以修改按钮名字样式,例如

{
    "background": "blue",
    "border": "1px solid red"
}

# 数字输入框

类似数字滑动条,你可以通过直接输入的形式,来直接指定属性的值。按钮样式变为输入框的样式。

# 开关

你可以把控件变为一个开关。然后设定否值与真值为某个属性的值。然后把控件绑定某个属性,随后当用户改变开关的状态时,属性的值将会在下一帧自动的被修改。

比如绑定了属性A,真值为属性B,否值为属性C,那么当开关被打开时,属性A的值将会变为属性B的值,当开关被关闭时,属性A的值将会变为属性C的值。如果属性A的值被其他方式修改,开关的状态也不会被改变,直到玩家修改开关状态那么属性A的值才会被修改。

注意

当控件变为开关,数字输入框或者输入滑动条后,控件原本的按钮效果将会消失无效。

提示

支持绑定对象的控件,绑定对象后,开关,数字输入框和滑动条的属性,都将采用对象属性。

# 特殊效果

上文讲述了控件作为容器使用的一些功能,接下来会讲解控件的其他一些功能。

# 跳转场景

切换场景最简单的办法就是把场景添加到导航栏中,这样子就能快捷的切换场景。但是导航栏的功能有限,因此控件提供了一个跳转场景的功能,点击控件的按钮后,将会触发跳转。

提示

导航栏中会展示场景的名字,利用控件可以在无需知道场景名字的情况下,跳转。

注意

设置了跳转场景后,控件的基础效果,如消耗获得属性依然会触发。

# 跳转二级控件

有些时候,我们想把几个控件在一个场景中展示,但是又不想新建一个场景的情况下,可以通过设置二级控件来实现。添加二级控件后,点击该按钮,就会展示所有的二级控件。

提示

二级控件可以嵌套,实现多级菜单。

默认情况下有一个返回按钮,如果你想自定义返回按钮的样式,你可以通过设置一个返回控件来覆盖这个返回按钮。

# 广告控件、催更力控件

详见催更力章节

# 转化为排行或聊天

如果你想在任意地方显示排行榜或者聊天窗口的话,可以把控件转化为对应功能的控件。

# 视频教程

本文字教程持续更新中!还有很多内容没来得及完善,可以先看视频教程~视频较老,部分界面可能不同,理解概念即可

支持LP平台

上次更新: 2023/07/23, 18:13:03
字符串与图标
自定义控件

← 字符串与图标 自定义控件→

Theme by Vdoing | Copyright © 2022-2023 LPEngine
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式