• 点击按钮收缩功能


    要实现的效果就是,当点击长button时,长button相对应的下面两个段button会收进长button里,并且,下面的其他组件(这里是button)会相应的往上移动。

    左图为层级结构,右图为运行效果。

    注:我在Panel(3)上加了一个Vertical Layout Group组件用来布局,使里面三个panel纵向排列。

    using System.Collections;
    using System.Collections.Generic;
    using UnityEngine;
    using UnityEngine.UI;
    using UnityEngine.EventSystems;
    
    public class Buttontask : MonoBehaviour {
    
        public Button[] buttons;//每个panel下按钮的集合
        public GameObject panel;//父物体panel
        private List<Vector3> childbuttonlocal = new List<Vector3>();//记录长button下子button的localposition
        private bool open=true;//是否是展开状态
       // private Vector3 openlocationposition;
        Vector2 sizedelta;//父对象panel的width和height
        // Use this for initialization
        void Start () {
            for (int  i=0;i< buttons.Length;i++)//展开状态下每个子按钮的相对位置
            {
                childbuttonlocal.Add(buttons[i].transform.localPosition);
               // Debug.Log(childbuttonlocal[i]);
            }
            sizedelta = panel.transform.GetComponent<RectTransform>().sizeDelta;//展开状态下panel的宽高
        }
    	
    	// Update is called once per frame
    	void Update () {
    		
    	}
        public void OnClick()
        {
            if (open)
            {
            //设置panel大小 panel.transform.GetComponent<RectTransform>().sizeDelta = new Vector2(panel.transform.GetComponent<RectTransform>().sizeDelta.x, 50f); for (int i=0; i<buttons.Length;i++) { // buttons[i].transform.localPosition = Vector3.Lerp(childbuttonlocal[i], new Vector3(childbuttonlocal[i].x,0,0), 1);
               buttons[i].transform.localPosition=new Vector(childbuttonlocal[i].x,0,0); //设置位置 buttons[i].gameObject.SetActive(false); } open = false; } else { panel.transform.GetComponent<RectTransform>().sizeDelta = sizedelta; for (int i = 0; i < buttons.Length; i++) { buttons[i].gameObject.SetActive(true); buttons[i].transform.localPosition = Vector3.Lerp(new Vector3(childbuttonlocal[i].x, 0, 0), childbuttonlocal[i], 1); } open = true; } } }

     当然可以用动画做,这样感觉更简单点,还能有动画效果,怪我懒,不想再去折腾动画了...

  • 相关阅读:
    MSP430F149学习之路——蓝牙模块
    MSP430F149学习之路——SPI
    MSP430推荐网站
    MSP430F149学习之路——UART
    MSP430F149学习之路——比较器Comparaor_A
    MSP430F149学习之路——PWM信号
    MSP430F149学习之路——捕获/比较模式
    MSP430F149学习之路——时钟1
    CUDA学习笔记(三)——CUDA内存
    CUDA学习笔记(一)——CUDA编程模型
  • 原文地址:https://www.cnblogs.com/lanrenqilanming/p/7419348.html
Copyright © 2020-2023  润新知