Unity实现图片轮播组件_unity轮播图,unity图片轮播资源-CSDN下载

1星 36 浏览量 2020-08-26 06:57:39 上传评论 2 收藏 114KB PDF 举报

Unity实现图片轮播组件以下是 Unity 实现图片轮播组件的相关知识点： 1. 使用 Unity 实现图片轮播组件：在 Unity 中，可以使用 UI 组件和脚本来实现图片轮播组件。可以使用 RectTransform 组件来布局图片，并使用 UIButton 组件来实现切页按钮的功能。 2. 图片轮播组件的主要功能：图片轮播组件的主要功能包括自动轮播、切页按钮控制、页码下标更新、滑动轮播、切页后的回调等等。 3. 使用 Enum 来定义 MovementType：在脚本中，可以使用 Enum 来定义MovementType，例如 Circulation 和 PingPong，来控制图片轮播的方式。 4. 使用 SerializeField 来定义变量：在脚本中，可以使用 SerializeField 来定义变量，例如 m_movement、m_content、m_lastPageButton 等等，以便在 Inspector 中编辑这些变量。 5. 实现自动轮播：可以使用协程来实现自动轮播，通过在一定时间间隔后自动切换图片来实现轮播效果。 6. 实现切页按钮控制：可以使用 Button 组件来实现切页按钮，并在 Button 的点击事件中编写代码来控制图片的切换。 7. 实现页码下标更新：可以使用 Text 组件来显示当前的页码下标，并在图片切换时更新页码下标。 8. 实现滑动轮播：可以使用 Input类来检测用户的滑动事件，并在滑动时切换图片。 9. 实现切页后的回调：可以使用 Unity 事件系统来实现切页后的回调，例如在图片切换后触发某个事件。 10. 使用 namespace 来组织代码：可以使用 namespace 来组织代码，例如 UnityEngine.UI，来避免命名冲突。 11. 使用 AddComponentMenu 来添加菜单：可以使用 AddComponentMenu 来添加菜单，例如 "UI/Slidershow"，以便在 Unity 编辑器中添加图片轮播组件。 12. 使用 ExecuteInEditMode 来编辑模式下可执行：可以使用 ExecuteInEditMode 来让脚本在编辑模式下可执行，以便在编辑器中预览图片轮播效果。 13. 使用 DisallowMultipleComponent 来禁止重复添加组件：可以使用 DisallowMultipleComponent 来禁止重复添加图片轮播组件，以避免错误。 14. 使用 RequireComponent 来依赖于其他组件：可以使用 RequireComponent 来依赖于其他组件，例如 RectTransform，以便图片轮播组件可以正确工作。

资源推荐

资源详情

资源评论

Unity实现图片轮播组件实现图片轮播组件

主要为大家详细介绍了Unity实现图片轮播组件的相关方法，具有一定的参考价值，感兴趣的小伙伴们可以参考

一下

游戏中有时候会见到图片轮播的效果，那么这里就自己封装了一个，包括自动轮播、切页按钮控制、页码下标更新、滑动轮

播、切页后的回调等等。

下面，先上一个简陋的gif动态效果图

从图中可以看出，该示例包括了三张图片的轮播，左右分别是上一张和下一张的按钮，右下角显示了当前是第几章的页码下

标。

直接上脚本：

using System;

using System.Collections;

using System.Collections.Generic;

using UnityEngine;

using UnityEngine.Events;

using UnityEngine.EventSystems;

using UnityEngine.UI;

namespace UnityEngine.UI

