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编辑器
    • 创建新项目
    • 基本设置
    • 发布作品
  • 编辑器界面

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

    • 模块
    • 属性
    • 公式
    • 组合属性
    • 自动增加属性
    • 属性转化【需求、花费、获得】
    • 场景与控件
    • 字符串与图标
    • 深入理解控件
    • 自定义控件
    • 事件系统
    • 表格
    • 聊天与排行
    • 重置功能
    • 其他概念
    • 脚本系统
    • 模板功能
    • 商店插件
    • 邮件插件
    • 成就插件
    • 地图插件
  • 对象系统

    • 类与对象
    • 对象与控件
    • 对象筛选器
  • AI系统

    • 什么是AI
    • 编辑器AI功能
    • 控件发送提示词
    • AI冒险插件
  • 催更力教程

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

    • 点击增加属性效果
    • 动态控制属性上限
    • 自动增加属性效果
    • 初级弹窗制作
      • 初级弹窗教程
        • 建立所需要的属性和控件
        • 制作外部弹窗控件
        • 制作标题
        • 显示金币数量
        • 增加与减少金币
        • 最终效果
    • 小和尚敲木鱼
  • 高级制作教程

    • 让玩家选择属性效果
    • 离线事件获取与兑换
    • 挂机类RPG游戏制作
  • 编辑器教程
  • 初级制作教程
lpengine
2023-07-23
目录

初级弹窗制作

# 初级弹窗教程

本教程的目的是学会一些初级简单的CSS,以及一些简单的弹窗结构的搭建。


思路整理:

目的是,有一个属性叫【金币】,然后是制作一个弹窗,里面包含两个按钮,一个是增加金币,一个是减少金币,并且能在弹窗里面看到当前的金币数量。


# 建立所需要的属性和控件

  1. 新建一个属性,命名为【金币】(如果没有场景需要新建一个场景,这里就不做演示了)

1.png

  1. 新建5个控件,分别暂时命名为【打开弹窗】【标题】【显示金币】【增加金币】【减少金币】,这些名字只是暂时的为了做区分

2.png


# 制作外部弹窗控件

  1. 双击控件【打开弹窗】,修改控件属性,控件名称修改为【调整金币】

3.png

  1. [覆盖按钮文本]内容修改为【打开界面】,**[按钮中显示提示]**设置为[否],控件设置修改为[控件容器(弹窗)],并依次添加控件【减少金币】【增加金币】【显示金币】【标题】

4.png

4.png

4.png

  1. [点击成功是否反馈]改为[否],[点击失败是否反馈]改为[否],[是否禁止显示详情]改为[是]

5.png


# 制作标题

  1. 双击控件[标题],修改控件属性,控件名称改为【修改金币】,别名修改为[标题],[是否隐藏(无视需求)]改为[是],[是否禁止显示详情]改为[是]。

6.png

7.png

  1. 接下来设置格式,打开标题控件的【UI编辑器】,接下来先把文字居中显示:选中[控件名称样式] → [添加一级样式] → [可视化编辑]开启 → 勾选 [字体大小]设置为8号字体 → 勾选[字体粗细]选择更粗 → 勾选[字体水平] 选择居中;

8.png

9.png

  1. 由于标题不需要按钮,我们还需要把按钮给隐藏了:选中[按钮样式] → [添加一级样式] → 勾选[显示模式]选择完全隐藏,如此标题设置完毕。

10.png

# 显示金币数量

  1. 双击控件[显示金币],修改控件属性,在[快捷复制ID]处获得属性【金币】的ID,控件名称改为【金币:(复制的金币属性ID)】,别名修改为[显示金币]

11.png

12.png

  1. 继续修改[显示金币]控件的属性,[是否隐藏(无视需求)]改为[是],[是否禁止显示详情]改为[是]

7.png

  1. 接下来设置它的格式,打开【UI编辑器】,选则[按钮样式],点击[添加一级样式],勾选[显示模式]选择隐藏模式。以此金币的显示设置完成

13.png


# 增加与减少金币

  1. 双击控件【增加金币】,设置[覆盖按钮文本]内容为[增加1个金币],[按钮中显示提示]设置为[否],[点击成功是否反馈]设置为[否],[点击失败是否反馈]设置为[否],[是否隐藏(无视需求)]设置为[是]

14.png

15.png

  1. 设置[点击后玩家获得属性],新增一条内容为【获得1金币】(意思就是每次点击会获得1金币)

16.png

  1. 最后我们来调整当前控件的的【UI编辑器】,点击【文本域样式】,勾选[显示样式]选择完全隐藏。以上我们即设置完了增加金币的按钮。

17.png

  1. 我们接着设置【减少金币】的按钮,所有步骤都和增加金币相同,以下是一些不同的内容,[覆盖按钮文本]内容填写[减少1个金币],[点击后玩家获得属性]内容为【获得-1金币】;如此减少金币按钮也制作完成。

18.png

19.png


# 最终效果

  1. 以上步骤已经全部做完弹窗加金币的内容,以下是功能展示,点击弹窗的增加和减少按钮即可完成对金币数值改变。

20.png

21.png

上次更新: 2023/12/06, 19:43:46
自动增加属性效果
小和尚敲木鱼

← 自动增加属性效果 小和尚敲木鱼→

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