本章项目成果展示

我们打开上一篇71QFrameWork更新道具图片UGUI的项目，

本章要做的事情是制作背包UI界面，实现道具栏与背包道具的互通

首先将以下资源图片放进Art文件夹

将UICanvas的UISlot对象复制一份放在Image下

创建Scrollbar View

设置Scrollbar View

删除横向Scrollbar

重命名Content

设置SlotItemRoot.cs

对SlotItemRoot对象增加Bind

重命名Image为BagExample

对BagExample对象增加 View Controller

修改生成脚本位置：

查看UISlot是否有Bind

在父级生成脚本：

编写脚本：BagExample.cs

using UnityEngine;
using QFramework;

// 1.请在菜单 编辑器扩展/Namespace Settings 里设置命名空间
// 2.命名空间更改后，生成代码之后，需要把逻辑代码文件（非 Designer）的命名空间手动更改
namespace QFramework.Example{
	public partial class BagExample : ViewController{
		void Start(){
			UISlot.Hide();
            Refresh();
        }
		public void Refresh() {
            SlotItemRoot.DestroyChildren();
            foreach (var slot in ItemKit.BagSlots){
                UISlot.InstantiateWithParent(SlotItemRoot)
                    .InitWithData(slot)
                    .Show();
            }
        }
	}
}

修改脚本：ItemKit.cs

修改脚本：UISlot.cs

隐藏Raycast Target

运行项目

接下来的文章内容：

1.QFrameWork插槽分组UGUI

2.位置存储功能

3.点击名称寻找地点功能

4.隐藏怪物的生成

5.怪物I攻击范围内的主动攻击

6.掉落坐骑蛋的获取

7.异步传送转换场景

以及开放回合制、坐骑系统、宠物系统、背包系统、神炼系统、商城系统、Boss的目标跟随任务导航系统以及UI播放3D动画效果等等。

具体项目运行效果请关注water1024的b站视频项目演示《破碎纪元》

【Unity回合2.5D】破碎纪元_单机游戏热门视频 (bilibili.com)https://www.bilibili.com/video/BV1rZY4e9Ebs/?spm_id_from=333.999.0.0&vd_source=547091a95b03acfa8e8a9e46ef499cd6