广告
返回顶部
首页 > 资讯 > 精选 >利用unity怎么实现一个翻页效果
  • 529
分享到

利用unity怎么实现一个翻页效果

2023-06-06 16:06:55 529人浏览 独家记忆
摘要

这期内容当中小编将会给大家带来有关利用Unity怎么实现一个翻页效果,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。创建物体ToPanel;添加组件ScrollRect,在下面创建一个空物体用来装需要移动的

这期内容当中小编将会给大家带来有关利用Unity怎么实现一个翻页效果,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。

创建物体ToPanel;添加组件ScrollRect,

在下面创建一个空物体用来装需要移动的子物体,

利用unity怎么实现一个翻页效果

利用unity怎么实现一个翻页效果

创建一个Scrollbar;

利用unity怎么实现一个翻页效果

利用unity怎么实现一个翻页效果

利用unity怎么实现一个翻页效果

利用unity怎么实现一个翻页效果

三、代码

下面展示一些 内联代码片。

using UnityEngine;using System.Collections;using UnityEngine.UI;using System.Collections.Generic;public class SliderControl : MonoBehaviour{  public Scrollbar m_Scrollbar;  public ScrollRect m_ScrollRect;  [Header("子物体的父物体")]  public GameObject panel;  [Header("移动到多少百分比图片切换")]  //注释  [Range(0.1f, 0.9f)] //范围  public float banfenbi = 0.5f;  [Header("是否限制一次只能切换一张图片")]    public bool limit = false;  private float mTargetValue;  private bool mNeedMove = false;  private const float SMOOTH_TIME = 0.2F;  private float mMoveSpeed = 0f;  private float child_Count;  private float num1;  private float var_Down;  private List<float> num_list1 =new List<float>();  private List<float> num_list2 = new List<float>();  private List<float> num_list3 = new List<float>();  private int weizhi; //页数  void Start()  {    weizhi = 0;    child_Count = panel.transfORM.childCount;    num1 = 1 / (child_Count - 1);    print("-----子物体数量------  " + child_Count + "   " + num1);    for (int i = 0; i < child_Count; i++)    {      float a = 0;      num_list1.Add(a + num1 * i);      float b = (a + num1 * i) + (num1 * banfenbi);      num_list2.Add(b);      float c = (a + num1 * i) + (num1 * (1-banfenbi));      num_list3.Add(c);      print("---child_Count----- " + num_list1[i] + "  " + num_list2[i]);    }  }  public void OnPointer()  { }  public void OnPointerDown()  {    //print("---OnPointerDown----");    var_Down = m_Scrollbar.value;    mNeedMove = false;  }  public void OnPointerUp()  {    //print("---OnPointerUp----");    //print("-----m_Scrollbar.value---- " + m_Scrollbar.value);    for (int i = 0; i < child_Count; i++)    {      float num;      if (var_Down- m_Scrollbar.value<0)      {        num = num_list2[i];      }      else      {        num = num_list3[i];      }      if (m_Scrollbar.value <= num)      {        if (limit)        {          if (i> weizhi)          {            weizhi = weizhi + 1;          }          else if (i == weizhi)          {            weizhi = i;          }          else          {            weizhi = weizhi - 1;          }          mTargetValue = num_list1[weizhi];        }        else        {          mTargetValue = num_list1[i];          weizhi = i;  //页数        }        break;      }    }    mNeedMove = true;    mMoveSpeed = 0;  }  /// <summary>  /// 直接跳转到指定页数  /// </summary>  /// <param name="页数"></param>  public void OnButtonClick(int value)  {    mTargetValue = num_list1[value];    if (mTargetValue<0)    {      mTargetValue = 0;    }    if (mTargetValue>1)    {      mTargetValue = 1;    }    weizhi = value;    mNeedMove = true;  }  void Update()  {    if (mNeedMove)    {      if (Mathf.Abs(m_Scrollbar.value - mTargetValue) < 0.01f)      {        m_Scrollbar.value = mTargetValue;        mNeedMove = false;        MoveEnd();        return;      }      m_Scrollbar.value = Mathf.SmoothDamp(m_Scrollbar.value, mTargetValue, ref mMoveSpeed, SMOOTH_TIME);    }  }  /// <summary>  /// 移动完毕的回调  /// </summary>  public void MoveEnd()  {    print("----- 移动完毕-----第几页--- "+ (weizhi+1));  }}

上述就是小编为大家分享的利用unity怎么实现一个翻页效果了,如果刚好有类似的疑惑,不妨参照上述分析进行理解。如果想知道更多相关知识,欢迎关注编程网精选频道。

--结束END--

本文标题: 利用unity怎么实现一个翻页效果

本文链接: https://www.lsjlt.com/news/247907.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • 利用unity怎么实现一个翻页效果
    这期内容当中小编将会给大家带来有关利用unity怎么实现一个翻页效果,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。创建物体ToPanel;添加组件ScrollRect,在下面创建一个空物体用来装需要移动的...
    99+
    2023-06-06
  • Unity中怎么利用Shader实现一个3D翻页效果
    本篇文章给大家分享的是有关Unity中怎么利用Shader实现一个3D翻页效果,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。效果图:原理:Shader顶点动画在顶点着色器进行对...
    99+
    2023-06-20
  • 怎么利用ViewPager实现一个翻页效果
    这期内容当中小编将会给大家带来有关怎么利用ViewPager实现一个翻页效果,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。思路:a.利用ViewPager自带的动画效果,略作修改,实现滑动覆盖翻页效果。b...
    99+
    2023-05-31
    viewpager age pager
  • Unity Shader实现3D翻页效果
    本文实例为大家分享了Unity Shader实现3D翻页效果的具体代码,供大家参考,具体内容如下 参考文章:UnityShader使用Plane实现翻书效果 效果图: 原理:Sh...
    99+
    2022-11-12
  • 怎么在android应用中利用ViewPager实现一个滑动翻页效果
    这期内容当中小编将会给大家带来有关怎么在android应用中利用ViewPager实现一个滑动翻页效果,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。实现ViewPager的滑动翻页效果可以使用ViewPa...
    99+
    2023-05-31
    viewpager android age
  • 使用CSS3怎么实现一个3D翻转效果
    本篇文章给大家分享的是有关使用CSS3怎么实现一个3D翻转效果,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。第一步非常简单,我们简单画1个演示方块,为其 添加transitio...
    99+
    2023-06-08
  • Android利用悬浮按钮实现翻页效果
    今天给大家分享下自己用悬浮按钮点击实现翻页效果的例子。 首先,一个按钮要实现悬浮,就要用到系统顶级窗口相关的WindowManager,WindowManager.Layout...
    99+
    2022-06-06
    按钮 Android
  • Android中怎么实现手势翻页效果
    这篇文章将为大家详细讲解有关Android中怎么实现手势翻页效果,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。activity_main.xml布局界面代码:<xml ver...
    99+
    2023-05-30
    android
  • 怎么在CSS3中实现一个可翻转的hover效果
    怎么在CSS3中实现一个可翻转的hover效果?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。1.css  html { ...
    99+
    2023-06-08
  • Android使用ViewPager实现翻页效果
    本文实例为大家分享了Android使用ViewPager实现翻页效果的具体代码,供大家参考,具体内容如下 效果如图所示: 代码实现: 1.布局代码:activity_view_pa...
    99+
    2022-11-13
  • vue中怎么实现一个翻页组件
    这篇文章将为大家详细讲解有关vue中怎么实现一个翻页组件,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。首先,翻页组件(以下称“pager组件”)一般拥有的元...
    99+
    2022-10-19
  • vue怎么实现书本翻页动画效果
    本文小编为大家详细介绍“vue怎么实现书本翻页动画效果”,内容详细,步骤清晰,细节处理妥当,希望这篇“vue怎么实现书本翻页动画效果”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。效果如下:关键字transform...
    99+
    2023-06-29
  • 如何在Android中利用TextSwitcher实现一个文字上下翻牌效果
    今天就跟大家聊聊有关如何在Android中利用TextSwitcher实现一个文字上下翻牌效果,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。tvNotice = (TextSwitc...
    99+
    2023-05-31
    android textswitcher roi
  • Unity中怎么利用ScrollView实现自动吸附效果
    Unity中怎么利用ScrollView实现自动吸附效果,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。通过使用UGUI的拖拽接口,在拖拽结束时比较当前滑动框的Normalize...
    99+
    2023-06-20
  • 怎么使用纯CSS实现书籍3D翻页效果
    这篇文章主要介绍了怎么使用纯CSS实现书籍3D翻页效果,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。使用纯CSS实现书籍3D翻页效果,代码如下:<!doctype&nb...
    99+
    2023-06-08
  • Android中怎么利用EasyBarrage实现一个弹幕效果
    Android中怎么利用EasyBarrage实现一个弹幕效果,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。概述EasyBarrage是Android平台的一种轻量级弹幕效...
    99+
    2023-05-30
    android easybarrage
  • css3翻牌翻数字效果怎么实现
    这篇文章将为大家详细讲解有关css3翻牌翻数字效果怎么实现,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。效果图如下:没有具体说做什么效果,但是想着纯数字转换太简单了,然后就顺手做了一个翻牌的效果。效果预览...
    99+
    2023-06-08
  • 使用CSS3怎么实现一个页面切换效果
    今天就跟大家聊聊有关使用CSS3怎么实现一个页面切换效果,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。<html><head>  &nbs...
    99+
    2023-06-08
  • css3怎么实现翻转效果
    这篇文章将为大家详细讲解有关css3怎么实现翻转效果,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。css3实现翻转效果的方法:1、将外层元素设置perspective;2、将第二包裹层翻转180度,同时设...
    99+
    2023-06-14
  • Android开发中使用ViewPager实现一个轮翻图效果
    Android开发中使用ViewPager实现一个轮翻图效果?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。具体方法如下:import java.util.ArrayList...
    99+
    2023-05-31
    android viewpager age
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作