zoukankan      html  css  js  c++  java
  • NGUI3.5系列教程之 一些小功能的实现

    (一)可拖动窗体的实现:

    1:添加一个Sprite为鼠标点击区域,改名为:DragSprite

    2:给DragSprite添加Collider

    3:给DragSprite添加Drag Object ,脚本为"UIDrag Object"

    4:为UIDrag Object下的Target赋值:拖动Panel到Target。

    当我们拖动窗体时,有可能把窗体拖出屏幕外面,我们可以勾选UIDragObject的KeepVisible,然后把拖动区域的图片设置到ContentRect下,这样当窗体跑出屏幕后,会被自动弹回来


     (二)改变窗体大小的实现:

     UIDragResize脚本

    1:添加一个Sprite为鼠标点击Drag区域

    2:将该Sprite锚定到顶层Sprite的右下角

    3:给该Sprite添加Collider

    4:给该Sprite添加Drag-Resize Widget,脚本为"UIDragResize"

    5:为UIDragResize下的Target赋值:拖动顶层的Sprite添加到Target。

    5:设置Pivot为BottomRight,此为改变大小的点。


    (三)ScrollView的实现

    1.添加滚动条即ScrollBar。

     滚动条我要做成横向的,所以把Direction设置成:LeftToRight;

     调整Background 和Foreground的长度,两者的Dimensions的长必须一致,宽根据自己的感觉调整,无所谓;

    (2)创建一个ScrollView。

     调整好ScrollView上UIPanel的裁剪区域。

      

       调整UIScrollView :

      Content Origin :这是下面子项目的对齐方式,为了从左边开始,将其设置成Left

          Movement: Horizontal 即水平位移

      其他的默认即可

        将刚才创建的ScrollBar赋值到ScrollBars下的Horizontal。如果要做垂直方向的要赋值到Vertical下。。

    (3)添加UIGrid,此脚本为子项排布

      Arragement:排布方向

            Horizontal:水平方向

            Vertical:垂直方向

      Cell Width: 每个子项占据的宽度

      Cell Height: 每个子项占据的高度

    (4)在ScrollView下创建子项。

       随意创建几个button。

       然后运行就能看到效果了。

       

    (5)实现子项的拖拽

      只需为每个button添加UIDragScrollView,就能实现点击拖拽功能了。很简单吧。。。

  • 相关阅读:
    洛谷3004 [USACO10DEC]宝箱Treasure Chest
    洛谷3778 [APIO2017]商旅
    洛谷4141消失之物——每个体积的角度
    洛谷2943 [USACO09MAR]清理Cleaning Up——转变枚举内容的dp
    bzoj1858[Scoi2010]序列操作
    poj1325机器工作——二分图最小点覆盖
    洛谷P1144——最短路计数
    poj3254二进制放牛——状态压缩DP
    poj1191棋盘分割——区间DP
    洛谷P1474货币系统——背包方案计数
  • 原文地址:https://www.cnblogs.com/martianzone/p/3594423.html
Copyright © 2011-2022 走看看