【 UGUI 】 (三)-------- 背包系统(上)之简易单页背包系统及检索功能的实现

背包系统,无论是游戏还是应用,都是常常见到的功能,其作用及重要性不用我多说,玩过游戏的朋友都应该明白。

在Unity中实现一个简易的背包系统其实并不是太过复杂的事。本文要实现的是一个带检索功能的背包系统。先看一下我们要完成的效果 。由于上传的gif图不能大于5M,所以录制的质量比较一般。大家先将就看一下吧

 

那现在,我们就开始动手了~~

一. 拼UI

由于本文着重讲述的是背包系统的运作,所以,背包里面的元素获取就简洁地做成这个样子

事实上,一般游戏内获取道具的途径是敌人掉落,完成任务,商城购买等,而这里简化了这一步,右边的加号代表向背包里添加一个该元素。好了,现在开始实际制作。

 

1.1 在 Resources 文件夹下创建两个子文件夹 Prefab 和 Sprite ,用于存放资源

,

 

1.2 创建一个Canvas;

    创建一个空物体,命名为Options;

    创建一个 Image,用来显示道具,命名为 X1-装备

    在上一步创建的 Image 下创建一个子 Image。

    然后给这两张 Image 赋值

    

这里需要说明的是,命名为 X1-装备 是为了更方便的说明背包如何运作,事实上一般游戏的道具都是有着名字,种类等属性,而这些属性应该储存在 配置表 里面。本文不会涉及到配置表的操作,所以这里就简洁处理。还有这些UI资源都是随意的,读者自行选择自己的图片资源。

 

1.3 进行第②中的操作,实现如下效果

 

1.4 制作背包

    在Canvas下创建一个空物体,命名为BG,赋上一张背景图,调整尺寸大小

 

     在BG下创建一个Panel,调整其尺寸大小。并添加 Content Size FitterGrid Layout Group 组件,修改其中参数

 

 

 

1.5 检索UI

在BG下创建一个空物体,命名为 Toggles ,并在其下创建3个子Toggle,分别命名为 Med,Eqi,Goods。

再创建一个 InputField。如图


 

1.6 单个道具Item

创建一张Image, 命名为Cell。在Cell下创建一个子Text。调整两者大小。做成prefab,放到prefab文件夹中

 

至此,UI 拼接就完成了。只缺逻辑了~~~

 

二. UI逻辑

 

2.1 物品类

首先创建一个C#脚本,命名为 CellItem,代表物品类。一个道具(物品),通常都会有 名字,所属种类,数量,价格等属性,而这里的话&#x

  • 2
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: UGUI是指“User Graphic User Interface”,可以翻译为用户图形界面。它是一种用户与计算机进行交互的方式,通常以图标、按钮、菜单等可视化元素的形式展现给用户。UGUI可以让用户通过简单直观的操作完成复杂的任务,提高了用户对计算机的使用体验。 Sci-Fi是指“Science Fiction”的缩写,可以翻译为科幻。科幻是一种虚构文学和电影类型,通过科学以及科技的发展为基础,探讨未来世界的可能性。科幻作品中会出现各种前所未有的科技设备、想象力丰富的场景和故事情节,旨在激发人们对未来和科学的好奇心。 UGUI与Sci-Fi可以结合在一起,形成创新的应用。比如在虚拟现实和增强现实领域中,UGUI可以为用户提供直观的操作界面,让用户更加方便地体验科幻故事中的虚拟环境。同时,UGUI的发展也可以受到科幻作品的启发,将更多的创新科技融入到用户界面设计中,提供更加便捷、智能的交互方式。 总之,UGUI和Sci-Fi的结合展现出了前所未有的潜力。它们的共同点是都关注和探索人与科技的互动方式,为我们的生活和工作带来了很多创新的可能。通过不断的研究和创新,我们可以期待在未来看到更多的UGUI sci-fi应用的出现,为人们带来更加便捷、智能、令人惊叹的体验。 ### 回答2: UGUI是什么?UGUIUnity GUI)是一种用于游戏开发的图像用户界面(GUI系统。它是Unity引擎的一部分,提供了一系列用于创建游戏界面的工具和组件。 科幻(Sci-Fi)是指科学幻想的缩写,是一种虚构的文学和电影风格,主要关注科学技术的发展和未来社会的设想。 UGUI Sci-Fi是将这两个元素融合在一起。在游戏开发中,UGUI可用于创建科幻题材的界面,为游戏增添视觉效果和交互体验。使用UGUI可以自定义各种科幻元素,例如虚拟屏幕、炫酷的按钮、分析仪表盘等,使游戏界面更具科幻风格。 UGUI Sci-Fi的应用不仅仅局限于游戏开发。随着虚拟现实(VR)和增强现实(AR)技术的发展,越来越多的人开始使用UGUI Sci-Fi来创建虚拟界面和用户交互体验。这些界面可以用于虚拟现实游戏、科幻主题的交互式体验以及其他科技展示和演示。 UGUI Sci-Fi的潜力是巨大的。它提供了一个创造性的平台,使得开发者能够通过虚构的科幻元素来打造独特的用户界面和用户体验。无论是在游戏开发还是其他领域,UGUI Sci-Fi都可以为用户带来沉浸式、刺激性和独特的视觉效果,让人们更好地体验科幻世界的魅力。 ### 回答3: UGUI是什么?UGUIUnity游戏开发引擎中的一种图形用户界面系统,可用于创建游戏中的界面元素。 Sci-fi是什么?Sci-fi是科幻的缩写,指的是科幻小说、电影、游戏等作品的内容和风格。 结合起来,UGUI Sci-fi就是利用UGUI系统来创建科幻风格的游戏界面元素的意思。 在开发游戏时,选择适合游戏风格的界面元素对于营造游戏氛围和玩家体验非常重要。科幻题材的游戏通常具有未来感和高科技的特点,因此在界面设计上需要展现出这种风格。UGUI系统提供了丰富的功能和灵活的设计工具,使得开发者可以轻松创建出符合科幻风格的游戏界面。 使用UGUI Sci-fi可以在游戏中展现出虚拟的科技感,例如使用高科技设计的按钮、界面元素带有流光效果、炫酷的过渡动画等。这些元素可以为玩家创造出一个令人身临其境的科幻世界,增强游戏的视觉吸引力和沉浸感。 总而言之,UGUI Sci-fi是一种利用UGUI系统来创建科幻风格游戏界面元素的方法,通过精心设计的界面元素可以提升游戏的视觉效果,为玩家带来更好的游戏体验。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值