Unity简单实现图片墙功能

最新推荐文章于 2024-08-22 07:30:00 发布

波波斯维奇

最新推荐文章于 2024-08-22 07:30:00 发布

阅读量6.2k

点赞数 8

分类专栏： Untiy小技巧 Unity实际项目开发流程展示 Unity的UI 文章标签： unity 游戏引擎

本文链接：https://blog.csdn.net/qq_17367039/article/details/124080719

版权

Unity简单实现图片墙功能

前言

在做之前公司的项目中，我做过很多实现照片墙效果的功能。其中我觉得我做的效果比较好而且比较有难度的就是雀巢项目中的那个仿照apple watch拖拽效果实现的那个照片墙功能。这个项目我在之前的博客中已经做过简单的介绍了，在这里不在赘述。今天在这篇博客中介绍下我在一家公司面试时，这家给我留得机试题，其实这个功能实现起来也不是很难，我在这里做下简单的介绍，实现效果如下图所示：
在这里插入图片描述

步骤

一、在项目中导入DoTween插件，图片的移动和放大变化需要用到这个插件，如下图所示：
在这里插入图片描述二、编写ChangeImages.cs脚本，实现图片变化的核心功能，代码如下所示：

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using DG.Tweening;

public class ToChangeImages : MonoBehaviour
{
   
    float enlargeSize = 2.0f;

    float radiateSize = 220;

    Dictionary<RectTransform, Vector2> itemPosDict = new Dictionary<RectTransform, Vector2>();<