{

[AddComponentMenu("UI/Slidershow", 39)] //添加菜单

[ExecuteInEditMode] //编辑模式下可执行

[DisallowMultipleComponent] //不可重复

[RequireComponent(typeof(RectTransform))] //依赖于RectTransform组件

public class Slideshow : UIBehaviour,IPointerDownHandler,IPointerUpHandler

{

public enum MovementType

{

/// <summary>

/// 循环

/// </summary>

Circulation, //循环，轮播到最后一页之后，直接回到第一页

/// <summary>

/// 来回往复

/// </summary>

PingPong, //来回往复，轮播到最后一页之后，倒序轮播，到第一页之后，同理

}

public enum MoveDir

{

Left,

Right,

}

[SerializeField]

private MovementType m_movement = MovementType.Circulation;

public MovementType Movement { get { return m_movement; } set { m_movement = value; } }

[SerializeField]

private RectTransform m_content;

public RectTransform Content { get { return m_content; } set { m_content = value; } }

[SerializeField]

private Button m_lastPageButton;

public Button LastPageButton { get { return m_lastPageButton; } set { m_lastPageButton = value; } }

[SerializeField]

private Button m_nextPageButton;

public Button NextPageButton { get { return m_nextPageButton; } set { m_nextPageButton = value; } }

/// <summary>

/// 自动轮播时长

/// </summary>

[SerializeField]

private float m_showTime = 2.0f;

public float ShowTime { get { return m_showTime; } set { m_showTime = value; } }

/// <summary>

/// 是否自动轮播

/// </summary>

[SerializeField]

private bool m_autoSlide = false;

public bool AutoSlide { get { return m_autoSlide; }set { m_autoSlide = value; } }

/// <summary>

/// 自动轮播方向，-1表示向左，1表示向右

/// </summary>

private MoveDir m_autoSlideDir = MoveDir.Right;

/// <summary>

/// 是否允许拖动切页

/// </summary>

[SerializeField]

private bool m_allowDrag = true;

public bool AllowDrag { get { return m_allowDrag; }set { m_allowDrag = value; } }

/// <summary>

/// 当前显示页的页码，下标从0开始

/// </summary>

private int m_curPageIndex = 0;

public int CurPageIndex { get { return m_curPageIndex; } }

/// <summary>

/// 最大页码

/// </summary>

private int m_maxPageIndex = 0;

public int MaxPageIndex { get { return m_maxPageIndex; } }

/// <summary>

/// 圆圈页码ToggleGroup

/// </summary>

[SerializeField]

private ToggleGroup m_pageToggleGroup;

public ToggleGroup PageToggleGroup { get { return m_pageToggleGroup; } set { m_pageToggleGroup = value; } }

/// <summary>

/// 圆圈页码Toggle List

/// </summary>

private List<Toggle> m_pageToggleList;

public List<Toggle> PageToggleLise { get { return m_pageToggleList; }}

//item数目

private int m_itemNum = 0;

public int ItemNum { get { return m_itemNum; } }

//以Toggle为Key，返回页码

private Dictionary<Toggle, int> m_togglePageNumDic = null;

private float m_time = 0f;

private List<float> m_childItemPos = new List<float>();

private GridLayoutGroup m_grid = null;

protected override void Awake()

{

base.Awake();

if (null == m_content)

{

throw new Exception("Slideshow content is null");

}

剩余7页未读，继续阅读

评论收藏

内容反馈

LAAY

2024-01-04

https://www.jb51.net/article/157157.htm 可以看这篇文章

weixin_38553275

粉丝: 5

Unity实现图片轮播组件

Unity Carousel轮播图像插件

unity 支持水平，竖直 无限轮播 TestSupperScrollView.zip

Unity图片切换轮播功能

Unity__Item图片轮播效果

Unity图片自动轮播带滑动切换

Unity3d C#实现UGUI ScrollRect的轮播图效果

Unity ScrollView实现动态列表生成

Unity 滑动幻灯片效果

DRScrollerView:无限滚动轮播图--首尾相接方式

图片滚动&轮播的实现

实现图片轮播的源代码！

图片轮播，js实现图片轮播

定时器实现图片轮播

图片轮播 广告轮播 海报轮播（JS实现）

使用Unity3d实现一个简单的桌面图片轮播工具

unity ui弧形轮播旋转

Unity-滑动轮播图实时滑动

Unity3D图片滑动效果

图片轮播素材 左右按钮切换 图片叠加

图片轮播（自己实现）

UGUI实现图片特效轮播，使用插件DOTWEEN-附件资源

响应式Carousel轮播图插件.zip

Unity滑动切换图片

UGUI轮播功能（基于DoTween）

3D形式轮播展示图片集，包含球状，螺旋状，支持识别文字或字母

ImageAlpha(UGUI图片渐变).unitypackage

Unity3D中ui弧形轮番旋转(UI 3D旋转)

DataGrid-master.zip

jquery实现图片轮播

最新资源

unity 支持水平，竖直无限轮播 TestSupperScrollView.zip

图片轮播广告轮播海报轮播（JS实现）

图片轮播素材左右按钮切换图片叠加