position

UI事件之Drag拖拽事件 ======================================================== 2.UGUI 事件命名空间 　　当我们需要使用 UGUI 中的事件的时候，需要在脚本内引入专有命名空间： 　　using UnityEngine.EventSystems; ---------------------------------- 2.拖拽相关事件接口 ---------------------------------- 1.三个拖拽事件相关接口 　　* IBeginDragHandler： 开始拖拽事件处理器；开始拖拽的一瞬间触发。 　　* IDragHandler： 拖拽中事件处理器；拖拽过程中持续触发。 　　* IEndDragHandler： 结束拖拽事件处理器；拖拽结束的一瞬间触发。 ---------------------------------- 扩展理解： 　　这种“开始”“持续中”“结束”的模式，在 Unity 的交互中是非常常见的。 　　我们之前的碰撞检测，触发检测，鼠标和键盘的按键检测，都有这三个状态。 ---------------------------------- 2.接口使用步骤 　　①当前脚本首先需要引入事件命名空间 EventSystems； 　　②在当前类继承的父类的后方，用逗号分隔

数组复制 Object[] listSource=Arrays.asList("a","b","c","d").toArray(); Object[] listDest=Arrays.asList("e","f","g","h","k").toArray(); System.arraycopy(listSource,2,listDest,3,2); System.out.println(Arrays.asList(listSource)); System.out.println(Arrays.asList(listDest)); 输出: [a, b, c, d] [e, f, g, c, d] 参数分析: * @param src the source array. * @param srcPos starting position in the source array. * @param dest the destination array. * @param destPos starting position in the destination data. * @param length the number of array elements to be copied. 来源： CSDN 作者： weixin_39102174 链接： https://blog.csdn

一、CSS背景说明 CSS 可以添加背景颜色和背景图片，以及来进行图片设置。 1.1 背景图片（image） background-image 属性允许指定一个图片展示在背景中（只有CSS3才可以多背景）可以和 background-color 连用。 如果图片不重复地话，图片覆盖不到地地方都会被背景色填充。 如果有背景图片平铺，则会覆盖背景颜色。 background-image : none | url (url) ; /*none : 　无背景图（默认的） url : 　使用绝对或相对地址指定背景图像 */ background:url("1.jpg") 0 0 no-repeat, url("2.jpg") 200px 0 no-repeat, url("3.jpg") 400px 201px no-repeat; /*这样写等价于：（若有重叠，后边的覆盖前边的）*/ background-image:url("1.jpg"),url("2.jpg"),url("3.jpg"); background-repeat: no-repeat, no-repeat, no-repeat; background-position: 0 0, 200px 0, 400px 201px; 1.2 背景平铺（repeat） 设置背景图片时，默认把图片在水平和垂直方向平铺以铺满整个元素。

css2 中有五个与背景相关的属性。它们是： background-color:完全填充背景的颜色 background-image:用作背景的图片 background-position:确定背景图片的位置 background-repeat:确定背景图片是否重复铺平 background-attachment:确定背景图片是否随页面滚动 这些属性能够写在一个简单的属性中： background 。必须指出background负责元素内容部分的背景，包括padding和border，但不包括margin。在Firefox,Safari 和 Opera, 以及 IE8中是这样处理的。不过在IE7和万恶的IE6中就没包括border，区别就像下面的图片示例显示的那样 。 在 IE7 和IE6中 Background 没有包括border 基本属性 Background color属性 background-color用来描述设置填充背景的颜色。有多种方法来定义确定填充的颜色，下列方法都是等效的： background-color: rgb(0, 0,255); background-color:#0000ff; background-color 也能设置成transparent，这样就能让其下的元素显示出来。 Backgroundimage属性 background-image

1、 绝对定位(position: absolute) ： 如果想为元素设置层模型中的绝对定位，需要设置position:absolute(表示绝对定位)， 这条语句的作用将元素从文档流中拖出来（即不依赖与前面的一个DIV的位置可以独立设置位置），然后使用left、right、top、bottom属性相对于其 具有 定位属性（即top\right\bottom\left定位属的）的父包含块进行绝对定位。如果不存在这样的包含块，则相对于body元素，即相对于 浏览器窗口。 2、 相对定位(position: relative) ： 如果想为元素设置层模型中的相对定位，需要设置position:relative（表示相对定位），它通过left、right、top、bottom属性确定元素在正常文档流中的偏移位置。相对定位完成的过程是首先按static(float)方式生成一个元素(并且元素像层一样浮动了起来)，然后相对于以前的位置移动， 即默认的位置【0，0】， 移动的方向和幅度由left、right、top、bottom属性确定， 偏移前的位置保留不动。 3、 固定定位(position: fixed)： 表示固定定位，与absolute定位类型类似，但它的相对移动的坐标是视图（屏幕内的网页窗口）本身。由于视图本身是固定的，它不会随浏览器窗口的滚动条滚动而变化

如何让图1中的div2移动到如图2上的位置； 思路：哪些css命令能够影响盒子显示的位置呢？ relative相对定位/定位偏移量 position:relative; 相对定位 a、不影响元素本身的特性； b、不使元素脱离文档流； c、如果没有定位偏移量，对元素本身没有任何影响； 定位元素位置控制 top/right/bottom/left 定位元素偏移量。 absolute绝对定位/定位层级 osition:absolute; 绝对定位 a、使元素完全脱离文档流； b、使内嵌支持宽高； c、块属性标签内容撑开宽度； d、如果有定位父级相对于定位父级发生偏移，没有定位父级相对于整个文档发生偏移； e、相对定位一般都是配合绝对定位元素使用； z-index:[number]； 定位层级 a、定位元素默认后者层级高于前者； 待解决:脱离文本流貌似 margin0 auto失效 原因是什么 闭合浮动等等问题 遮罩滤镜/固定定位 遮罩弹窗（优酷弹窗） 标准 不透明度： opacity:0~1; IE 滤镜： filter:alpha(opacity=0~100); position:fixed； 固定定位 与绝对定位的特性基本一致，的差别是始终相对整个文档进行定位； 问题：IE6不支持固定定位； 定位其他值： position:static ； 默认值 position:inherit

