运行环境 Unity3D 5.3.7 p4 在我之前的博客中,写过一些Unity4.6的UGUI,现这篇是基于Unity 5.3的 推荐结构 推荐使用三层来组织,如下所示: ScrollRect :ScrollRect组件,选择水平还是垂直滑动 Viewport:RectMask2D组件 Content:Content Size Fitter组件,Layout Group(水平或格子分布) 无法滑动 当scrollrect无法滑动,或者滑动之后无法回弹? 解决:给Content添加content…

NGUI有一个UICenterOnChild脚本,可以轻松实现ScrollView中拖动子物体后保持一个子物体位于中心位置.然而UGUI就没这么方便了,官方并没有类似功能的脚本.网上找到一些运行效果都不对,可能因为UGUI需要配置的东西太多,RectTransfrom不同设置效果就不一样.故自己实现了该功能,使用时的配置如下: 1. 仅适用于水平方向拖动的ScrollRect.2. ScrollRect中的Grid必须使用GridLayoutGroup.3. 由于需要知道ScrollRect的宽…

原因:老板蛋痛,让我去抄皇室战争. 思路:我大概知道ngui(后来改成UGUI的)里面有个ScrollView.于是我就想一个横着的SV加上5个竖的SV不就好了吗. 过程: 于是 但是有个问题就是UI冲突 我的解决办法就是把5个垂直的SV分别和那个水平的SV的事件同步.代码在我的工程里(我从网上找到的代码,网址忘了,如果有人知道请联系我,我把源地址链接补充上) 另外:特别感谢@ 玄雨,和他的另一种解决方式 http://www.cnblogs.com/coldcode/p/5383412.htm…

…

UGUI各种优化效果 本文所实现的UGUI效果需求如下: - 支持缩放滑动效果 - 支持动态缩放循环加载 - 支持大数据固定Item复用加载 - 支持不用Mask遮罩无限循环加载 - 支持ObjectPool动态加载 - 支持无限不规则子物体动态加载 - 支持拖动并点击和拖拽 - 支持拖动并拖拽 - 支持ScrollRect拖动自动吸附功能(拖动是否超过一半自动进退) 前言 要实现以上效果,我从网上搜索得到部分解决方案链接,但不是完全满足想要的效果,就自己继续改造优化和添加想要的效果,本文最后会…

测试环境 操作系统:Windows8.1 开发工具:Unity5.5.2 1.问题描述,在实际开发过程中经常会使用ScrollRect实现滚动列表,当初次加载数据比较多的情形时,Unity3D会出现比较严重的卡顿,降低帧率,其原因主要为 a.集中式的申请ItemRenderer对象大量堆内存,b.帧Draw Call增加. 2.解决方案,主要逻辑根据Viewport即Mask Visual区域计算当前上下文显示ItemRenderer个数,同时滚动的时候会动态计算scrollLineIndex行…

…

练习目标 练习uGUI的滑动组件 一.相关组件 ScrollRect Mask Grid Layout Group Scrollbar 二.步骤 1.创建一个Panel,命名为ScrollRect,添加 ScrollRect组件 2.在ScrollRect下创建一个子Panel,命名为Grid,添加Grid Layout Group 组件 3.在Grid下,创建一个Image,按Ctrl+D ,Copy出多个Image 4.在Scene视图,可以看到Image的排列(注意:排列成了两行) 5.让…

unity的LayoutGroup分为三种, Horizontal Layout Group(水平布局):对象填充总个父物体,水平会填充 Vertical Layout Group(垂直布局):垂直(高度)会填充 Grid Layout Group (网格布局):以表格的形式布局,不会填充父物体 比如:垂直布局和水平布局效果…

Canvas——TextEventSystem 事件系统 0.滚动文本列表(隐藏背景)/Scroll/maskimage[Scroll Rect][Mask]——text(拉伸到显示全部)Scrollbar[Scrollbar] [Scrollbar]_Direction滚动方向[Scroll Rect ]_指定 Content 为 text._指定 Vertical Srcollbar 为Scrollbar_Horizontal水平滑动_Vertical垂直滑动[mask]_Show Mask…

这里来讲解下UGUI 滑动条(Slider)的用法 控件下面有三个游戏对象 Background -->背景 Fill Area --> 前景区域 Handle Slide Area --> 滑动条 Slider的属性 其他几个设置和其他控件都差不多,这里来讲解几个特有的属性. Direction -->方向 Whole Numbers -->控制整数输入 然后来看下脚本控制.这里的方法调用和其他的不用,方法里面有浮点参数 using UnityEngine; using S…

需要注意的有下面几点: 1. 区分好表现上的index和逻辑上的index.表现上的index是指这个go是go列表中的第几项,但实际上这个index的意义并不大,因为在滚动的过程中go列表是轮转的:逻辑上的index是指这个go对应数据中的第几项,在滑动的过程中不断地更新逻辑上的index,然后取对应的数据去刷新显示即可.在一般的滑动列表中,有几项数据就生成几个go,因此表现上的index和逻辑上的index是一致的:而在循环利用的循环列表中,这两个是不一致的. 那么,在实现上,就是需要知道每…

