位置: 编程技术 - 正文

Unity NGUI制作scroll view(unity sliced)

编辑:rootadmin

推荐整理分享Unity NGUI制作scroll view(unity sliced),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:unity怎么做ui,unity怎么做,unity怎么做ui,unity scrollbar,unity scrollbar,unity怎么做,unity slua,unity scrollview,内容如对您有帮助,希望把文章链接给更多的朋友!

转载: NGUI版本:3.6.5

  参考链接: 冬菊子

       inspironx

1、创建背景:

  这部分比较简单,先创建一个用来展示scroll view的panel,在panel下创建一个空对象,空对象下面创建一个表示背景的sprite即可,空对象也可以不创建,用来组织结构看起来更清晰罢了,背景图片也可以不要,看个人需要:

  

2、UIGrid组织scroll view中内容:

  创建一个panel,用来确定scroll view显示区域,在该sprite下创建一个空对象,命名为UIGrid,这个是用来组织内容顺序的,在UIGrid下面创建在scroll view中要显示的内容,这里的内容用sprite为例,也可以是按钮、文字之类的,创建一个后,直接复制,不必调整sprite的位置;

  可以看到场景中的sprite是重叠的,这时候需要为UIGrid添加Grid.cs脚本让UIGrid对象能够组织显示内容:

  

  可以试运行,如果每一项之间的距离太大,可以调节Grid.cs脚本中的Cell Widht和Cell Height数&#;;

  UIGrid各项设置:

    Arrangement:表&#;的显示方向

    Sorting:对表&#;内的内容进行排序,Alphabetic(以字母顺序排序),Horizontal(水平方向进行排序),Vettical(垂直方向进行排序),Custom(自定义的排序)

    Cell Widht:单个显示的宽度

    Cell Height:单个显示的高度

3、实现鼠标点击可以移动scroll view中内容:

  为Panel添加脚本:UISceollView.cs并设置UIPanel组件里的选项:

  

  Clipping设为Soft Clip,设置size为scroll view内容的显示区域;

  UIPanel各项设置:

    Clipping:面板剪切,分为None(无剪切效果),Soft Clip(软剪切,有边缘模糊效果),Alpha Clip(硬剪切,边缘锋利)

    Constrain But Don't Clip(显示所有内容,但是是剪切区域存在)

    Advanced Options:高级选项

    Render Q:面板里所有图片的渲染质量,Automatic(自动适应),Normal(正常),Explicit(用户指定)

    Normals:法线贴图

Unity NGUI制作scroll view(unity sliced)

    Cull:如果用鼠标手动组件则剔除组件

    Visible:面板是否在可视范围内

    Offset:通过位置偏离锚点

    Static:如果是没移动的组件,也进行代码检测,一般是用于ScrollView

    Panel Tool:是否显示面板工具

    Show Draw Calls:显示渲染的详细信息

  运行可以看到内容已经可以按序显示,但是移动鼠标点击时scroll view里面的内容无法根据鼠标的动作来移动,需要为UIGrid下的sprite添加组件;

4、为UIGrid下的sprite添加根据鼠标动作来移动需要的组件:

  需要添加脚本:UIDragScrollView.cs

  需要添加组件:Box Collider;

  Box Collider大小一般和UIGrid中的Cell Width和Cell Height保持一致;

  试运行,就可以看到当鼠标至于Pnael区域里面时,滚动鼠标滑轮,sprite内容会切换显示;

5、为sprite根据鼠标滚轮滑动时显示居中效果:

  为UIGrid添加脚本组件:UICenterOnChild.cs

  添加脚本组件后可能显示的效果如下所示:

  

  修改Panel和UIGrid的相应设置:

    Panel——UIScrollView——Content Origin:Center

    UIGrid——UIGrid(Script)——Pivot:Left ,修改后效果如下:

      

  这样,当鼠标滚轮滑动时,偏移的sprite会自动调整使离中间位置最近的一个sprite调整到中间位置;

6、当鼠标点击某一项时使之居中:

  为UIGrid中的每一项添加脚本:UICenterOnClick.cs即可

  

注意事项:

  1、当为scroll view中添加居中显示时,左侧或者右侧可能会有空白,如下图所示:

    

    

  即选中左侧第一个时,左侧会空出来,选择右侧第一个时,右侧会留空白

