UGUI——11滚动区域

学习笔记适合新手，如有错误请指正。？号处也请各位指点下，谢谢。

1实现滚动拖拽

Scroll Rect组件

Content：被拖拽滚动的内容，Rect Transform

Horizontal：启用水平滚动

Vertical：启用垂直滚动

Movement Type：内容移动的模式，Unrestricted不限制，可以移动到RectTransform所设定的区域外、Clamped限制区域，不能移动出去、Elastic限制区域，移动出去会弹回来

Elasticity：Movement Type为Elastic时，当出界时弹回的力度

Intertia:惯性，当勾选惯性时，在停止拖动后，内容将逐渐减缓移动最后停止；不勾选惯性时，在停止拖动后，内容会立即停止；

Deceleration Rate：勾选惯性时，停止拖拽后的减速度

Scroll Sensitivity：拖拽的敏感度

Horizontal Scrollbar：水平滚动条

Vertical Scrollbar：垂直滚动条

2实现画面裁切

不显示位于ScrollRect的Rect Transform区域外的画面

1增加Image组件和Mask组件（将子对象超出Rect Tranform区域外的画面裁剪）

2Image下Source Image为None，Mask的Show Mask Graphie为不勾选

可以取消勾选Mask组件进行内容遍排，完成后在勾选即可

3滚动条

1增加滚动条：导航菜单栏》“GameObject”》“UI”》“Scrollbar”导航栏创建一个滚动条

2调整尺寸位置后，设置Direction为Bottom To Top

3在将ScrollRect的Vertical ScrollBar设置为此Scrollbar

时间： 2024-10-10 02:42:07

UGUI——11滚动区域的相关文章

scrollview 增加额外的滚动区域

//增加额外的滚动区域,因为tableview继承scrollview,所以也有这个方法 self.tableView.contentInset = UIEdgeInsetsMake(0, 0, 10, 0);

iScroll滚动区域中select、input、textarea元素无法点击的Bug修复

最近在一个项目中使用了iScroll4模拟滚动效果,调试过程中发现一个表单页中的所有表单项都无法点击聚焦, 如<select>.<input>.<textarea>.这是因为iScroll要监听整个页面事件,为了达到 最优效果,它默认禁用了所有元素的默认事件(但也有例外,如<a>默认事件不受影响),所以才造成这些表单元素点击没有反应,无法正常聚焦. 我们打开 iscroll.js ,找到这一行: onBeforeScrollStart : function(

解决iScroll横向滚动区域无法拉动页面的问题

近期项目中使用iScroll遇到一个问题,在设定wrapper为横向滚动时,如果你手指放在该区域,将无法拉动页面,也就是说该区域取消了默认事件.这个体验是实在是无法接受,特别是页面中有多个横向滚动区域时,很容易触碰到这种区域,这时用户将觉得页面很卡. Google搜了一下,看来很多人都为这个问题而烦恼.有高人给出了解决方案,在 这里 可以找到. 代码如下: myScroll = new iScroll('scrollpanel', { // other options go here... vS

IE7局部滚动区域下绝对定位或相对定位元素不随滚动条滚动的bug

尽管在项目中测试人员已经慢慢淡化了IE6的测试,但是IE7依然还是要纳入测试范围. 最近碰到一个IE7的蛋疼bug,在页面上设置了一个局部的滚动区域,在拖动滚动条的时候,滚动区域内设置了相对定位或绝对定位的元素不随滚动条移动位置. 蛋碎了一地... 在网上查了下看看大家都是怎么破这个问题的,发现这个问题居然也是个普遍问题,好吧. 解决方法: 如果 .scrollerArea{} 是滚动区域 那么,在样式里面加上ie7的hack .scrollerArea{*position:relative;*

《iOS 11 安全区域适配总结》

本文来自于腾讯Bugly公众号(weixinBugly),作者:sonialiu,未经作者同意,请勿转载,原文地址:http://mp.weixin.qq.com/s/W1_0VrchCO50owhJNmJnuQ | 导语 本文主要是对iOS 11下企鹅 FM APP中tableView内容下移20pt或下移64pt的问题适配的一个总结.内容包括五个部分:问题的原因分析.adjustContentInset属性的计算方式.什么情况下的tableView会发生内容下移.有哪些解决方法.解决这个问题

JS元素宽高、可视区域宽高、滚动区域宽高和已滚动的高度

1.文档的高,屏幕的文档区域的高 document.body.clientHeight 2.有效的高,屏幕可视的高 document.documentElement.clientHeight 3.屏幕的总高度 document.documentElement.scrollHeight 4.滚动的高度 document.documentElement.scrollTop js代码 <script>// 获取有效的宽和高,屏幕可视的宽 高 var winX = document.documentE

UGUI 背包滚动视图(无限滚动)

=.= 最近负责道具背包系统开发, 主程非要把滚动视图制作成无限滚动这样的话可以节约内存, 其实我想说的是没必要这么恐惧内存,但是需求来了还是照着制作一个,每次滚动的时候刷新对应单元格数据即可. 效果图: 核心代码: using UnityEngine; using System.Collections; using System.Collections.Generic; using UnityEngine.UI; using UnityEngine.EventSystems; [Require

移动端，由页面定位的滚动区域引起光标可以跟页面滑动

var isIPHONE = navigator.userAgent.toUpperCase().indexOf('IPHONE')!= -1; // 元素失去焦点隐藏iphone的软键盘 function objBlur(obj,time){ var that; // if(typeof id != 'string') throw new Error('objBlur()参数错误'); time = time || 100, docTouchend = function(event){ if(

iOS 11 安全区域适配

//解决iOS11,仅实现heightForHeaderInSection,没有实现viewForHeaderInSection方法时,section间距大的问题 [UITableView appearance].estimatedRowHeight = 0; [UITableView appearance].estimatedSectionHeaderHeight = 0; [UITableView appearance].estimatedSectionFooterHeight = 0; /