UI
文章平均质量分 65
映月潜
这个作者很懒,什么都没留下…
展开
-
CSS之UI变色
对于重复的东西,程序的职能是尽量的抽象简化出共性,然后赋予每个单独的物体自身的个性。源于这一点,每次做样式相同,只有颜色不同的UI时,都很纠结,想给他们统一了,尤其是颜色可能比较多的情况,好在现在CSS的功能也很强大,基本可以满足我这个小需求。免得我截取一排颜色不同的UI出来。便于以后的更改。效果说在多不如来个效果实在。代码以左边箭头的html和css代码为例,下面的八边形同理。以下是html结构。<div class="arrow arrowLeft"><div clas原创 2022-03-04 15:24:50 · 439 阅读 · 1 评论 -
div添加四个小角标
div添加四个小角标总是有添加四个角标的需求,今天粘在这,下次出直接粘自己的。我参考了网上网友的思路。进行了一下简化,先说效果和代码,在说一下自己的困惑。效果效果就是像上图一样,一个基础列表,一圈加上几个脚标。代码HTML层级结构就是这样。CSS部分.leftMenu { z-index: 12; width: 240px; position: absolute; padding: 20px; backgrou原创 2022-02-22 17:49:08 · 1341 阅读 · 0 评论 -
Threejs删除标签Label
最近项目需要添加一些标签,于是用CSS2DRenderer加上了几个。没想到需要数据更新的时候,还有点小麻烦。怎么添加标签可以参考官方例子:https://threejs.org/examples/?q=label#css2d_label用CSS2DRenderer渲染的时候,他会生成一个div专门存放所有的label,也就是CSS2DRenderer.js里面的那个domElement。如下图:试过直接找到这个Div删掉里面的子元素。发现不行。每个label其实都是绑在一个三维物体上的,这原创 2020-07-17 16:00:47 · 3203 阅读 · 5 评论 -
Threejs官例解析,标签&css2dlabel(一)
最近需要给自个儿项目的模型加上标签,来显示一些有的没的的数据。去例子萌里瞄了一眼,发现了css2dlabel 这个例子。远瞅是这样的!其实近瞅也这样,这个顶着一个moon的月亮会绕着这个地球一直旋转,上面的标签也会和他一起移动。(我总感觉应该顶一个奋斗当标签)闲言少叙,来看看咋用的。调用篇拿月球举例子吧生成球。这个瞄一眼应该不会有太大的问题。shininess。默认是30,看起来会有...原创 2020-01-16 14:42:48 · 6461 阅读 · 5 评论 -
Unity scroll 失效 UI事件冒泡
最近做的项目里面,一个scroll view页面加了一些图片,导致鼠标在图片上的时候,被图片捕获,不能滑轮滚动。找了半天发现了一个类 ExecuteEvents,可以解决这个问题、在图片上加一个监听,监听scroll事件,在回调里面调用ExecuteEvents.Execute它看起来可能像是这样 void Item_Scroll(PointerEventData data) { ...原创 2020-01-11 12:53:38 · 887 阅读 · 0 评论