zoukankan      html  css  js  c++  java
  • 拖动内容Unity3DNGUI教程:如何创建ScrollView

    本文纯属个人见解,是对前面学习的总结,如有描述不正确的地方还请高手指正~

       声明:   本博客文章原创类别的均为个人原创,版权所有。转载请注明出处: http://blog.csdn.net/ml3947,另外本人的个人博客:http://www.wjfxgame.com

         

        

     本教程中,将会教大家创立一个基本的ScrollView。

        

     由于NGUI官方的教程示例比较的复杂,很多刚开始学习NGUI的人有点摸不着头脑。上面我将从头开始率领大家创立一个简单的ScrollView。

        

     首先通过NGUI-Open the UI Wizard创立一个基本的UI目录。

        

     拖动和内容

        

       然后通过Component–NGUI–Interaction–Draggable Panel,给Panel添加一个Draggable Panel脚本。

        

      拖动和内容

        

     

        

        注意这里的Scale里设置x为1,y,z为0。标明我们只支持x轴方向的拖动。

        

        将Panel的Clipping设置为Soft Clip,然后调整Panel的可显示区域。

        每日一道理
    航行者把树比作指引方向的路灯,劳动者把树比作遮风挡雨的雨伞,诗人把树比作笔下的精灵,而我却要把树比作教师,它就是为我们遮风挡雨的伞,指明方向的路灯,打开知识殿堂的金钥匙。

        

        接着在Panel的上面创立一个空的GameObject,改名为UIGrid。

        

        现在的结构如下:

        

        拖动和内容

        

     

        

       然后在UIGrid下创立一个空Object,改名为Item。在Item上面创立你自己的UI控件。我只是简单的创立了Label。然后给Item上面添加JComponents – NGUI – Interaction – Drag Panel Contents脚本。然后NGUI — Attach a Collider。这里是很重要的,如果不Attach a Collider,将不会收到拖动的事件。

        

       接着复制多个这个Item,转变每个Item的位置即可。

        

       拖动和内容

        

      拖动和内容

        

     

        

      这样,一个简单的ScrollView就实现了。我们可以用对内容停止拖动。内容只会在Panel可显示范围内显示。

        

      另外,Draggable Panel脚本中,有个Restrict WithInPanel 属性,可以制约拖动。当拖动到一边没有内容了以后,它会主动还原。就像Android中ListView之类的效果。

        

      转载请注明出处:http://blog.csdn.net/ml3947

        


        

     

    文章结束给大家分享下程序员的一些笑话语录: 自行车
    一个程序员骑着一个很漂亮的自行车到了公司,另一个程序员看到了他,问 到,“你是从哪搞到的这么漂亮的车的?”
    骑车的那个程序员说, “我刚从那边过来, 有一个漂亮的姑娘骑着这个车过来, 并停在我跟前,把衣服全脱了,然后对我说,‘你想要什么都可以’”。
    另一个程序员马上说到, “你绝对做了一个正确的选择, 因为那姑娘的衣服你 并不一定穿得了”。

  • 相关阅读:
    LeetCode18. 四数之和
    15. 三数之和
    LeetCode202. 快乐数
    LeetCode1. 两数之和
    LeetCode349. 两个数组的交集
    LeetCode242. 有效的字母异位词
    VSCode运行时弹出powershell
    关于cin, cin.get(), getchar(),getline()的字符问题
    剑指 Offer 27. 二叉树的镜像
    BFS zoj 1649
  • 原文地址:https://www.cnblogs.com/jiangu66/p/3078630.html
Copyright © 2011-2022 走看看