需求 这几天在公司里,项目需要将游戏游戏中的2D城堡界面在拉动的时候显示出3D的拉近效果.当时是在Cocos2d-x下实现的.回家的时候自己重新用Unity实现的了一遍. 虽然现在Unity已经到了5.0时代,从4.6时代起Unity就开始支持原生2D了,网络上大部分的教程还是NGUI.毕竟原生的也是开源的,详细以后也会慢慢取代NGUI. 解决思路 需要在拉动的过程中显示出由远及近不通层次的效果,自然想到了利用Scroll类型的控件.Unity中原生2D中使用到的时ScrollRect组件. 在…

在ScrollView下有中层次是scorllview->viewport->content  scorllView对象下的ScrollRect组件是关键 ,scorllRect中指定其对象下的viewport以及content 在scrollrect下有个拖动的模式是elastic.开启这个模式就能上下啦.要实现下拉/上啦刷新就得计算出一个固定的值,而这个固定的值让我想了好久,有必要写一篇文章来记录一面忘记. 这个方法是在脚本中通过获取scrollRect组件,然后为对象添加监听事件 scr…

很简单,直接看代码: using UnityEngine.UI; using UnityEngine.EventSystems; using UnityEngine; /// <summary> /// 解决嵌套使用ScrollRect时的Drag冲突问题.请将该脚本放置到内层ScrollRect上(外层的ScrollRect的Drag事件会被内层的拦截) /// </summary> public class NestedScrollRect : MonoBehaviour, I…

简介 由于项目需要+有网友咨询,所以做了个横向滑页+某一横向滑页中有竖向滑页的demo,实现有点绕弯子,但基本功能还是比较完善,发上来共享一下. 效果 思路 第一步的思路是自己判断触屏拖动位置,然后控制界面横向或者纵向滑动. 然后, 由于UGUI组件重叠时会屏蔽事件 比如Button会屏蔽掉PointerDown (PS:当然也可以采取继承UGUI组件的方式释放屏蔽事件, 这里对UGUI源码不熟,采取自己写一个事件分发器方便一点) 项目配置 这里就不赘述咯,我的前一篇blog有详细配置说明: 1…

简介 项目需要...直接展示效果吧: 原理 使用UGUI提供的ScrollRect和ScrollBar组件实现基本滑动以及自己控制每次移动一页来达到滑页的效果. 实现过程 1.创建两个panel,上面的panel用于显示,下面的panel用于存放按钮 2.在TopPanel上添加ScrollRect脚本,用于滑动 3.在TopPanel下创建一个新的Panel,并在子Panel下拜访要显示的对象 4.将该子Panel设置为ScrollRect的活动对象 5.为ScrollRect添加Scroll…

还记得大学毕业刚工作的时候是做flash的开发,那时候看到别人写的各种各样的UI组件就非常佩服,后来自己也慢慢尝试着写,发现其实也就那么回事.UI的开发其实技术的成分相对来说不算多,但是一个好的UI是绝对少不了底层组件的支持的.我个人认为UI组件中相对比较复杂的就是List了,所以,这两天实现了一个UGUI的list,写了好几个版本,最终这个版本是相对比较好用的,在这我介绍一下大概思路,一是巩固一下知识做个记录,二是发扬一下分享精神.嘿嘿,大家多多赐教. 写List有两个重点是需要考虑的: 1.…

应用场景 对于背包界面,排行榜列表,聊天消息,等有大量的UI列表的界面,常规做法是为每一条数据生成一个格子,在数据量越大的情况下,会生成越来越多的Gameobject,引起卡顿. 这篇文章讲述的就是解决UI列表卡顿的方法,在列表中只生成指定数量的Gameobject,滑动时进行数据更新,保证性能. LoopScrollRect(无限滑动不卡顿) 插件地址:https://github.com/qiankanglai/LoopScrollRect 中文文档:http://qiankanglai.m…

在UI功能开发实践中,列表UI容器是我们经常使用一种UI容器组件.这种组件就根据输入的数据集合生成对应数据项目.从显示的方向来说,一般就分为水平排布和垂直排布的列表容器两种.列表容器为了在有限的界面空间中显示全部的数据,都会搭配使用UGUI的ScrollRect和Mask组件,我们只需要上下滑动,就可以浏览所要呈现的信息.但是,在UGUI中有几条数据就生成对应条目数的数据视图项,未免有些太过于奢侈.因为,每个数据项目不仅仅是一个UGUI的显示组件,而是多个显示组件(比如几个Text和Image)…

