UGUI
Cuijiahao
cocos2d-x/u3d程序员
展开
-
UGUI UI坐标转世界坐标
Vector3 ptScreen = RectTransformUtility.WorldToScreenPoint(UIManager.Instance.UICamera, m_IconGold.transform.position);ptScreen.z = 0;//根据你需要的 相对于camera3D的Z值来设置该值Vector3 ptWorld = Camera.main.ScreenToWorldPoint(ptScreen);UIManager.Instance.UICamera是你.原创 2022-05-20 11:06:08 · 514 阅读 · 1 评论 -
UGUI 气泡文字
上图:item1为气泡底图,txt文字,icon头像item1无需设置txt需要添加这个组件icon头像需要设置这两项这样才能实现图片位置自动跟着文字大小变化代码如下:Text txt = item.transform.GetChildByName("txt").GetComponent<Text>();txt.text = content;//下面这段必须有LayoutRebuilder.ForceRebuildLayoutImme...原创 2021-10-26 12:03:17 · 208 阅读 · 0 评论 -
UGUI 判断点击在UI上还是屏幕中
private void Update() { if (Input.GetMouseButtonDown(0)) {#if !UNITY_EDITOR//手机模式 if (!EventSystem.current.IsPointerOverGameObject(Input.GetTouch(0).fingerId))#else//编辑器模式 if (!EventSystem.current.IsPointerOv.原创 2021-09-27 10:11:29 · 210 阅读 · 0 评论 -
UGUI功能 Input.mousePosition点击生成图片在点击位置上
private void Update() { if (Input.GetMouseButtonDown(0)) { if (!LevelManager.instance.isClickItem) { //Debug.Log(Input.mousePosition); var go = Instantiate(m_error);//生成图片 ...原创 2021-09-26 17:54:04 · 330 阅读 · 0 评论 -
UGUI BoxCollider自适应大小
NGUI下给Sprite/image添加collider后能自适应大小,但是在UGUI下Collider是默认在(0,0)位置,size为0因此写了个简单的脚本:using System.Collections;using System.Collections.Generic;using UnityEngine;public class BoxColliderAdjust : MonoBehaviour{ private BoxCollider2D boxCollider2D.原创 2021-08-31 14:38:04 · 854 阅读 · 0 评论 -
UGUI使用小技巧(一) Content Size Fitter的使用
1、文字组件上使用,推荐只要是Text都加上这个组件。文字边框会随文本的宽度而发生缩放原创 2020-10-15 20:41:41 · 496 阅读 · 0 评论 -
Unity功能 UGUI 图片实现拖拽功能
将脚本拖到需要实现拖拽功能的UI图片上即可using System;using System.Collections;using System.Collections.Generic;using UnityEngine;using UnityEngine.EventSystems;public class UIDrag : MonoBehaviour, IBeginDragHandler, IDragHandler, IEndDragHandler { [Header("是否精准原创 2020-09-23 16:00:25 · 1591 阅读 · 3 评论 -
UGUI UI上显示模型动画
创建一个新的摄像机UICamera,设置ClearFlags为Dephonly,CullingMask为UI层将新创建的camera拖到canvas的rendercamera上去。设置模型的Layer为UI层原创 2020-09-13 18:00:22 · 334 阅读 · 0 评论 -
UGUI ScrollView设置
Content加上ContentSizeFitter组个就不必在代码里手动拉伸Content的长度动态创建预制体后需要手动设置一下缩放,否则会影响适配原创 2020-08-06 10:12:05 · 162 阅读 · 0 评论 -
UGUI Text文本大小适配自动缩放
勾选Best Fit即可自动缩放原创 2020-08-05 14:14:39 · 691 阅读 · 0 评论 -
UGUI UI吞噬游戏层点击的方法
1、屏幕触摸时间为了防止点UI也会触发游戏层方法事件请不要使用按下鼠标左键执行方法。可以新建个Image带当做可触摸区域(也就是现实中的屏幕)。使用EventTrigger组件挂在Image上,添加Pointer Down(点击图片时也就是触摸按下时)或者Pointer Up(抬起)等事件触发方法来进行游戏层触摸事件。2、Image的渲染层级要在UI按钮的下面,在同一Canvas上。3、在想吞噬的UI层上勾选...原创 2020-07-25 11:39:46 · 688 阅读 · 0 评论 -
UGUI在运行时改变RectTransform的大小和获取宽高
一、在代码中动态改变RectTransform大小的方法如下所示:1:直接对sizeDelta属性进行赋值,其中X和Y可以对应理解成width和height。sizeDelta的具体含义:若anchors是一个点的话则代表宽高,否则为到锚点的距离 var rt = gameObject.GetComponent<RectTransform>(); rt.sizeDelta = new Vector2(100, 30);2:使用SetSizeWithCurrentAnchors函数原创 2020-07-23 09:32:53 · 2175 阅读 · 0 评论 -
UGUI 修改RectTransform的值,修改UI位置
//改变RectTransform的topGetComponent<RectTransform>().offsetMax = new Vector2(GetComponent<RectTransform>().offsetMax.x, top); //改变RectTransform的bottomGetComponent<RectTransform>().offsetMin = new Vector2(GetComponent<RectTransform.原创 2020-07-23 09:18:58 · 1301 阅读 · 0 评论 -
UGUI Text自动缩放文本
勾选Best Fit即可自动缩放原创 2020-03-31 15:49:59 · 306 阅读 · 0 评论 -
UGUI 鼠标点击UI不受影响方法 IsPointerOverGameObject
这几天在做捕鱼达人游戏时发现,当鼠标点击UI时,炮台的子弹也会发射子弹,这样会影响用户体验。EventSystem.current.IsPointerOverGameObject()方法,作用:判断鼠标是否点击在UI上。if (Input.GetMouseButtonDown(0) && EventSystem.current.IsPointerOverGameObjec...原创 2020-03-27 15:14:40 · 460 阅读 · 0 评论 -
UGUI 精灵帧动画的制作
将所有的资源拖到项目里弹出对话框保存帧动画保存后的帧动画原创 2020-03-21 13:43:20 · 244 阅读 · 0 评论 -
UGUI 功能 枪口随鼠标旋转
Order90Canvas是UI的Canvasusing UnityEngine;public class GunFollow : MonoBehaviour { public RectTransform UGUICanvas;//当前Canvas public Camera mainCamera;//观察的摄像机 void Update () { ...原创 2020-03-15 16:16:09 · 349 阅读 · 0 评论 -
UGUI 制作进度条
这个进度条是用滑动条制作的。1、创建Slider滑动条2、设置背景和进度条图片3、设置进度条模式4、滑动条禁止交互原创 2020-03-14 15:46:54 · 489 阅读 · 0 评论 -
UGUI 渲染顺序讲解
逻辑UI层总共可以有32个,Unity自身已占8个。排序层可添加层,可拖动排序层内排序值越大越靠前创建一个新的UI层创建新的UICanvas,并设置层级为90...原创 2020-03-14 10:09:29 · 534 阅读 · 0 评论 -
UGUI Canvas详解
1、Screen Space - Overlay选择此项只会显示UI,UI以外的东西都不会显示出来2、Screen Space - Camera选择此项会显示UI和除UI以外的东西,受遮挡关系的影响,比如将模型、粒子等显示在UI上。...原创 2020-03-11 15:19:46 · 164 阅读 · 0 评论 -
UGUI Text文字效果,描边效果,阴影效果
原创 2020-03-11 14:51:12 · 3065 阅读 · 0 评论 -
UGUI Toggle单选框的触发事件
也可以添加事件的UI都可以这样添加事件监听using UnityEngine; using UnityEngine.UI; public class Test : MonoBehaviour { private Toggle toggle; void Awake() { toggle = toggleObj.GetComponent<Toggle>(); } void ...原创 2020-02-04 10:26:31 · 1280 阅读 · 0 评论 -
unity ui自适配屏幕
在Canvas下创建一个空对象,铺满整个屏幕将所有想适配的UI全部放在这个空对象下面即可原创 2020-01-31 15:12:44 · 509 阅读 · 0 评论 -
UGUI Image 动态更换纹理图片
using System.Collections;using System.Collections.Generic;using UnityEngine;using UnityEngine.UI;public class UIShop : View{ //图片资源 public Sprite spBuy; //已购买图片 public Sprit...原创 2020-01-27 17:08:58 · 894 阅读 · 1 评论 -
UGUI 制作单选框
单选按钮添加Toglle单选组件添加对勾图片添加Toggle Group组件将带有Group组件的物品拖到这里来原创 2020-01-27 08:59:27 · 569 阅读 · 0 评论 -
UGUI Button enable和interactable的区别
UGUI中,Button使用enable=false和interactable=false都可以禁用按钮,区别是enable取消Button组件,而interactable取消Button组件的Interactable,让按钮颜色变为Disabled Color。...原创 2020-01-21 13:53:47 · 2636 阅读 · 0 评论 -
UGUI Image显示倒计时
using System.Collections;using System.Collections.Generic;using UnityEngine;using UnityEngine.UI;public class UIResume : MonoBehaviour{ public Image imgCount; //Image public Sprite[]...原创 2020-01-21 10:16:27 · 524 阅读 · 1 评论 -
UGUI UI上显示模型动画
创建一个新的摄像机UICamera,设置Clear Flags为Deph only,Culling Mask为UI层设置模型的Layer为UI层效果:原创 2020-01-19 15:53:05 · 409 阅读 · 0 评论 -
UGUI Text 富文本
效果:原创 2020-01-19 15:05:29 · 453 阅读 · 0 评论 -
UGUI Image 九宫格
双击图片找到图集编辑图集绿色区域为九宫格区域设置图片的类型原创 2020-01-19 13:38:48 · 783 阅读 · 0 评论 -
Canvas 按高度自动适配
竖屏游戏按此设置即可UI Scale Mode:Scale With Screen SizeMatch:1原创 2020-01-19 11:33:33 · 370 阅读 · 0 评论 -
UGUI 全部填充
按住ALT键会出现另一个界面,点右下角全部填充此时会让UI填满整个父节点原创 2020-01-19 11:32:01 · 230 阅读 · 0 评论 -
Unity3D中UGUI事件系统
Unity3D的uGUI系统的将UI可能触发的事件分为12个类型,即EventTriggerType枚举的12个值。如下图所示:先以PointerClick为例。这个是用于某点点击事件。其他事件都可以根据相同的办法调用。之所以使用PointerClick为例。是因为在最后笔者会提到一个特殊的实现方式。而相比于其他事件类型,有且仅有Click事件存在特殊实现。我们要实现事件主要有3...原创 2020-01-11 11:17:39 · 438 阅读 · 0 评论