UGUI

符合"UGUI"标签文章(471)

EventTrigger触发3D物体事件和UGUI事件

清风
2019-01-21

UGUI中普通的事件触发方法之前已经了，现在讲一下另一种触发事件的方法，这种方法不仅可以让2D的UGUI触发还可以让一个3D物体来触发某个方法。首先写一个脚本用来写一个触发事件的log方法，如下： using UnityEngine; using System.Collections; public class testtrigger : MonoBehaviour ｛ // Use this

UGUI、场景、游戏视觉、 JavaScript

赞1 评论0 5k浏览
UGUI自己制作移动端虚拟触摸移动轴

清风
2019-01-21

EasyTouch插件虽然可以实现移动端虚拟触摸移动轴，但是为了提升开发能力，可以掌握下自己动手开发制作移动端虚拟触摸移动轴的方法。思路：做的轴不是固定在左下方的方向按键，需要他随着手指点击位置自行显示在点击手指下方，拿开时轴按键消失。note:在移动端，触摸点相当于鼠标左键位置，如果需要多点触控，则参照Input.GetTouch所以，思路很简单，在触摸屏幕时，激活做好的虚拟轴UI,显示在触摸位

UGUI、游戏视觉、 JavaScript、 touch

赞1 评论0 2.9k浏览
UGUI基于EventTrigger的UI交互事件监听系统&动态加载

清风
2019-01-21