超详细的基础教程传送门:(持续更新中) Unity UGUI之Canvas&EventSystem:http://blog.csdn.net/qq992817263/article/details/51753844 Unity UGUI基础之Text:http://blog.csdn.net/qq992817263/article/details/51753864 Unity UGUI基础之Image:http://blog.csdn.net/qq992817263/article/detail…

1.有个控件叫Selectable 这个控件在button,slider等身上有,也可以自行添加,可通过API搜索所有带这个控件的物体统一控制. 2.实现ScrollView只使用Scrollbar操作滚动,不允许鼠标滑动滚动域滚动 Image,Button组件都无法阻止ScrollRect的事件监测,但是slide,InputField可以,所以在具体的Item身上挂载这两个组件并设为Interactable即可(具体的事件监测机制未了解) 3.用Image组件,加载图片保证图片宽高比 pri…

公司要做一个这东西. A是滑动区域,ScrollRect组件. B是各种选项. C是拾取到鼠标(或触点)的选项. D是拖放区域. 大概要求是这样. 因为B的条目很多,放在A里可以滑动查看.如果要选择一个B,需要长按B,待时间足够之后生产一个新的C.拖动到D区域释放,则给D添加一个节点.其他区域则取消. 如果按住B的时间不够长,又动了鼠标(或触点),则当前滑动操作由A响应,产生A的滑动效果. 这里涉及到一个消息透传的问题. 解释一下自己在做的过程中采用的2个方案以及各自问题. 涉及的函数有以下几个…

了解UGUI组件的搭建方式,有助于搭建我们自己的UI界面. Text 文本 text 是UGUI中的基本控件,在Hierarchyi面板创建一个空物体 - 给这个空物体添加一个Text组件即可实现与text空间相同的功能. Image 图像 Image 是UGUI中的基本控件,在Hierarchyi面板创建一个空物体 - 给这个空物体添加一个Image组件即可实现与Image控件相同的功能. Raw Image 原始图片 Raw Image 和 Image基本相同, 功能上Raw Image比I…

Unity UGUI讲解 1.导入UI图片资源 2.设置参数: TextureType(纹理类型) 精灵 2D and UI SpriteMode(精灵模式)  Single(单) multiple(多) PackingTag(打包标签) PixelsPer Unit(像素单位)  100(基本上都是100) Pivot(枢轴)     Center(中间) Custom(自定义) GenerateMip Maps                 产生MIP映射(Mip映射 (Mip-mappi…

TSTableView是Tacticsoft工作室开发的一款适用于UGUI的列表(Table)插件,设计灵感来源于iOS/Mac的UITableView,提供高复用.高性能的列表,其主要特点是: 采用MVC模式 良好的性能和内存占用优化 复用列表项 遗憾的是它暂时不支持横向列表,需要开发者自己扩展,还有就是优化无止境. 首先介绍下TSTableView的使用方法. 上图是TSTableView编辑时的层次结构.TableViewContainer节点挂载Mask(UGUI)组件,同ScrollV…

WeTest 导读   本文作者从自身多年的Unity项目UI开发及优化的经验出发,从UGUI,CPU,GPU以及unity特有资源等几个维度,介绍了unity手游性能优化的一些方法.   在之前的文章<手游内存占用过高?如何快速定位手游内存问题>中提到,Mono内存和native内存是PSS内存主要的组成部分,mono内存更多的起到内存调用的功能,因此常常成为了开发人员优化内存的起点:而在游戏的其他的进程中,同样有很多因素影响着游戏的性能表现.本文将从UGUI的优化角度,介绍unity游戏性…

由于UGUI没有提供类似Scroll View类似的控件,但提供了ScrollRect主机.可以自定义Scroll View 同时提供了Mask组件来遮罩超出Scroll Rect对象的范围, 之所以说有一个坑,是因为如果Scroll Rect对象少了Image组件,Mask就起不来作用,添加后解决…

弄一个既能滑动,又能点击的Scroll View.发现弄完后不能拖动了~ 因为点击事件需要Box Collider覆盖掉了Drag Scroll View的Box Collider.注意是Drag Scroll View. 这里怎么办呢.简单啊~ 在点击按钮上加一个Drag Scroll View不就OK啦~~~ 然而UGUI怎么弄呢,UGUI没有这个机制啊,那我们就写一个Drag Scroll View. 代码在   http://www.youkexueyuan.com/exp_show/1…

ugui是unity4.6开始加入的一个新的ui系统,非常强大,下面我们将通过一系列博客的方式一起来学习一下ugui的使用.本篇博客会介绍如何使用ugui制作一个游戏菜单,并且了解如何让物体与ugui的控件交互,效果图如下: 首先还是新建一个unity工程,并且新建一个场景,然后新建一个Canvas画布,我们所有的ui控件,都是要建立在Canvas上面的.然后在Canvas下面建立一个button重命名为StartButton,并调节成效果图中的样式.然后再复制两份出来,把他们放置到如效果图的位…