定位包括：相对定位，绝对定位，固定定位 一、相对定位（position：relative） 　　1、相对元素自己原来的位置进行定位；不脱离文档流，元素在文档中占得始终是原来的位置 　　2.特性： 　　　　a、不影响元素本身的特性； 　　　　b、不使元素脱离文档流（元素移动之后原始位置会被保留）； 　　　　c、如果没有定位偏移量，对元素本身没有任何影响； 　　　　d、提升层级 　　3.定位元素位置控制：top/right/bottom/left 　　　　left：正值 向右移动 负值　　向左移动 　　　　top：正值　　向下移动　　负值　　向上移动 　　　　right：正值　　向左移动　　负值　　向右移动 　　　　bottom：正值　　向上移动　　负值　　向下移动 　　　　（同时设置left和right，以left为准；同时设置top和bottom，以top为准） 二、绝对定位（position：absolute） 　　1、相对元素自己原来的位置进行定位；脱离文档流，元素在文档中不占任何位置 　　2、特性： 　　　　a、使元素完全脱离文档流； 　　　　b、使内嵌支持宽高； 　　　　c、块属性标签内容撑开宽度； 　　　　d、如果有定位父级相对于定位父级发生偏移，没有定位父级相对于document发生偏移； 　　　　e、相对定位一般都是配合绝对定位元素使用 　　　　f、提升层级 　　3

html结构是fixed包裹relative，relative包裹absolute position:relative;相对定位 a 不影响元素本身的特性 b 不使元素脱离文档流（元素移动之后原始位置会被保留） c 如果没有定位偏移量，对元素本身没有任何影响 d 提升层级 定位元素位置控制：top|right|left|bottom 定位元素偏移量 position:absolute;绝对定位 a 使元素完全脱离文档流 b 是内嵌支持宽高 c 如果有定位父级 相对于 定位父级发生偏移，没有定位父级相对于document（可视区域）发生偏移 d 相对定位一般都是配合绝对定位元素使用 f 提升层级 z-index: [number];定位层级 a 定位元素默认后者层级高于前者 b 建议在兄弟标签之间比较层级 position:fiexd;固定定位 与绝对定位的特性基本一致，差别是始终相对整个文档进行定位 问题：IE6不支持固定定位 定位其他值 position:static;默认值 position:inherit;从父元素继承定位属性的值（不兼容） 定位清浮动方法，遮罩滤镜 position:absolute; 绝对定位元素子级的浮动可以不用写清浮动方法 position:fiexd;固定定位元素子级的浮动可以不用写清浮动方法（IE6不兼容） 遮罩弹窗 标准不透明度：opacity

position属性指定一个元素（静态的，相对的，绝对或固定）的定位方法的类型 relative:生成相对定位的元素，相对于其正常位置进行定位。 对应下图的偏移 absolute: 生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。是不是对这句话很费解，MDN官方解释是这样的： 是不是清晰了很多。再来看下代码栗子： 上面的class类名与设置属性positon:releative ,没有任何关系，上面测试中并未设置。 看它的偏移量是正是脱离文档流，最大包裹块的定位。我们再把外层div增加static 来看下： 无论是。类release还是父级的父级添加static,都依旧如此，没有发生变化，而在父级类relative中增加属性position：release。当然自身偏移量不要设置默认为0，由于它未脱离文档流，被包裹的子元素属性position：absoution,作用于它。why? 它恢复进了文档流， position: static则是将原本定位的属性恢复正常，作用已定位的元素。而absolute 脱离文档流，它的位置若没有父级属性relative，则实际位置定位到最大盒子body. fixed: 固定定位 针对 浏览器窗口的. 随着浏览器的变化而变化.但是不随滚动条的变化而变化. 最常用的是固定页面的head部分, 注意在与input,button

position 属性指定了几种元素的定位类型 固定定位 fixed： 　　生成绝对定位的元素，相对于浏览器窗口进行定位。 　　元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。 　　如果有多个固定定位标签，都是参考窗口，所以之间不相互影响，但可能出现图层重叠，通过 z-index 值绝对图层上下关系 绝对定位 absolute： 1、一个标签要随着父级移动而移动(子级布局完毕后相对于父级位置是静止的)，且兄弟标签之间布局不影响(兄弟动，自身相对父级还是保持静止) 2、z-index 值能改变重叠的兄弟图层上下关系 3、子级相对的父级一定要 定位处理 （三种定位均可以） 　　 父级要先于子级布局，所以子级在采用绝对定位时，父级一般已经完成了布局，如果父级采用了 定位 来完成的布局，子级自然就相当于　　父级完成 绝对定位 　　　　如果父级没有采用 定位 来完成的布局，我们要后期为父级增加 定位 处理，来辅助子级 绝对定位，父级的 定位 是后期增加的，我们要 　　保证增加后不影响父级之前的布局，相对定位可以完成 相对定位 relative ： 　　生成相对定位的元素，相对于其正常位置进行定位。因此，"left:20" 会向元素的 LEFT 位置添加 20 像素。 　　在使用中大多数情况是父元素使用相对定位子元素使用绝对定位