时间:2021-05-20
最近的项目中,想做到一种能够吸引眼球的一种角色选择浏览效果
Demo源码:点击打开链接
最终实现了下按如下图这么一种浏览效果:
效果图一
效果图二
可能要实现这么一种效果用动画插件会很快,但总感觉有点大材小用
这里我向大家分享一个极简方式来实现这么一种效果
目录结构如下
其中Items有4个Image子节点
在父节点Items下添加如下图横向布局组件
在其4个Image子节点下添加如下图布局元素组件
完成这些步骤后接下来就是代码实现了
在Items添加如下脚本组件
在其4个子节点下添加如下脚本组件
using System.Collections;using System.Collections.Generic;using UnityEngine;using UnityEngine.EventSystems;using UnityEngine.UI; [RequireComponent(typeof(LayoutElement))]public class EventTriggerListener : EventTrigger{ public delegate void VoidDelegate(GameObject obj); //点击 public VoidDelegate onClick; //鼠标按下 public VoidDelegate onDown; //鼠标抬起 public VoidDelegate onUp; //鼠标移入 public VoidDelegate onEnter; //鼠标移出 public VoidDelegate onExit; private Vector2 currentSize; private Vector2 targetSize; private float speed = 4.0f; public static EventTriggerListener GetComponent(GameObject obj) { EventTriggerListener listener = obj.GetComponent<EventTriggerListener>(); if (listener == null) { listener = obj.AddComponent<EventTriggerListener>(); } return listener; } public override void OnPointerClick(PointerEventData eventData) { if (onClick != null) { onClick(gameObject); } } public override void OnPointerDown(PointerEventData eventData) { if (onDown != null) onDown(gameObject); } public override void OnPointerUp(PointerEventData eventData) { if (onUp != null) onUp(gameObject); } public override void OnPointerEnter(PointerEventData eventData) { if (onEnter != null) onEnter(gameObject); } public override void OnPointerExit(PointerEventData eventData) { if (onExit != null) onExit(gameObject); } private void Start() { targetSize = currentSize = new Vector2(this.GetComponent<LayoutElement>().preferredWidth, this.GetComponent<LayoutElement>().preferredHeight); } private void Update() { if (currentSize != targetSize) { currentSize = Vector2.Lerp(currentSize, targetSize, Time.deltaTime * speed); if (Vector2.Distance(currentSize, targetSize) <= 0.01) { currentSize = targetSize; } this.GetComponent<LayoutElement>().preferredWidth = currentSize.x; this.GetComponent<LayoutElement>().preferredHeight = currentSize.y; } } public void UpdateSize(Vector2 size,float speed) { this.targetSize = size; this.speed = speed; }}脚本挂载上去后,在Item下按如下图方式设值
可以按自己喜好调整数值。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
Unity3D中shader轮廓描边效果想利用Unity3D中shader这个功能实现描边轮廓边框效果该怎么做呢,相信有很多搞开发的人想知道,为此下面就给大家介
好多unity3d的爱好者,可以把游戏导出为linux的版本,让unity3d游戏在ubuntu下跑起来...1、打开自己的unity3d游戏项目,File--
基于unity3D实现渐变颜色的简单脚本,代码很少,就不废话了,直接上代码和效果图。效果图:usingSystem;usingSystem.Collection
Unity3d描边框效果网上有很多,大多是使用Shader来实现的本文介绍使用Collider来实现这么一种效果效果图如下将物体添加Collider(BoxCo
本文实例为大家分享了Unity3D实现列表分页效果的具体代码,供大家参考,具体内容如下usingSystem.Collections.Generic;using