Unity3D实现列表分页效果

本文实例为大家分享了Unity3D实现列表分页效果的具体代码，供大家参考，具体内容如下

using System.Collections.Generic;
using UnityEngine;

public class Page : MonoBehaviour {
  public List<string> Tips = new List<string>();
  public Texture2D DetailImg1;
  public Texture2D DetailImg2;

  private int pageCount = 0;//当前记录所需页数
  private static int currentPage = 1;//当前页码

  void OnGUI() {
    pageCount = Mathf.CeilToInt(Tips.Count / 8.0f);//计算当前的页码总数
    int m_count = 0;//计算当前页的记录数
    if (currentPage != pageCount)//判断是否是最后一页，若不是则每页绘制8条记录
    {
      m_count = 8;
    }
    else {
      if (Mathf.CeilToInt((Tips.Count + 1) / 8.0f) > pageCount)//判断最后一页是否有8条记录
      {
        m_count = 8;
      }
      else
      {
        m_count = Tips.Count % 8;//计算最后一页的记录数
      }
    }

    for (int i = 0; i < m_count; i++)
    {
      if (i % 2 == 0)
      {
        GUI.DrawTexture(new Rect(268, 253 + i * 36, 487, 36), DetailImg1);
      }
      else
      {
        GUI.DrawTexture(new Rect(268, 253 + i * 36, 487, 36), DetailImg2);
      }
      GUI.Label(new Rect(310, 253 + i * 36, 300, 36), Tips[(currentPage - 1) * 8 + i]);
    }
    //超过一页内容时，显示页码跳转
    if (pageCount > 1) {
      float temp = Screen.width / 2 - pageCount / 2 * 20;
      for (int i = 1; i <= pageCount; ++i) {
        //更改按钮样式
        if (currentPage == i)
        {
          GUI.backgroundColor = Color.red;
        }
        else
        {
          GUI.backgroundColor = Color.white;
        }
        //绘制按钮
        if (GUI.Button(new Rect(temp + 20 * i, 600, 20, 20), i.ToString())) {
          currentPage = i;//更改当前选中的页
        }
      }
    }
  }
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

赞 (0)

相关推荐

  • Unity ScrollView实现动态列表生成

    制作根据实时获取的数据动态改变的列表,UGUI 的 Scroll View 已经封装好了基本的参数,总结一些值得注意的地方和动态生成列表的方法. 在 Canvas 创建 Scroll View 后,基本结构如下. 一. 注意两点: 1. Content 下放自定义的列表内容,如这个 item 是名为"张三"的 Button 预制件.(制作为 Button 因为我的项目里需要点击列表项产生交互结果) 2. 如果是顶部固定,往下依次延伸的列表,Content 和里边自己的 item 中心锚

  • Unity实现QQ列表折叠菜单

    本文实例为大家分享了Unity实现QQ列表折叠菜单的具体代码,供大家参考,具体内容如下 主要用到了GUI的自动布局功能,VerticalLayoutGroup,注意ChildControlsSize 和ChildForceExpand属性设置为 Width 效果: 实现代码: /// <summary> /// 折叠菜单 /// </summary> public class FoldPanel : MonoBehaviour { [SerializeField] private

  • unity实现无限列表功能

