unity | 动画模块之滚动选项框网站首页 技术交流

unity | 动画模块之滚动选项框

菌菌巧乐兹 2024-07-22 12:01:02

简介unity | 动画模块之滚动选项框

一、效果动画

如果不是你们想要的，就省的你们继续往下看了

二、作者的话

对于我来说，计算一大堆数据简直太难了，所以自己想了点方法

三、基本功的要求

需要会使用Scroll View

四、进入正题

1.先做一个scrollView把自己想做的东西放进去

2.接下来的难度就是，当方块块移动到指定位置附近的时候，会变大

分析：scrollView在移动方块块的时候，移动的其实是Content的位置，

所以，方块块的本地位置是不变的，因此，我们都需要用世界坐标来计算

a.我们先确定一个想要的坐标

在这个图中，我就把第一个0的坐标，当成自己想要的坐标吧

但是，这里我们要注意，待会放大的时候，我们应该希望从中间放大，

所以我们的坐标锚点需要改

把坐标都改成中间的位置，这时候我们去看看坐标

他的坐标是0,360，我们就以这个位置为基础，上下100就开始变化，

但是，这是本地坐标，我们需要0,360的世界坐标

b.把本地坐标转换成世界坐标

备注：本地坐标转换世界坐标的方法

public Vector2 anchorsPositon= new Vector2(0,360);

//本地转换世界坐标时，它需要知道这个坐标是谁的，或者说相对于谁的坐标
//在这里我们就是第一个0，那个物体
public Transform anvhorsPositonP;

   private void Start()
    {
        //TransformPoint()，是本地转世界坐标的方法
        wordPositon = anvhorsPositonP.TransformPoint(anchorsPositon);
    }

c.确定最大能放大多大，和你怎么去计算

目标：代码计算看不懂在看这里

假如现在物体和我定的坐标相距400，然后我定的距离是300
那么倍数就是400/300=1.33，超过1了，所以我就不希望移动
如果现在距离是150，我定的距离是300,
那么倍数就是0.5，我就希望它放大50%

数学计算：

物体的坐标是y，我定的坐标是y1

那么y-y1的绝对值，就是坐标相距的距离

定的距离是d

那么(y-y1)的绝对值/d

上面算出了倍数

1-倍数，

是负数，就不放大，就是*1

如果是正数，就放大相应的倍数

备注方法：

Math.Max(一个数，另一个数）

这是选择谁大的方法，例int i =Math.Max(0，2）

答案就是2

   //这个脚本，我是打算每个方块上都挂一个的

    public Vector2 anchorsPositon= new Vector2(0,360);
    public Transform anvhorsPositonP;

    //我在选的坐标的上下150开始变化
    public float distance = 150;
    //最大变化1.5倍
    public float sizePersent = 1.5f;

    //记录一下初始的物体大小
    private Vector2 initialSize;
    //记录转换出来的世界坐标
    private Vector2 wordPositon;

    private void Start()
    {
        //这句就是记录现在这个方块是多大，宽多少，高多少
        initialSize = transform.GetComponent<RectTransform>().sizeDelta;
        //略，前面讲过了
        wordPositon = anvhorsPositonP.TransformPoint(anchorsPositon);
    }

    void Update()
    {
        //我知道现在这个方块的世界坐标的y
        float y = transform.position.y;

        //Math.Abs(y - wordPositon.y)：计算现在这个坐标离我定的坐标还多远
        //(Math.Abs(y - wordPositon.y) / distance)：计算这个距离是我希望距离的几倍
        //persent就是我最后打算放大多少
        float persent = Math.Max(0, 1 - (Math.Abs(y - wordPositon.y) / distance));

        //计算放大以后的宽高
        Vector2 size = initialSize + initialSize * (sizePersent - 1) * persent;
        //赋值计算好的宽高
        transform.GetComponent<RectTransform>().sizeDelta = size;
    }

d.最后把脚本都挂到物体上