#灵感

商店 预制体 参考

![[Pasted image 20241125153544.png]]

UI的创建和修改 编辑器工具，入口

![[Pasted image 20241125154251.png]]

![[Pasted image 20241125154300.png]]

![[Pasted image 20241125161334.png]]

美术资源

![[Pasted image 20241126092138.png]]

全路径：

![[Pasted image 20241126092226.png]]

新版ui创建工具

https://inspire.larksuite.com/wiki/RSsLw3HLQi6brSkPLk6uYrWVsZb

功能入口：

![[Pasted image 20241126105628.png]]

测试入口

![[Pasted image 20241126171255.png]]

![[Pasted image 20241126152610.png]]

![[img_v3_02h0_85dec68e-95d0-4310-8f5d-aa2aea89a7ch.jpg]]

所有程序的驱动和入口

![[Pasted image 20241202164055.png]]

界面comp逻辑参考

![[Pasted image 20241126202846.png]]

lua管理预制体资源，一般有两种：

第一种：是放回对象池，先不销毁，用于频繁操作的预制体

![[Pasted image 20241127142143.png]]

第二种：是马上销毁的

![[Pasted image 20241127142344.png]]

底层引用的逻辑位置：

![[Pasted image 20241127142404.png]]

购买接口

![[Pasted image 20241127171114.png]]


购买成功和失败，分别对应的事件回调

![[Pasted image 20241212104017.png]]

先注释打开回调界面

![[Pasted image 20241127174216.png]]

OSA滑动列表创建参考

![[Pasted image 20241128092315.png]]

右键，创建入口

![[Pasted image 20241128092409.png]]

参考链接：
https://inspire.larksuite.com/wiki/ACPBwAKdGimBLbkjoYQuUFGgsMc

初始化数据列表：

![[Pasted image 20241128102832.png]]

滑动列表 创建时候 刷新、销毁 的相关监听逻辑

![[Pasted image 20241128102959.png]]

举例说明：
刷新逻辑

![[Pasted image 20241128103208.png]]

事件系统
取消监听，一般是在OnDispose() 资源释放的时候，调用

![[Pasted image 20241128154529.png]]

添加监听，其中EventMgr是lua端的相关事件监听，而LuaHelper添加的，是C#端的事件监听

![[Pasted image 20241128154650.png]]

触发事件

![[Pasted image 20241128160241.png]]

dotween的调用参考[[dotween Append、Join的作用分别是什么]]

![[Pasted image 20241129095755.png]]

拿到当前需要展示的商品总表，然后遍历，拿到商品相关信息

![[Pasted image 20241129105117.png]]

通过商品id，拿到物品配置

![[Pasted image 20241129105029.png]]

根据商品配置，拿到奖励相关；
然后，对应 RefreshUI函数，是用于更新刷新，对应的icon ui表现

![[Pasted image 20241129105913.png]]

绕一圈，把id传给物品表ItemScheme，拿到对应的物品配置，然后RefreshIcon是刷新图表的函数

![[Pasted image 20241129110626.png]]

最终调用的，图片加载，相关逻辑

![[Pasted image 20241129110811.png]]

设置图片相关：
需要先确认，图片使用组件是L开头相关

![[Pasted image 20241202094704.png]]

还有另一种图片类型，暂时用不上

![[Pasted image 20241202094925.png]]

然后，获取对应组件

![[Pasted image 20241202094937.png]]

再弄一个容器，指向需要切换的，图片名称

![[Pasted image 20241202094958.png]]

使用接口，加载图片即可

![[Pasted image 20241202095028.png]]

带参数的触发事件，有两种不同方式：
第一种：
先弄一个事件id

![[Pasted image 20241202113523.png]]

传参一个index索引

![[Pasted image 20241202113659.png]]

注册 事件监听回调

![[Pasted image 20241202113911.png]]

对应的回调函数，相关逻辑；
需要注意的是，这里是使用了`:`标识，第一个传参，就不会是`self`，如果是`.`标识，第一个传参会是`self`，这也是lua的基础语法属性

![[Pasted image 20241202114003.png]]

第二种，也是先添加，对应的eventId

![[Pasted image 20241202114507.png]]

可以看到，有多个传参

![[Pasted image 20241202114524.png]]

通过事件数组的形式，统一管理事件合集

![[Pasted image 20241202114729.png]]

对应的响应回调，也是`:`标识

![[Pasted image 20241202114757.png]]

组件销毁，需要取消监听一下，也是有两种销毁机制；
对应上述第一种添加的：

![[Pasted image 20241202162645.png]]

如果是第二种，是不需要单独销毁的，因为在view基类中，统一管理和销毁了

![[Pasted image 20241202162923.png]]

物品表

![[Pasted image 20241202171426.png]]

获取物品表的逻辑

![[Pasted image 20241202173922.png]]