`

unityios开发--Scorll View控件

 
阅读更多

由于项目需要在ipad上做开发使用unity使用才用了NGUI插件,现在感觉NGUI插件真的是非常的出色,它的组件可以快速的完成许多你想到的功能,下面推荐几篇文章是写NGUI的,仅供学习和自我的学习。http://game.ceeger.com/forum/read.php?tid=4172&fpage=2这个一个官方demo的翻译感觉很好,就是一个流程但是一些东西还是需要自己去思考,去探索

我们知道NGUI自己有一套树形的层级关系图,很多时候我们只能在这些树形的层级结构下创建一些NGUI实例。其实在这个层级关系图中最重要的就是NGUI给我们提供的那些脚本和方法,只要了解了这些脚本和方法,你可以任意的改变这些层级结构。

今天我在这儿来改变NGUI的树形结构来对NGUI中Scorll View的实现来讲一个简洁版的。在改变层级结构之前,我们要清楚的知道,那些组件和方法是制作Scorll View过程中必须的。当然UIDraggablePanel,UIPanel,UIGrid,UIDragPanelContents这四个组件是制作Scorll View的关键组件。

首先我们新建一个场景,里面包含了我们的一个主摄像机,当然这个摄像机我们不删除,所以就不再新建一个NGUI的树形层级结构了,我们把场景中的摄像机的投射方式改为orthographic(摄像机以90度直直的投射到屏幕,其实这就是一个2D摄像机),然后我们为这个摄像机加上一个NGUI中核心组件UICamera(必须加上)

然后我们新建一个空对象,放在摄像机下面把他作为摄像机的子物体

然后我们通过NGUI的create a widget在这个空对象下面创建一个sliced sprite类型的图标(其他类型图标也行),然后多复制几个。

下面我们最重要的事就是加组件,我们把这个3个UIDraggablePanel,UIPanel,UIGrid组件加到GameObject上,当然在我们创建sliced sprite的时候,自动的为我们加上了UIPanel这个组件

然后我们再为每个sliced sprite都加上组件UIDragPanelContents和Box Collider。

到这儿的时候我们整个步骤就完成了一大半了,然后我们对一些组件的参数进行调整。

首先我们对UIGrid组件的cell width参数进行调整,这个组件主要是对我们的sliced sprite进行排列。

接下来我们对UIPanel组件中的Clipping属性选择到Soft Clip ,然后调整下面的几个参数,这个主要是决定了,你的sliced sprite出现的范围。

然后我们对UIDraggable Panel组件中的Scale中的参数进行调整,这个决定了sliced sprite向哪个方向滑动。

然后把每一个sliced sprite中的Box Collider组件中的参数Is Trigger打上勾勾。这个Collider主要是用来对滑动响应的区域。在加上组件UIDrag Panel Contents后,整个响应滑动的区域就是在每一sliced sprite上面,当然你自己也可以做一个更大的响应区域。其他的参数自己可试试。

上面的文章是转载http://game.ceeger.com/forum/read.php?tid=5261

我主要想说说,UIPanel,UIGrid,UIDragPanelContents这四个组件UIGridarramgement是一个排列方式默认是横向;max per line 0表示是横向1表示横向式2可以尝试一下 cell width是两两 两个排列物体之间的距离。个人认为比较重要的就是cell width。UIPanel这个clipping选择softclip 控制一个范围有一个惯性,让物体在一点范围在运动。UIDaggablePanel需要注意这个方向问题在scale下边让它在x方向运动其他为0

分享到:
评论

相关推荐

    Scorll View autolayout

    在iOS开发中,`UIScrollView` 是一个至关重要的控件,它允许用户在内容超过视图边界时滚动查看。本文将深入探讨`UIScrollView`与Auto Layout的整合,特别是如何通过子视图的frame来设定`UIScrollView`的内容大小。 ...

    scorll-view实现横向滑动且长按拖拽排序

    用scorll-view组件实现的左右滑动,长按元素浮动,拖拽过程中进行排序

    动画+布局半边移动+Scorll嵌套

    在Android开发中,"动画+布局半边移动+Scorll嵌套"是一个常见的应用场景,尤其是在设计用户界面和交互时。下面将详细讲解这些概念及其重要性。 首先,我们来看“动画”(Animation)。在Android中,动画是提升用户...

    Vue.js高仿饿了么外卖App.txt

    第1章 课程导学 ...第5章 项目实战-页面骨架开发 ... 共 12章 项目技术架构 vue-cli(脚手架工具) vue vue-resource vue-router(路由) vue-infinite-scorll stylus webpack(打包工具)

    ScorllView笔记

    IOS里面ScorllView笔记,适合新手开发

    NGUI_遮罩和Scorll bar的制作

    ### NGUI_遮罩和Scorll bar的制作详解 #### 一、引言 在Unity3D游戏开发中,Next-Generation UI (简称NGUI) 是一款非常强大的UI插件,它为开发者提供了丰富的工具和组件来创建复杂的用户界面。本文将详细介绍如何...

    scorllView——demo

    在Android开发中,ScrollView是一个非常重要的布局组件,它允许用户在一个垂直方向上滚动内容,当内容超出屏幕范围时。在本“scorllView——demo”项目中,开发者旨在实现一个具有滚动效果的示例应用,这通常是为了...

    react-webpack:React移动端项目,手动配置的脚手架,完美性能优化的极致追求

    项目是移动端react antd-mobile better-scorll material-design redux react-redux 的结合 React的最新配置 实现需求: 识别JSX文件 识别箭头函数、识别async函数 支持Ant-Design-mobile的按需加载 支持babel-...

    Unity的Scorll虚拟化列表的简单实现

    Unity的Scorll虚拟化竖向列表的简单实现。 易于理解扩展。解决滚动项过多时的卡顿问题。主要原理是先计算所有项需要占用的高度,将content的高度设置为目标高度。在ScrollRect.onValueChanged事件中对项进行坐标的重...

    Vue项目中使用better-scroll实现一个轮播图自动播放功能

    better-scroll是一个非常非常强大的第三方库 在移动端利用这个库 不仅可以实现一个非常类似原生ScrollView的效果 也可以实现一个轮播图的效果。这篇文章主要介绍了Vue项目中使用better-scroll实现一个轮播图,需要的...

    CSS scroll-snap滚动事件停止及元素位置检测实现

    在实际项目中,例如展示一系列人物角色,Scroll Snap 可以简化开发流程,避免编写复杂的JavaScript边界判断。以下是一个简单的关键CSS代码示例: ```css ul { width: 375px; height: 667px; scroll-snap-type: x...

    Android VegaScroll滚动布局.zip

    Android VegaScroll滚动布局,会随着手指滑动实现收缩隐藏与放大显示,并伴随recycler的回收与复用。代码比较简单粗暴,使用自定义的LayoutManger,内置SnapHelper。

    解决ASP.NET回传后div滚动条位置复位的问题(利用隐藏控件原理)

    主要介绍了解决ASP.NET回传后div滚动条位置复位的问题,中心思想是用一个隐藏控件保存当前scorll值。回传回来后根据scrollTop的值,然后在Page_Load中重新设置scrollTop

    GirdView ListView ScrollView 下拉刷新

    定义PullToRefreshView,只要把GirdView ListView ScrollView放到自定义的PullToRefreshView下就可以实现下拉刷新 下拉刷新

    vue使用@scroll监听滚动事件时,@scroll无效问题的解决方法详解

    然而,在实际开发中,可能会遇到`@scroll`事件不起作用的问题。本文将深入探讨这个问题,并提供有效的解决方案。 首先,理解问题产生的原因。当在Vue组件中使用`@scroll`监听滚动事件时,如果直接在包裹内容的`div`...

    asp.net通过Ajax UpdatePanel回传后滚动条位置变更解决方法

    主要方法是: 用一个隐藏控件保存当前scorll值。回传回来后根据scroll的值在重新设置scroll。 1、首先用onscroll事件保存scorll值,并用HiddenField记录scroll值 代码如下: ”lv_content” class=”unify_content” ...

    jQuery中的Scroll插件

    首先,jQuery Scroll插件并非jQuery核心库的一部分,而是由社区开发的一系列扩展,用于增强网页滚动功能。一个常见的Scroll插件是`jquery.scrollTo`,它允许开发者精确地控制页面滚动到指定的位置,提供了一种平滑的...

    随鼠标滚动的图片

    随鼠标滚动的图片,很精巧的,随着鼠标的滚动也滚动

    全屏滚动插件

    全屏滚动插件是一种网页设计中的交互元素,它允许用户通过点击或滚动鼠标来浏览页面上的各个全屏级别的部分。这种插件常用于创建视觉冲击力强、布局独特的网站,如产品展示、摄影集或者创意型公司网站。...

Global site tag (gtag.js) - Google Analytics