Unity3D自学笔记——UGUI背包系统（二）UI设计实现及数据绑定

最新推荐文章于 2024-08-02 08:04:35 发布
最新推荐文章于 2024-08-02 08:04:35 发布
阅读量7.7k 收藏 21
点赞数 1
分类专栏： Unity3D 文章标签： unity3d
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/alistair_chow/article/details/53056606
版权

UI设计实现及数据绑定

目录结构

这里写图片描述

背包UI创建

pnlScrowView
背包的外层
这里写图片描述
背包的格子数量会超过UI的屏幕大小，所以需要进行滚动，UGUI创建滚动效果的界面是首先建立一个容器，容器需要一个不透明背景图片，然后添加一个ScrollRect，表示该区域是可以进行滚动操作的。再在该GameObject上添加Mask遮罩，用于隐藏超过该背景的物体。

pnlGrid
背包的里层
当背包的里层的大小（高度或宽度）超过外层大小时，则外层可以进行滚动。
这里写图片描述

这里写图片描述
GridLayout用于对Grid进行自动排序，Grid代表背包内的一个格子，长宽65X65，每一行5个格子
ContentSizeFitter，是让容器自适应内容的大小，如超过目前容器的高度，则自动增加高度，Rect Transform需要按图上设置顶部对其，否则滚动条会默认在中间
Grid
这里写图片描述
Grid和Item都被做成了Prefab,并置于了Resources目录下，用于动态创建
这里写图片描述
Grid就是一张图片，没有其他东西
Item
格子内的物品
这里写图片描述
需要展示的有Name, Icon和Count
这里写图片描述
Item上有个UIItem脚本，就是将需要显示的对象进行赋值