UGUI中做交互，简单的会用到Button组件，但是仅仅支持点击事件触发；但有另外一个EventTriggger组件，可以支持更新交互事件：如图，可以为交互UI设置在按下时触发的事件(PointerDown)，拖拽触发事件(Drag)，等….动态添加EventTrigger监听事件：如果是制作的预制体按钮，无法存储添加的事件，需要在实例化时动态添加，代码如下： /*添加事件

游戏视觉、 UGUI、 JavaScript

赞0 评论0 2.7k浏览
UGUI ScrollRect滚动优化：无限循环利用Item

清风
2019-01-18

本篇文章给大家分享下UGUI ScrollRect的滚动优化，如何实现无限循环利用Item，一起来看看吧。主要就几个函数。这个函数主要就是获取各个对象引用还有计算ScrollRect的四角坐标设置mRTrans.pivot的目的是，如果按照默认的pivot在中心也就是（0.5，0.5）的话，当Item的项数量增多时Item的会向两段延伸，但是需要的是向一端延伸，如果有Item增加进来只需要加载末尾

UGUI、 JavaScript、 List、游戏视觉

赞0 评论0 4.2k浏览
Unity UGUI之实现滑页效果

清风
2019-01-16

为了展示更多的内容，项目中有时候需要实现滑页效果，本篇文章中就介绍下使用UGUI实现滑页效果，一起来看看吧。效果如下：实现原理使用UGUI提供的ScrollRect和ScrollBar组件实现基本滑动以及自己控制每次移动一页来达到滑页的效果。实现过程1. 创建两个panel，上面的panel用于显示，下面的panel用于存放按钮2. 在TopPanel上添加ScrollRect脚本，用于滑动3.

UGUI、 Unity、游戏视觉、 JavaScript

赞3 评论2 5.9k浏览
Unity实现屏幕滑动操作

清风
2019-01-16

本篇文章主要给大家分享下如何判断滑动屏幕方向，只调用一次滑动事件处理函数。首先，滑动判定的原理其实大家都懂，检测移动距离判定。我们只需要能检测到鼠标按下、鼠标按住、鼠标松开的三个状态即可。因为功能简单易懂，代码也比较简单，不再详细说明，参考官方API：http://docs.unity3d.com/ScriptReference/EventType.html一、使用Input.GetMouseBu

Unity、接口、 JavaScript、 UGUI

赞1 评论0 8.4k浏览
Unity UGUI之点击和长按组件

清风
2019-01-15

游戏项目中卡片经常需要按钮/卡片的点击或者长按事件，这里提供一个好用的组件。组件 using UnityEngine; using UnityEngine.Events; using UnityEngine.EventSystems; namespace Mga ｛ public class LongPressOrClickEventTrigger : UIBehaviour, IPoin

Unity、 UGUI、 JavaScript

赞0 评论0 4.5k浏览
UGUI实现跑马灯效果

清风
2019-01-15

在游戏中都有系统公告，提示某某玩家做了什么事，或者系统发布一些公告。文字在屏幕上方移动提示。本篇就借助UGUI给大家分享下跑马灯效果的实现。使用UGUI，text包含了一个Text的组件。注意：Text的文本垂直设置设成overflow不换行。这样在massage的长度会随着text文字的增长而增长，从而不需要固定文本的长度导致文本多长看不到溢出的字。接下来就是动画部分，让文字循环一定

UGUI、 JavaScript、 Unity

赞0 评论0 4.3k浏览
UGUI之文字颜色渐变和描边

清风
2019-01-15

在做开发的时候，遇到这样一个需求：对文字渐变色做设置，同时还要加上描边的效果。为此，这里就给大家分享一个好用的代码，可以直接拿来使用，用作任何的设置。（描边效果是Unity自带的，添加Outline组件进行设置就好了）注意：一定是字体渐变色脚本在，描边组件的上边，向下图这样会报错的。代码如下： using UnityEngine; using System.Collections; using S

UGUI、游戏视觉、 JavaScript、 List、 Unity

赞0 评论0 3.5k浏览
Unity UGUI如何屏蔽鼠标穿透

清风
2018-12-19

做Unity开发的时候使用UGUI可以提升我们的开发效率，但是有时候做3D物体射线点击的时候，或者获取OnMouseDown的时候，发现即便鼠标（手指）点击了UI，但是射线和OnMouseDown依然会相应，出现这个问题应该怎么去避免？下面直接上代码吧，只需要在Update中加入这个方法就行了。 void Update() ｛ if(IsTouchedUI())

Unity、 UGUI、游戏视觉、 JavaScript、 Android、 List

赞1 评论1 1.13w浏览
Unity中刘海屏手机的屏幕适配问题

清风
2018-12-14

Unity UGUI在刘海屏手机的屏幕适配主要是针对iPhoneX的适配。解决方法是每一个界面的最上层都是一个横纵Stretch自动拉伸的，当检测到当前是IPhoneX时，打开界面代码自动设置Left Top Right Bottom 为44。通过分辨率来判断当前手机是不是iPhoneX。 /// <summary> /// 自适应iPhoneX /// </summary&gt

屏幕适配、 Unity、 JavaScript、 UGUI、游戏视觉

赞0 评论1 7.7k浏览
UGUI之图片黑白Shader

清风
2018-12-04

为了让场景或者物体显得好看，大多数开发人员会给图片或物体加上绚丽的色彩效果，但是在不同场景下，可能还会有不同的色彩效果出现，就像本篇中给大家介绍的实现图片黑白的shader效果。Shader： // Upgrade NOTE: replaced 'mul(UNITY_MATRIX_MVP,*)' with 'UnityObjectToClipPos(*)' Shader "UI/Default G

UGUI、场景、游戏视觉、 JavaScript、 Queue

赞0 评论0 5.9k浏览
UGUI 图片去色，变灰度图

清风
2018-12-04

本篇文章给大家分享下UGUI 图片将其他颜色去除，显示灰色图片。一般项目中会有一些图标，当你拥有该图标显示为彩色图标，一般项目中最占资源的就是图片，不允许添加一张彩色图片，一张灰色图片，必须通过一些方法将彩色图标的颜色去掉，获取图标的灰色值。UGUI 自带了一个Shader， Sprites/Default, 默认给了一个添加该Shader 的材质球。 Shader "UISprites/Defa

UGUI、 JavaScript、 Queue

赞0 评论1 3.2k浏览
Unity3d UGUI 实现刮刮卡效果

清风
2018-11-20

上一篇给大家介绍了如何使用shader实现刮刮卡效果，这篇就来介绍下如何使用UGUI实现刮刮卡效果的。下面说下实现方式。这里主要使用到一个脚本和一个Shader。 Shader "Unlit/Transparent Colored Eraser" ｛ Properties ｛ _MainTex ("Base (RGB), Alpha (A)", 2D) = "whi

UGUI、 JavaScript、游戏视觉、 NGUI、 PS、 Queue

赞0 评论0 6k浏览
Unity Shader 实现刮刮乐效果

清风
2018-11-20

网上关于实现刮刮乐的文章有很多，可以使用UGUI实现刮刮乐效果，也可以使用shader来实现，本篇中给大家分享的是第二种，利用Shader实现刮刮乐效果。实现思路：1.当按下鼠标时，我们就克隆一个笔刷，这样就形成了涂画的效果。2.然后我们写一个遮罩shader，shader中需要两张图，一张是遮罩的图片（，另一张是用于剔除遮罩的图片，我们将渲染出的rendertexture作为剔除遮罩的图片。这样

Unity、 JavaScript、渲染、 UGUI

赞4 评论2 7.4k浏览
Unity3D UGUI实现Toast

清风
2018-11-19

项目中有些信息需要以Toast的形式体现出来，考虑到有些人对这个了解的不够多，这才有下面给大家介绍的UGUI Toast的实现。原理先做一个Toast的prefeb，然后通过一个Manager将Toast生成出来，显示到Canvas。然后出于性能考虑，由于反复Instantiate和Destroy对性能消耗巨大，所以内部使用了一个简单的Queue对生成出来的Toast进行了一个缓存。使用方法将pr

UGUI、 JavaScript、游戏视觉、 Queue、 PS、场景

赞2 评论0 5.5k浏览
Unity3d使用UGUI开发原生虚拟摇杆

feng
2018-11-11

在Unity3d中开发虚拟摇杆方式有比较多，可以使用EasyTouch、FairyGUI等插件来开发。本文给大家介绍使用Unity3d的原生UGUI来开发出自己的虚拟摇杆，这样可以减少游戏资源包的大小。先展示下效果图：现在开发我们的开发创建一个Image1,并且在Image1创建一个子对象Image2在Image1中挂载一个自定义脚本，这里我命名为Joystick脚本代码如下： using Sys

UGUI、 JavaScript、游戏视觉

赞3 评论12 9.4k浏览
Unity UGUI优化技巧之RaycastTarget

清风
2018-11-09

在拼UI的过程中会添加很多图片文字，但是很容易会忽略其中一点就是把无用的RaycastTarget去掉，因为开启此选项，虽然此组建虽然不需要接受射线，但是它而然工作且消耗性能。在网上找了2个小工具：其中一个是在Editor模式下用蓝色框出启用RatcastTarget的组件Code如下。挂在任意GameObject上即可 #if UNITY_EDITOR using UnityEngine; us

Unity、 UGUI、游戏视觉、 JavaScript

赞1 评论0 3.3k浏览
UGUI之TexturePacker打包图集使用

feng
2018-11-07

UGUI的原理是让开发者彻底模糊图集的概念，让开发者不要去关心自己的图集。做界面的时候只用小图，而在最终打包的时候unity才会把你的小图和并在一张大的图集里面。Editor->Project Settings 下面有sprite packer的模式。Disabled表示不启用它，Enabled For Builds 表示只有打包的时候才会启用它，Always Enabled 表示永远启用它

UGUI、 Unity、 AssetStore

赞0 评论0 1.66w浏览
Unity UGUI Scroll View（滚动列表）优化

feng
2018-10-29

在游戏中很多UI设计都需要用到 Scroll View 控件，如排行榜、聊天室、背包等。当需要显示的物品达到千量级以上的时候，就会造成大量内存上的占用，列表滚动的时候也会触发大量的计算，会照成卡顿。接下来讲讲如何对Scroll View做优化。注意看Hierarchy中UIgrid下始终只有4个Item优化策略就是只创建屏幕能放下的item的数量再加一个的item。当列表滚动时利用再外面不显示出来

Unity、 UGUI、 NGUI、 JavaScript

赞0 评论1 9.2k浏览