Unity3D-----點擊按鈕圖標縮進

點擊按鈕圖標縮進

一、功能

注:以下功能的實現均用NGUI插件
當點擊按鈕時,按鈕左側所有圖標會向右移動並進行隱藏。
在這裏插入圖片描述
如圖,當點擊蘑菇時,左側圖標都會向右移動並隱藏。

二、實現

1、創建精靈,將圖標放入。
2、創建一個空物體,將需要縮進的圖標精靈作爲空物體的子類。作用:統一圖標的縮進
3、點擊NGUI->Create->Panel,創建完成面板後,將空物體拖入,作爲Panel的子類。作用:控制渲染範圍,用於隱藏和顯示圖標 。結構如下:
在這裏插入圖片描述
4、將Panel中的clipping中的類型設置爲soft clip,並調整Panel的大小
在這裏插入圖片描述
5、給空物體AllSprite添加一個Tween Position組件,點擊NGUI->Tween->Position進行添加,並將From和To中的X值進行修改。作用:圖標開始位置運動到哪個位置注意:To中的X值需要在Panel面板的渲染範圍外
在這裏插入圖片描述
6、給按鈕添加一個Play Tween Script組件,點擊NGUI->Attach->Play Tween Script進行添加,並將Tween Target設置爲空物體(因空物體上有Tween Position組件),以及將Play direction的屬性值設置爲Toggle,即可。
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章