[置顶] Unity3d游戏安装包 极限减少之 四分图、二分图 (NGUI向) 在这个酒香也怕巷子深,游戏不打广告不买用户不刷榜就会死的时代。每个游戏代理都想让CP提供的安装包越小越好,能M绝对不要M。但是游戏开发

unity3d运行之后图片显示花边、马赛克的问题 今天修改之前的一个代码,游戏运行之后,本来正常的图片显示的有花边(马赛克),首先这些图片是没有背景色的,所以式方面有要求,png式可以保

Unity3D之动画(Animation)的制作 实例说明:忍者跑酷的player动画制作。。。这些都是用Sprite做的动画。。。在prioject面板里的一组sprite里面点击,之后看属性面板的SpriteEditor对这组Sprite

标签: unity sliced

本文链接地址:https://www.jiuchutong.com/biancheng/378708.html 转载请保留说明!

上一篇:Python 专题四 文件基础知识

下一篇:[置顶] Unity3d游戏安装包 极限减少之 四分图、二分图 (NGUI向)([置顶]津鱼.我爱你)

  • 冲回多计提费用
  • 房屋买卖收税
  • 会计信息采集每年都要采集吗
  • 税控减免税额如何做分录
  • 外国人在中国工作签证
  • 成本费用利润率反映什么
  • 公司代缴个税分录
  • 合作社免税收入需要成本吗?
  • 新领的发票怎么导入uk开票系统
  • 什么叫税后利息费用
  • 企业股权转让如何避税收
  • 政府补助的核算方法名词解释
  • 过路费普通发票可以抵税吗
  • 医疗器械销售税负率是多少
  • 一般纳税人认定书
  • 重庆国税发票查询真伪查询系统
  • 预缴企业所得税研发费用加计扣除
  • 银行利息所得税调整方案
  • 企业所得税退税怎么做账务处理
  • 2019年收入不足6万如何退税
  • 物流公司承担货物损失赔偿如何写会计分录
  • 税控盘没清盘怎么处罚
  • 给员工发放购物卡交个税吗
  • 税金及附加包括个人所得税吗
  • 联通官网测网速
  • 企业当年实现的净利润
  • win10电脑时间改了又跳回去
  • 人工智能导论报告
  • 留底的进项税额记哪儿?
  • 禁止input标签输入
  • vue登录页面点击登录进入首页
  • 珀泽申群岛上的阿德利企鹅,南极洲 (© Tui De Roy/Minden Pictures)
  • 税法工资薪金总额
  • 残疾人增值税即征即退税收减免备案
  • 投资收益会计准则
  • 文心一格百度
  • 合同补充协议印花怎么写
  • 代理记账费用计入什么二级科目
  • 个税申报的本期收入填什么
  • 农产品核定进项
  • 新办商贸企业是国企吗
  • sql server如何进行安全设置
  • 股票价值和内部收益率的公式
  • SQL高级应用之同服务器上复制表到另一数据库中并实现去重复
  • 电脑计入固定资产了怎么抵企业所得税
  • 合理损耗应计入成本吗
  • 出售转让固定资产的账务处理
  • 事业单位非税收入帐务处理
  • 所得税费用如何计提分录
  • 跨年红字发票账务处理
  • 企业买期货账务处理
  • 购买的银行理财产品能提前赎回吗
  • 单位经办人给员工发工资
  • 普票冲红需要收回原来的发票吗
  • 应交增值税一转出未交增值税
  • 企业日常发放的贷款
  • 企业负担的差旅费
  • 网上打印的电子机票可以报销不
  • win7历史记录在哪里
  • linux中进程在运行时的基本状态
  • 快速关机的快捷方式
  • ubuntu安装chrom
  • iusb3mon.exe是什么
  • fcbzmgr.exe
  • win10系统登录密码忘了怎么办
  • 常用的linux系统版本有哪些
  • winpe 系统还原
  • 搜狗浏览器2019版本
  • cocos2d教程
  • cocos2dx官方教程
  • jquery操作表单
  • python裁剪不规则区域
  • python遍历列表的两种方法
  • 安卓手机管家删除的照片怎么恢复
  • 税收预测的内容
  • 纳税申报表作废了怎么重新报?
  • 深圳市福田区税务局电话
  • 2023车船税收费价格表图片
  • 研发人员范围
  • 长春税务局电话朝阳区
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设