Unity3D UGUI实现翻书效果
提示：素材来源网络，侵权必删
UI翻书效果
- 效果图
- 一、准备工作
-
- 1.新建Unity工程
- 2.新建Hierarchy面板
- 二、使用步骤
-
- 1.新建UIBook脚本，挂在UIBook上
- 2.新建BookModels脚本
- 3.新建DragButton脚本
- 4.新建DragLeftPage脚本
- 5.新建DragRightPage脚本
- 6.新建IDragPage脚本
- 7.新建Page脚本
- 8.新建Shadow脚本
- 9.新建TheDraggingPage脚本
- 3.总结
效果图
提示：以下是本篇文章正文内容，下面案例可供参考
一、准备工作
1.新建Unity工程
准备几张图片，新建一个文件夹放进去，然后把文件夹放在Resources文件夹下
2.新建Hierarchy面板
如图
二、使用步骤
1.新建UIBook脚本，挂在UIBook上
代码如下（示例）：
using System;
using System.Collections;
using UnityEngine;
namespace HKZ
{
public class UIBook : MonoBehaviour
{
//组件
private RectTransform rect;
private Sprite[] bookSprites;//存放所以的图片（书页）
private RectTransform clippingMask;
//引用
/// 2.新建BookModels脚本
代码如下（示例）：
using UnityEngine;
namespace HKZ
{
public class BookModels
{
/// 3.新建DragButton脚本
代码如下（示例）：
using System;
using UnityEngine;
using UnityEngine.EventSystems;
namespace HKZ
{
public class DragButton : MonoBehaviour, IBeginDragHandler, IDragHandler, IEndDragHandler
{
private Action onBeginDrag;
private Action onDrag;
private Action onEndDrag;
/// 4.新建DragLeftPage脚本
代码如下（示例）：
using UnityEngine;
namespace HKZ
{
public class DragLeftPage : DragPageBase
{
public DragLeftPage(UIBook uIBook, BookModels bookModels, TheDraggingPage frontPage, TheDraggingPage backPage, Vector3 startPos)
: base(uIBook, bookModels, frontPage, backPage, startPos)
{
}
protected override Vector3 GetBookCorner()
{
return bookModels.LeftCorner;
}
protected override Vector2 GetCilppingMaskPivot()
{
return new Vector2(0, bookModels.ClippingPivotY);
}
protected override Vector2 GetPagePivot()
{
return Vector2.right;
}
protected override Vector3 GetValidAngle(float angle)
{
return Vector3.forward * (angle + 180);
}
}
}
5.新建DragRightPage脚本
代码如下（示例）：
using UnityEngine;
namespace HKZ
{
public class DragRightPage : DragPageBase
{
public DragRightPage(UIBook uIBook, BookModels bookModels, TheDraggingPage frontPage, TheDraggingPage backPage, Vector3 startPos)
: base(uIBook, bookModels, frontPage, backPage, startPos)
{
}
protected override Vector3 GetBookCorner()
{
return bookModels.RightCorner;
}
protected override Vector2 GetCilppingMaskPivot()
{
return new Vector2(1, bookModels.ClippingPivotY);
}
protected override Vector2 GetPagePivot()
{
return Vector2.zero;
}
protected override Vector3 GetValidAngle(float angle)
{
return Vector3.forward * angle;
}
}
}
6.新建IDragPage脚本
代码如下（示例）：
using System;
using UnityEngine;
namespace HKZ
{
public interface IDragPage
{
void BeginDragPage(Vector3 point);
void UpdateDrag();
void EndDragPage(Action complete);
}
public abstract class DragPageBase
{
private UIBook uIBook;
protected BookModels bookModels;
private TheDraggingPage frontPage;
private TheDraggingPage backPage;
private Vector3 startPos;
private RectTransform clippingMask;
public DragPageBase(UIBook uIBook, BookModels bookModels,
TheDraggingPage frontPage, TheDraggingPage backPage, Vector3 startPos)
{
this.uIBook = uIBook;
this.bookModels = bookModels;
this.frontPage = frontPage;
this.backPage = backPage;
this.startPos = startPos;
clippingMask = uIBook.GetClippingMask();
}
/// 7.新建Page脚本
代码如下（示例）：
using System;
using UnityEngine;
using UnityEngine.UI;
namespace HKZ
{
public class Page : MonoBehaviour
{
//引用
public Shadow Shadow
{
get;
private set;
}
//组件
private Func<int, Sprite> getSprite;
private Image img_Page;
protected RectTransform rect;
//数据
/// 8.新建Shadow脚本
代码如下（示例）：
using UnityEngine;
using UnityEngine.UI;
namespace HKZ
{
public class Shadow : MonoBehaviour
{
//组件
private RectTransform rect;
private Image image;
private Color defaultColor = new Color(1, 1, 1, 0.5f);
/// 9.新建TheDraggingPage脚本
代码如下（示例）：
using System;
using UnityEngine;
namespace HKZ
{
public class TheDraggingPage : Page
{
public override void Init(Func<int, Sprite> getSprite)
{
base.Init(getSprite);
SetActiveState(false);
}
/// 完结，如何？，翻书效果不错吧，是不是想打赏我点辛苦费
3.总结
