UGUI下拉目录


在这里插入图片描述

核心:

用DOTween插件的transform.DoLocalMoveY(移动距离,时间);方法对目录进行Y轴方向的移动。

UI结构:

检验结果(一)(二)(三)未展开时,藏在“四、检验结果”底下
在这里插入图片描述
检验结果(一)(二)(三)展开
在这里插入图片描述

代码:
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using DG.Tweening;
public class MoveContentPos : MonoBehaviour
{
    //检验结果(一)(二)(三)藏在“四、检验结果”底下
    public Transform Step4;//检验结果(一)
    public Transform Step5;//检验结果(二)
    public Transform Step6;//检验结果(三)
    public Transform Step7;//五、结果报告
    public bool CanSplend = true;//可以下拉
    public void ClickBtn4Total()
    {
        if(CanSplend)
        {
            //在0.5秒内,全部四个目录全部下移
            Step4.DOLocalMoveY(-175,0.5f);
            Step5.DOLocalMoveY(-210,0.5f);
            Step6.DOLocalMoveY(-245,0.5f);
            Step7.DOLocalMoveY(-283,0.5f);
            CanSplend = false;
        }
        else
        { 
            //在0.5秒内,前三个目录归位到目录“四、试验结果”底下;“五、结果报告”归位
            Step4.DOLocalMoveY(-134, 0.5f);
            Step5.DOLocalMoveY(-134, 0.5f);
            Step6.DOLocalMoveY(-134, 0.5f);
            Step7.DOLocalMoveY(-179.6f, 0.5f);
            CanSplend = true;


        }
    }

}

注意:

引入DOTween插件DG.Tweening命名空间,定义CanSplend布尔变量控制展开和收起。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值