Unity UGUI教程之實(shí)現(xiàn)滑頁效果
簡介
項(xiàng)目需要...直接展示效果吧:
原理
使用UGUI提供的ScrollRect和ScrollBar組件實(shí)現(xiàn)基本滑動(dòng)以及自己控制每次移動(dòng)一頁來達(dá)到滑頁的效果。
實(shí)現(xiàn)過程
1.創(chuàng)建兩個(gè)panel,上面的panel用于顯示,下面的panel用于存放按鈕
2.在TopPanel上添加ScrollRect腳本,用于滑動(dòng)
3.在TopPanel下創(chuàng)建一個(gè)新的Panel,并在子Panel下拜訪要顯示的對象
4.將該子Panel設(shè)置為ScrollRect的活動(dòng)對象
5.為ScrollRect添加ScrollBar滾動(dòng)條,直接在空白處單機(jī)右鍵添加ScrollBar即可
6.將ScrollBar與ScrollRect關(guān)聯(lián)
7.設(shè)置ScrollRect的其他參數(shù)
8.將SliderControl腳本掛在TopPanel上,并關(guān)聯(lián)ScrollBar
9.添加響應(yīng)事件
為按鈕也添加相應(yīng)的事件(記住是五個(gè)按鈕哈)
10.運(yùn)行查看效果吧,如果出錯(cuò),請檢查上述步驟
代碼
SliderControl: using UnityEngine; using System.Collections; using UnityEngine.UI; public class SliderControl : MonoBehaviour { public Scrollbar m_Scrollbar; public ScrollRect m_ScrollRect; private float mTargetValue; private bool mNeedMove = false; private const float MOVE_SPEED = 1F; private const float SMOOTH_TIME = 0.2F; private float mMoveSpeed = 0f; public void OnPointerDown() { mNeedMove = false; } public void OnPointerUp() { // 判斷當(dāng)前位于哪個(gè)區(qū)間,設(shè)置自動(dòng)滑動(dòng)至的位置 if (m_Scrollbar.value <= 0.125f) { mTargetValue = 0; } else if (m_Scrollbar.value <= 0.375f) { mTargetValue = 0.25f; } else if (m_Scrollbar.value <= 0.625f) { mTargetValue = 0.5f; } else if (m_Scrollbar.value <= 0.875f) { mTargetValue = 0.75f; } else { mTargetValue = 1f; } mNeedMove = true; mMoveSpeed = 0; } public void OnButtonClick(int value) { switch (value) { case 1: mTargetValue = 0; break; case 2: mTargetValue = 0.25f; break; case 3: mTargetValue = 0.5f; break; case 4: mTargetValue = 0.75f; break; case 5: mTargetValue = 1f; break; default: Debug.LogError("!!!!!"); break; } mNeedMove = true; } void Update() { if (mNeedMove) { if (Mathf.Abs(m_Scrollbar.value - mTargetValue) < 0.01f) { m_Scrollbar.value = mTargetValue; mNeedMove = false; return; } m_Scrollbar.value = Mathf.SmoothDamp(m_Scrollbar.value, mTargetValue, ref mMoveSpeed, SMOOTH_TIME); } } }
總結(jié)
移動(dòng)用的mathf提供的平滑函數(shù),如果需要阻尼效果,可以自己修改代碼。
以上內(nèi)容是小編給大家介紹的Unity UGUI教程之實(shí)現(xiàn)滑頁效果,希望對大家有所幫助!
上一篇:使用C#實(shí)現(xiàn)基于TCP和UDP協(xié)議的網(wǎng)絡(luò)通信程序的基本示例
欄 目:C#教程
下一篇:Windows下C#的GUI窗口程序中實(shí)現(xiàn)調(diào)用Google Map的實(shí)例
本文標(biāo)題:Unity UGUI教程之實(shí)現(xiàn)滑頁效果
本文地址:http://mengdiqiu.com.cn/a1/C_jiaocheng/6588.html
您可能感興趣的文章
- 01-10Unity3d獲取系統(tǒng)時(shí)間
- 01-10Unity3D獲取當(dāng)前鍵盤按鍵及Unity3D鼠標(biāo)、鍵盤的基本操作
- 01-10TortoiseSVN使用教程
- 01-10C#編程中枚舉類型的使用教程
- 01-10C#中的delegate委托類型基本學(xué)習(xí)教程
- 01-10dotNet中的反射用法入門教程
- 01-10C# WCF簡單入門圖文教程(VS2010版)
- 01-10C#操作LINQ to SQL組件進(jìn)行數(shù)據(jù)庫建模的基本教程
- 01-10C#使用Protocol Buffer(ProtoBuf)進(jìn)行Unity中的Socket通信
- 01-10C#在Unity游戲開發(fā)中進(jìn)行多線程編程的方法


閱讀排行
本欄相關(guān)
- 01-10C#通過反射獲取當(dāng)前工程中所有窗體并
- 01-10關(guān)于ASP網(wǎng)頁無法打開的解決方案
- 01-10WinForm限制窗體不能移到屏幕外的方法
- 01-10WinForm繪制圓角的方法
- 01-10C#實(shí)現(xiàn)txt定位指定行完整實(shí)例
- 01-10WinForm實(shí)現(xiàn)仿視頻播放器左下角滾動(dòng)新
- 01-10C#停止線程的方法
- 01-10C#實(shí)現(xiàn)清空回收站的方法
- 01-10C#通過重寫Panel改變邊框顏色與寬度的
- 01-10C#實(shí)現(xiàn)讀取注冊表監(jiān)控當(dāng)前操作系統(tǒng)已
隨機(jī)閱讀
- 08-05dedecms(織夢)副欄目數(shù)量限制代碼修改
- 01-10SublimeText編譯C開發(fā)環(huán)境設(shè)置
- 08-05織夢dedecms什么時(shí)候用欄目交叉功能?
- 01-11ajax實(shí)現(xiàn)頁面的局部加載
- 01-10C#中split用法實(shí)例總結(jié)
- 01-10delphi制作wav文件的方法
- 08-05DEDE織夢data目錄下的sessions文件夾有什
- 01-10使用C語言求解撲克牌的順子及n個(gè)骰子
- 01-11Mac OSX 打開原生自帶讀寫NTFS功能(圖文
- 04-02jquery與jsp,用jquery