雷火电竞-中国电竞赛事及体育赛事平台

歡迎來到入門教程網!

C#教程

當前位置:主頁 > 軟件編程 > C#教程 >

Unity UGUI教程之實現(xiàn)滑頁效果

來源:本站原創(chuàng)|時間:2020-01-10|欄目:C#教程|點擊:

簡介

項目需要...直接展示效果吧:


原理

使用UGUI提供的ScrollRect和ScrollBar組件實現(xiàn)基本滑動以及自己控制每次移動一頁來達到滑頁的效果。

實現(xiàn)過程

1.創(chuàng)建兩個panel,上面的panel用于顯示,下面的panel用于存放按鈕

2.在TopPanel上添加ScrollRect腳本,用于滑動

3.在TopPanel下創(chuàng)建一個新的Panel,并在子Panel下拜訪要顯示的對象

4.將該子Panel設置為ScrollRect的活動對象

5.為ScrollRect添加ScrollBar滾動條,直接在空白處單機右鍵添加ScrollBar即可

6.將ScrollBar與ScrollRect關聯(lián)

7.設置ScrollRect的其他參數

8.將SliderControl腳本掛在TopPanel上,并關聯(lián)ScrollBar

9.添加響應事件

為按鈕也添加相應的事件(記住是五個按鈕哈)

10.運行查看效果吧,如果出錯,請檢查上述步驟

代碼

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()
{
// 判斷當前位于哪個區(qū)間,設置自動滑動至的位置
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);
}
}
} 

總結

移動用的mathf提供的平滑函數,如果需要阻尼效果,可以自己修改代碼。

以上內容是小編給大家介紹的Unity UGUI教程之實現(xiàn)滑頁效果,希望對大家有所幫助!

上一篇:使用C#實現(xiàn)基于TCP和UDP協(xié)議的網絡通信程序的基本示例

欄    目:C#教程

下一篇:Windows下C#的GUI窗口程序中實現(xiàn)調用Google Map的實例

本文標題:Unity UGUI教程之實現(xiàn)滑頁效果

本文地址:http://www.jygsgssxh.com/a1/C_jiaocheng/6588.html

網頁制作CMS教程網絡編程軟件編程腳本語言數據庫服務器

如果侵犯了您的權利,請與我們聯(lián)系,我們將在24小時內進行處理、任何非本站因素導致的法律后果,本站均不負任何責任。

聯(lián)系QQ:835971066 | 郵箱:835971066#qq.com(#換成@)

Copyright © 2002-2020 腳本教程網 版權所有