把物品挂载在 Box 下即可
UI总结,设置完成后只能实现响应的UI,缺少分页(由代码控制)等功能
代码实现思路:
由滚动区域的
horizontalNormalizedPosition
控制位置,当滚动位于最左边时horizontalNormalizedPosition == 0
,而位于最右边时为horizontalNormalizedPosition == 1
。
- 计算背包页数
- 计算存储每一页
horizontalNormalizedPosition
的值- 比较当前存储的值与释放(停止拖动)时的大小判断为左拖动还是右拖动
- 计算处与停止拖动时
horizontalNormalizedPosition
距离最近的值,通过Update lerp取值,把horizontalNormalizedPosition
设置为最近的值
具体代码(继承
IBeginDragHandler
,IEndDragHandler
接口),挂载在 Knapsack 下public class KnapsackPage : MonoBehaviour, IBeginDragHandler, IEndDragHandler { public static KnapsackPage _instance; public ScrollRect rect; public Text pageInfo; public float[] index; public float smooth = 5.0f; public Transform[] boxes; public GameObject itemPref; private RectTransform view, content; private bool isDrag; private int pageIndex = 0; void Awake() { _instance = this; } void Start() { //计算页数以及对应的 horizontalNormalizedPosition 值 view = this.transform.Find("View").GetComponent<RectTransform>(); content = this.transform.Find("View/Content").GetComponent<RectTransform>(); float pages = content.childCount / 20.0f; float step = 1.0f / (pages - 1); index = new float[(int)(pages)]; index[0] = 0; for (int i = 1; i < pages; i++) { index[i] = index[i - 1] + step; } pageInfo.text = (pageIndex + 1).ToString() + "/" + ((int)pages).ToString(); isDrag = false; } public void OnBeginDrag(PointerEventData eventData) { isDrag = true; } public void OnEndDrag(PointerEventData eventData) { //向左拉, pageindex增加 if (index[pageIndex] > rect.horizontalNormalizedPosition) { pageIndex = pageIndex + 1 >= index.Length ? index.Length - 1 : pageIndex + 1; } else { pageIndex = pageIndex - 1 < 0 ? 0 : pageIndex - 1; } //计算释放时最近的页数对应的 horizontalNormalizedPosition float minDis = Mathf.Abs(index[pageIndex] - rect.horizontalNormalizedPosition); for (int i = 0; i < index.Length; i++) { if (minDis > Mathf.Abs(index[i] - rect.horizontalNormalizedPosition)) { minDis = Mathf.Abs(index[i] - rect.horizontalNormalizedPosition); pageIndex = i; } } isDrag = false; } public void OnLeftBtnClicked() { pageIndex = pageIndex - 1 < 0 ? 0 : pageIndex - 1; } public void OnRightBtnClicked() { pageIndex = pageIndex + 1 >= index.Length ? index.Length - 1 : pageIndex + 1; } void Update() { //插值运算,达到缓动的目的 if (isDrag == false && Mathf.Abs(rect.horizontalNormalizedPosition - index[pageIndex]) > 0.0015f) { rect.horizontalNormalizedPosition = Mathf.Lerp(rect.horizontalNormalizedPosition, index[pageIndex], Time.deltaTime * smooth); if (Mathf.Abs(rect.horizontalNormalizedPosition - index[pageIndex]) < 0.0015f) { rect.horizontalNormalizedPosition = index[pageIndex]; pageInfo.text = (pageIndex + 1).ToString() + "/" + ((int)index.Length).ToString(); } } }
做完上面这些基本就差不多了,但是,拖动的时候会出现 Box 挡住物体的情况,这是由于层级关系的影响,所以我的解决思路就是拖动物体时更改父级节点。
物品拖动以及更改父级节点,挂载在 Box下的物体中 下
public class ItemController : MonoBehaviour, IDragHandler, IBeginDragHandler, IEndDragHandler, IPointerClickHandler { [HideInInspector] public Transform parent; public Text num; private Transform grandParent; void Start() { } public void UpdateImageShow() { ItemInfoController info = GetComponent<ItemInfoController>(); GetComponent<Image>().sprite = Resources.Load<Sprite>("Textures/" + info.data.itemInfo.iconName); } public void UpdateNumShow() { if (GetComponent<ItemInfoController>().data.num <= -1) { Destroy(transform.gameObject); } num.text = transform.GetComponent<ItemInfoController>().data.num.ToString(); } public void OnDrag(PointerEventData eventData) { transform.position = eventData.position; // 取消相对应的射线检测,拖动结束才能检测到底部格子而不被遮挡 transform.GetComponent<Image>().raycastTarget = false; } public void OnBeginDrag(PointerEventData eventData) { parent = transform.parent; grandParent = GameObject.Find("Canvas").transform; transform.parent = grandParent; } public void OnEndDrag(PointerEventData eventData) { if (transform.parent == grandParent) { transform.parent = parent; transform.localPosition = Vector3.zero; } transform.GetComponent<Image>().raycastTarget = true; } // IPointerClickHandler 对应点击事件(OnPointerClick),弹出装备详细信息面板(这里忽略)
格子(Box)控制,挂载在 Box 下
public class BoxController : MonoBehaviour, IDropHandler { /// <summary> /// 物品被放置的时候 /// </summary> /// <param name="eventData"></param> public void OnDrop(PointerEventData eventData) { //被拖动的物体 GameObject item = eventData.pointerDrag; //被拖动的物体只能是Item,否则不作相应 if (item.gameObject.tag != Tags.Item) { return; } //自身格子,被拖动物体取消射线检测,这里才能检测到 GameObject box = eventData.pointerCurrentRaycast.gameObject; if (box.tag == Tags.Item) { //别拖动到存有物体的格子,交换位置 Transform temp = item.GetComponent<ItemController>().parent; item.transform.parent = box.transform.parent; box.transform.parent = temp; // box.transform.localPosition = Vector3.zero; item.transform.localPosition = Vector3.zero; } else if(box.tag == Tags.Box) { //别拖动到空格子,设置位置 item.transform.parent = transform; item.GetComponent<RectTransform>().localPosition = Vector3.zero; } } }
以上便实现了一个背包系统,支持拖拽,交换,分页等功能
文章浏览阅读1.6k次。深度克隆(深拷贝和浅拷贝)拷贝数据:基本数据类型:拷贝后会生成一份新的数据,修改拷贝以后的数据不会影响原数据对象/数组拷贝后不会生成新的数据,而是拷贝引用,修改拷贝后的数据会影响原数据拷贝数据的方法:1.直接赋值给一个变量:浅拷贝 修改拷贝以后的数据会影响原数据2.Object.assign():浅拷贝3.Array.prototype.concat():浅拷贝,可用于合并数组,如果传值。4.Array.prototype.slice(startindex,endindex):浅拷贝5._ed6深克隆
文章浏览阅读277次,点赞7次,收藏8次。每次写操作前,均定位到文件末尾,不会截断文件,需要将内容添加到文件末尾时,应添加该模式,例:ofstrm.open("文件名", ofstream::app) 或 ofstrm.open("文件名", ofstream::out | ofstream::app)对于fstream和sstream,它们继承了iostream,因此接口支持iostream时,也支持使用fstream和sstream。以上是处理char字符的类型,对于宽字符类型,有wfstream/wifstream/wofstream。
文章浏览阅读64次。计算 f(x1,x2)=x^2+x1^2-x0*x1-10*x0-4*x1+60#include "stdio.h"#include "stdlib.h"#include "math.h"double objf(double x[]){double ff;ff=x[0]*x[0]+x[1]*x[1]-x[0]*x[1]-10*x[0]-4*x[1]+60;return(ff);}void jtf(..._机械优化设计进退法c语言程序
文章浏览阅读1.8k次,点赞18次,收藏25次。如何认识和快速上手 `Print.js`,我们可以从官网的内容开始阅读,在官网中有很详细的介绍和使用例子,虽然是英文版的。`Print.js` 打印插件包括了 `PDF` 打印、`HTML` 打印、`JSON` 打印、图像打印等。本人每篇文章都是一字一句码出来,希望对大家有所帮助,多提提意见。_vue3 print-js
YOLOV8 C++ opecv_dnn模块部署。opencv编译需时间久,GPU版本可实时,有问题私信留言。
文章浏览阅读2.3w次。使用struts有一个很奇怪的事情,就是你不知道在什么时候,就放进来一个bug,重复地提交,而且渗透到好几个方法,甚至整个action都会被污染。像打补丁似的,struts本身可以有一个可以用来防止重复提交的拦截器: 虽然这个token能够有效地防止重复提交,但是也能够让你原来的架构一团糟。可以拿一个亲身经历作为教材。在一个搭了frame的框架里,左边的frame_js获取token
文章浏览阅读153次。/ 上传文件,单机选中上传的文件。_如何使用xshell上传文件
文章浏览阅读1.4k次。因为需要对接一些比较老的系统接口,他们的请求方式不是JSON数据结构,一般会采用xml数据结构来作为数据的入参和返参。因为我们的系统是通过JSON数据进行交互的突然接入xml数据结构的会比较的麻烦,麻烦的体现在xml数据结构比较复杂,同时如果采用字符串拼接的话会比较的难以维护。通过JAXBContext来将xml字符串转为Java实体或者把Java实体转为xml字符串_xml字符串转换为实体对象
文章浏览阅读604次。http://www.cnblogs.com/qinfengxiaoyue/archive/2013/02/01/2889668.html--原文1.问题引出很久没有写程序设计入门知识的相关文章了,这篇文章要来谈谈程序库 (Library) 链接,以及关于 MSVC 与 CRT 之间的种种恩怨情仇。如果你使用的操作系统是 Linux、Mac 或其他非 Windo_error lnk2005: __lock 已经在 msvcrtd.lib(msvcr120d.dll) 中定义
文章浏览阅读527次。报错信息:org.springframework.beans.factory.BeanCreationException: Error creating bean with name 'initService' defined in file [E:\WebWork\SMS\WebRoot\WEB-INF\classes\applicationContext-service.xml]: I..._rg.springframework.beans.factory.beancreationexception: error creating bean
文章浏览阅读1.5k次。JavaScript 1.0这是JavaScript的第一个发布版本,由Brendan Eich开发,并在1996年3月伴随Netscape公司的Navigator 2.0一起发布。JavaScript 1.1这个版本包含在1996年8月发布的Netscape Navigator 3.0中。ECMA-262第一版就是以这个版本为基础编写的。JavaScript 1.2Netscape Naviga_javascript的版本是写在拿的
文章浏览阅读1.9k次。打开一个终端窗口(cmd),输入以下命令进入SQL*Plus。3、查看用户(知道要修改用户名的跳过)_oracle密码忘记了