    本文实例为大家分享了unity实现无限列表功能的具体代码,供大家参考,具体内容如下 public static class RectTransformExtensions { public static bool Overlaps(this RectTransform a, RectTransform b) { return a.WorldRect().Overlaps(b.WorldRect()); } public static bool Overlaps(this RectTransfor

  • Unity3D实现列表分页效果

    本文实例为大家分享了Unity3D实现列表分页效果的具体代码,供大家参考,具体内容如下 using System.Collections.Generic; using UnityEngine; public class Page : MonoBehaviour { public List<string> Tips = new List<string>(); public Texture2D DetailImg1; public Texture2D DetailImg2; priva

  • jQuery实现仿腾讯视频列表分页效果的方法

    jQuery实现仿腾讯视频列表分页效果的方法

    本文实例讲述了jQuery实现仿腾讯视频列表分页效果的方法.分享给大家供大家参考.具体如下: 这里使用jQuery仿腾讯视频列表分页效果,无刷新分页特效,点击分页按钮,无刷新进入下一页内容列表. 运行效果截图如下: 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&q

  • Vue组件库ElementUI实现表格列表分页效果

    Vue组件库ElementUI实现表格列表分页效果

    ElementUI实现表格列表分页效果教程,供大家参考,具体内容如下 Element UI 是一套采用 Vue 2.0 作为基础框架实现的组件库,一套为开发者.设计师和产品经理准备的基于 Vue 2.0 的组件库,提供了配套设计资源,帮助网站快速成型 <el-pagination>加上@size-change="handleSizeChange.@current-change="handleCurrentChange"处理当前页和当前页数的改变事件 <!--

  • vue2.0与bootstrap3实现列表分页效果

    本文实例为大家分享了Android九宫格图片展示的具体代码,供大家参考,具体内容如下 直接引入vue的js文件进行页面渲染分页,不是vuex的哦,以下源码可以直接运行哟^_^ <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>使用vue2.0与bootstrap3进行简单列表分页</title> <link href="http:

  • vue实现前台列表数据过滤搜索、分页效果

    vue实现前台列表数据过滤搜索、分页效果

    本文实例为大家分享了vue实现列表数据过滤搜索.分页效果的具体代码,供大家参考,具体内容如下 job.vue页面 <style lang="scss"> .job-wrapper { padding-top: 50px; } .job-left { float: left; margin-right: 20px; padding: 20px; width: 310px; background: #fff; } .job-serach-title { margin: 8px

  • 基于BootStrap Metronic开发框架经验小结【二】列表分页处理和插件JSTree的使用

    基于BootStrap Metronic开发框架经验小结【二】列表分页处理和插件JSTree的使用

    在上篇基于BootStrap Metronic开发框架经验小结[一]框架总览及菜单模块的处理,介绍了Bootstrap开发框架的一些基础性概括,包括总体界面效果,以及布局.菜单等内容,本篇继续这一主题,介绍页面内容常用到的数据分页处理,以及Bootstrap插件JSTree的使用. 在数据的界面显示当中,表格数据的展示以及分页是非常常见的处理操作,利用Bootstrap的样式布局,以及JQuery的Ajax数据处理,就能很好实现数据的动态展示和分页处理. 1.列表展示和分页处理1)数据的列表展示

  • 简单实现Ajax无刷新分页效果

    简单实现Ajax无刷新分页效果

    Ajax无刷新分页效果,如下代码实现 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Ajax无刷新分页效果</title> <script type="text/javascript"> function showpage(url) { var xhr = new XML

  • .NET中的repeater简介及分页效果

    Repeater控件是一个数据绑定容器控件,它能够生成各个项的列表,并可以使用模板定义网页上各个项的布局.当该页运行时,该控件为数据源中的每个项重复此布局. 配合模板使用repeater控件 若要使用repeater控件,需创建定义控件内容布局的模板.模板可以包含标记和控件的任意组合.如果未定义模板,或者模板都不包含元素,则当应用程序运行时,该控件不显示在页面上. ItemTemplate : 含要为数据源中每个数据项都要呈现一次的 HTML 元素和控件. AlternatingItemTemp

  • JS鼠标滚动分页效果示例

    JS鼠标滚动分页效果示例

    首先先看问题: 在开发的时候,看到这种现象 就会思考:为什么左边的数据出来比右边的慢呢?因为这里没有进行分页,左边的数据多,所以查询相对较慢. 解决办法就是进行分页,但是在项目中用到的插件,不能控制样式,改变分页的宽度,样式就会乱掉.最简单的办法就是不分页(^_^) 但是既然是自己份内的事,为啥不做好呢?那就写分页呗,滚动分页! 问了其他同事,其他同事也...你去百度去.... 是啊,网上一大堆 ,但都是乱七八糟的,也没有效果图...坑 经过一番思考,和百度 思路来了: 需要了解三个dom元素,

  • 推荐一款PHP+jQuery制作的列表分页的功能模块

    推荐一款PHP+jQuery制作的列表分页的功能模块

    做了一个列表分页的功能模块,主要的文件包括分页类 page.class.php 和 控制 ajax 分页的ajax.js,主要功能有: 1.可以选择 3 种常见的 url 分页格式: 2.可以选择 url 分页 还是 ajax 分页: 3.两种分页方式都可以自定义分页 a 标签的文字: 4.url 分页方式可以自定义分页偏移量: 5.url 分页方式可以选择手动跳转方式:手动输入页码跳转 或 下拉菜单选择页码跳转. 列表分页功能含有但不一定全部包含的元素包括: 首页.下一页.上一页.末页.具体页

随机推荐