最低0.47元/天 解锁文章
alistair_chow
关注
专栏目录
Unity3D自学笔记——UGUI背包系统（三）物品弹出提示框
alistair_chow的博客
11-07 1万+
物品弹出提示框效果图利用Toggle实现物品选中效果 向背包里层pnlGrid添加一个Toggle Group 修改Item预制体，将其修改为Toggle 向Item添加Toggle组件 默认Is On不选中 其余的设置不变，多了一个Checkmark，即IsOn为True时会显示该图片，所以设置一张图片。预制体里不能设置Toggle的ToggleGroup，需要在代码里控制，
Unity-Weld：用于Unity的MVVM风格的数据绑定系统
02-06
团结焊 的Unity数据绑定系统。 Unity-Weld是Unity 5+的库，可在Unity UI小部件和游戏/业务逻辑代码之间进行双向数据绑定。 这减少了样板代码，否则这些样板代码对于属性更改时更新UI来说是必需的，从而消除了场景中对象之间容易被破坏的混乱链接的需求，并通过提供一层来简化代码的单元测试UI和您的核心逻辑代码之间的抽象关系。 关于Unity Weld的一系列文章已发表在。 可以在这里找到示例Unity项目： : 。 安装 要在新的或现有的Unity项目中安装Unity-Weld： 在Visual Studio中加载Unity-Weld.sln并进行构建 将Uni
UGUI动态绑定事件
weixin_33835103的博客
03-25 76
using System.Collections.Generic;using UnityEngine;using UnityEngine.EventSystems;using UnityEngine.Events; public class EventManager { 　　public static void addEventListener(GameObject go,EventTrig...
NGUI Data Binding：实现动态数据与界面的无缝连接
最新发布
Unity打怪升级
08-02 679
NGUI的数据绑定允许开发者将UI元素与数据模型连接起来，实现数据的自动更新和UI的响应式变化。这种机制类似于MVVM（Model-View-ViewModel）模式中的双向数据绑定。
【Unity3D】UI Toolkit数据动态绑定
little_fat_sheep
09-12 2080
本文将实现 cvs 表格数据与 UI Toolkit 元素的动态绑定。如果读者对 UI Toolkit 不是太了解，可以参考以下内容。UI Toolkit简介UI Toolkit容器UI Toolkit元素UI Toolkit样式选择器UI Toolkit自定义元素// 便于在UI Builder中导入自定义UI, 需要有无参构造函数// 模板容器// 角色属性。
[Unity] UGUI功能扩展插件包
weixin_33916256的博客
03-22 836
在使用Unity的UGUI时，发现自带的控件很少，而且功能比较简单，比如Button在属性面板中只有一个OnClick事件可以设置。但是我需要有更多功能的Button，比如能在属性面板中设置OnDown, OnUp, OnEnter, OnExit, OnLongClick这些事件等。我在网上看到有高手做了一些东西来增加相关UI组件的易用性，比如雨松Mono大神的EventTriggerListe...
DataBind：Unity的简单数据绑定
02-06
数据绑定 统一的简单数据绑定。 用法 将包文件DataBind.unitypackage导入Unity 将DataBindContext添加到父对象 将Bind*组件添加到子级 使用dataBindContext[key] = value绑定值 查看Demo / DemoScene了解详细信息。 绑定文字 环绕键在UI文本中带有双大括号，并在父级DataBindContext设置值 var context = GetComponent < DataBindContext>(); context [ " Username " ] = " Bobby " ; 结果： 自定义绑定 程序包包含
Unity3D自学笔记——UGUI背包系统（四）角色物品数据建立
alistair_chow的博客
11-07 4810
角色物品数据建立ItemInfo 为游戏物品数据，背包中的信息应该是角色自身的物品，之前ItemInfo只是用于测试背包效果。UserItem对象表结构 相对于ItemInfo就简单多了，关联了userId 和 itemId，实现user 和 item的多对多关系。 一个User 可以拥有一个以上的相同Item 一个Item也可以被多个User拥有Lv 用来计算当前Item的属性 cou
Unity3D自学笔记——UGUI背包系统（八）物品的分类与整理
热门推荐
alistair_chow的博客
11-10 1万+
物品的分类与整理效果图全部 装备 药水 其他 实现功能1.全部显示背包的所有格子及所有物品 2.分类显示该类物品及该类物品个数的格子 3.不管是哪个面板的装备进行了更新，其余面板都应更新 4.数量显示当前格子数量和总数量例如 从装备Tab装备一个装备至角色身上 装备分页该装备要消失 并且在全部分页中也应该对应消失 实现逻辑1.有两个背包容器，一个为全部的物品
Unity3D自学笔记——UGUI背包系统（六）角色换装及属性动态改变
alistair_chow的博客
11-08 3674
角色换装及属性动态改变同样利用了Attribute设计，其实角色这里已经很简单了效果图白属性 装备剑， 攻击力+10 装备匕首，攻击力+8 装备三级匕首，攻击加24 同样角色属性的改变是通过之前写的PlayerStatus进行赋值大致示意图思路通过装备按钮，更改PlayerStatus的装备属性，并重新计算角色总属性，然后触发PlayerStatus的换装事件，通知角色属性面板刷
ugui-mvvm：通过wpf中使用的标准IXChanged接口（INotifyPropertyChanged，INotifyCollectionChanged等）的Unity3D uGUI mvvm数据绑定
02-06
ugui-mvvm 通过WPF应用程序中使用的标准INotifyPropertyChanged / INotifyCollectionChanged接口完成的Unity GUI（新的）数据绑定。 基本用途 有两种创建视图模型的方法： 作为源自MonoBehaviour的组件 作为 ，通过DataContext和CommandBinding组件绑定 打开将显示绑定工作的多种方式 提醒一下，这两种方法都需要实现INotifyPropertyChanged才能起作用。 为了大大减少INPC的工作量，建议您将与插件一起使用。 在绑定字段中引用组件。 由于几乎不可能统一引用其他对象上的特定组件，因
Unity UGUI一键绑定UI控件工具(编辑器拓展)
qq_54351806的博客
04-16 1575
实现自动生成代码绑定UI控件 并生成字典保存UI控件减少自己拖拽 和手动书写过程 适用动态加载面板建议搭配UI框架使用。
Unity 反射绑定UI
qq_34807848的博客
12-17 2788
ui的名称和定义的字段名要保持一致 using System; using System.Collections; using System.Collections.Generic; using System.Linq; using System.Reflection; using UnityEngine; using UnityEngine.EventSystems; using UnityEngine.UI; public class UBind : MonoBehaviour { [Se
Unity3D使用NGUI实现简单背包功能
weixin_34122604的博客
04-23 301
前话 在许多类型游戏中我们经常会使用到背包，利用背包来设置相应角色属性，多了背包也会让游戏增色拓展不少。 那在Unity3D游戏开发中该如何编写背包系统呢？因为有高人开发了NGUI插件，因此我们进行简单编写代码设置即可实现一个简单的背包功能了。 准备工作 新建一个工程PackageDemo 导入NGUI包（最新版3.9.8版的正版89刀） 准备好图片素材，使用NGUI将其...
U3D MvvM框架中的数据绑定(c#)
U张d的博客
05-15 806
数据驱动用处以及缺陷设计思路上代码使用方式 用处以及缺陷 Mvvm 框架中有一个很重要的思想就是数据绑定,比如某一个数据改变了,有许多界面上的东西也要相应的改变,这个时候就可以在不同的地方写一个方法,将这个方法绑定到某个数据上,当数据发生改变时,将触发调用所有绑定在这个数据身上的方法 这里有一个不如意的地方,一个数据可以被多个方法绑定没问题的,但是如果一个方法绑定了多个数据,那么每当其中一个数据变动,那么就会调用这个方法,所以一个数据的变动直接决定了一个方法的调用结果,无法由多绑定的那多个数据变化结果来共同
如何把UGUI当做一个插件使用（删除Unity中的UGUI，导入UGUI源码进入项目）
BIGWhiteT_t的博客
03-02 2380
  最近闲着没事，一直也都知道UGUI是开源的，所以就想着把UGUI的源代码放到Unity里面，看一看能不能用，经过一番调试，终于弄好了，有兴趣的同学可以看一下，欢迎交流沟通。    欲练神功，必先自宫。第一步就是把Unity里面自带的UGUI部分删除掉，路径是“Unity\Editor\Data\UnityExtensions\Unity”，直接把整个GUISystem删除，这个时候新建一个Un...
Unity——UGUI扩展 NoDrawGraphic
Htlas的博客
02-20 363
public class NoDrawGraphic : MaskableGraphic { public override void SetMaterialDirty() { } public override void SetVerticesDirty() { } protected override void OnPopula...
[Unity][UGUI][插件]EasyUIAnimator
BuladeMian的博客，菜得抠脚，菜得真实
07-15 709
EasyUIAnimator-UIParallelAnimation.cs组件，点击组件的Play按钮播放。物体运动的同时，还可以随着物体的运动 播放不同的音乐。bezier场景EasyUIAnimator UGUI按钮播放Demo组件demo场景EasyUIAnimator-UIFixedAnimation.cs组件，点击组件的Play按钮播放parallel场景...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值