开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

不管我怎么尝试，可可中的NSView都拒绝重绘

。

NSView是Cocoa框架中的一个类，用于创建和管理可视化界面元素。它是Mac OS X上的视图类，用于构建用户界面。NSView的重绘是指在界面需要更新时，重新绘制视图的内容。

如果在可可（Cocoa）中的NSView拒绝重绘，可能有以下几个可能的原因和解决方法：

视图未设置needsDisplay属性：NSView有一个needsDisplay属性，用于标记视图是否需要重绘。如果该属性没有被设置为true，视图将不会被重绘。可以通过调用视图的setNeedsDisplay方法来设置needsDisplay属性为true，以触发重绘。
视图的drawRect方法未被正确实现：NSView的子类需要实现drawRect方法来执行实际的绘制操作。如果该方法未被正确实现，视图将无法重绘。在drawRect方法中，可以使用Core Graphics或其他绘图库进行绘制操作。
视图的图层被禁用：在某些情况下，视图的图层可能被禁用，导致视图无法重绘。可以通过调用视图的setWantsLayer方法，将图层设置为可用状态，以解决该问题。
视图的frame或bounds属性设置不正确：如果视图的frame或bounds属性设置不正确，可能导致视图无法正确显示和重绘。确保视图的frame和bounds属性正确设置，以适应所需的显示区域。
视图被其他视图或父视图遮挡：如果视图被其他视图或父视图遮挡，可能导致视图无法显示和重绘。可以调整视图的层级关系或使用透明度来解决该问题。

总结起来，当可可中的NSView拒绝重绘时，可以检查视图的needsDisplay属性、drawRect方法的实现、图层状态、frame和bounds属性的设置以及视图的层级关系，以解决重绘问题。

腾讯云相关产品和产品介绍链接地址：

腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
腾讯云云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
腾讯云云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
腾讯云云存储（COS）：https://cloud.tencent.com/product/cos
腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
腾讯云物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
腾讯云移动开发：https://cloud.tencent.com/product/mobile
腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
腾讯云元宇宙：https://cloud.tencent.com/product/virtual-universe

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

@State 研究

不恰当的使用，可能导致响应速度会随着数据量及View量的增加而大幅下降。通过一段时间的研究和分析，我打算用两篇文章来阐述这方面的问题，并尝试提供一个现阶段的使用思路。...2.当状态值发生变化后，视图会自动重绘以反应状态的变化。...Binding Binding是数据的一级引用，在SwiftUI中作为数据（状态）双向绑定的桥梁，允许在不拥有数据的情况下对数据进行读写操作。...视图会自动重绘以反应状态的变化。...后，都会进行重绘。

2.9K2 0

觉得mobx不错，但又放不下redux？

包括我leader在内的很多同学都觉得redux的事件分发机制对于现代前端工程是再适合不过的了。重绘但redux的缺点也是足够明显的。...这里隐藏了的实现细节。第一点，mobx中数据的每一次更新，都会定点的重绘特定组件，整个过程不需要shouldComponentUpdate的参与。...中的所有组件都不在需要再管理重绘剪枝。第二点，如果需要更新内层数据，只需像下方的代码一样，直接赋值。...然而，我的leader拒绝了这种想法。...反观redux中的事件管理机制，所有事件都被分发到细粒度的reducer上，至于这个reducer怎么处理，事件发送者并不清楚。这一点在大型工程中十分重要。

1.5K3 0

Jekyll-Admin-Mac 开发纪要-左侧菜单栏

我们设置 SideMenuView的大小为 205x1000。宽度是固定的，但是高度不固定，我们使用自动布局。 ? 最上线显示 Logo的地方大小为 205x75。我们采用 NSImageView。...在Xcode6中使用IBDesignable创建自定义控件(翻译) 关于如何 NSView自定义背景颜色参考下面的连接我们设置 NSView为继承与 BaseView 背景颜色试图。...关于如何进行加载自定义的 XIB可以参考这一篇文章。怎么让继承的类直接使用XIB的布局试图我们新增一个绑定的属性 @IBOutlet weak var view: BaseView!...96D49D78-164D-4735-80F5-A92558454117 数组里面是有元素的，我们尝试从这里面的元素获取试一下。...我们需要根据选中状态设置图标的颜色还有文字的颜色，这样就要增加一下逻辑。这些都是修改 SideMenuItemView类的内容，为啥不采用赋值，让 SideMenuItemView内部处理呢？

2.1K1 0

React虚拟DOM是个什么套路？

React最大的亮点就是快！天下武功，唯快不破，它走的就是这条路。那么它的快是如何达成的呢？是通过虚拟DOM，也就是它所说的Virtual DOM了。那这个虚拟DOM，它到底是个什么东西呢？...一句话，它是一种JS的数据结构。这个结构是怎么生成，怎么来的？咱们暂且不管，这方面自有React的diff算法搞定。我们要做的是正确的理解它。...对于DOM的任何操作，文字啊、大小、位置、颜色等，只要有一点点改动，整个页面DOM重绘，而众所周知DOM重绘是很费时费工的。...并把这个对象保存在内存中，然后对于DOM的任何操作，都是相应的在内存中操作这个映射DOM结构的JS数据对象了。你想想，这速度能不快么，第一在内存中操作是速度最快的；第二这种操作根本没有页面重绘。...然后你在内存中的操作都OK了，结构了，它再把你改动的地方，映射到实际的DOM中，进行重绘。这就是React虚拟DOM的思路，说起来确实是很简单，几句话的事。但学起来还是需要我们下一定的功夫的。

7108 0

写让别人能读懂的代码+网页性能管理详解

二、重排和重绘网页生成的时候，至少会渲染一次。用户访问的过程中，还会不断重新渲染。以下三种情况，会导致网页重新渲染。...前者叫做"重排"（reflow），后者叫做"重绘"（repaint）。需要注意的是，"重绘"不一定需要"重排"，比如改变某个网页元素的颜色，就只会触发"重绘"，不会触发"重排"，因为布局没有改变。...但是，"重排"必然导致"重绘"，比如改变一个网页元素的位置，就会同时触发"重排"和"重绘"，因为布局改变了。三、对于性能的影响重排和重绘会不断触发，这是不可避免的。...div.style.color = 'blue';div.style.marginTop = '30px'; 上面代码中，div元素有两个样式变动，但是浏览器只会触发一次重排和重绘。...：样式表越简单，重排和重绘就越快。

1.1K9 0

巧克力丝滑主要靠外壳，还会诱惑你无法拒绝

Pine 发自凹非寺量子位 | 公众号 QbitAI 总是拒绝不了巧克力，这是为什么？现在有正儿八经的科学解释了：拒绝不了巧克力很大程度上是因为拒绝不了丝滑的口感，味道反而是次要的。...在这项实验中，科学家们研究的重点都围绕在巧克力在口腔中的物理变化，甚至使用了工程学领域的分析技术——摩擦学。具体的巧克力在嘴巴里时如何“丝滑”起来的？一起来看看～巧克力是怎么变丝滑的？...这样总结下来，在吃巧克力的整个过程中，就只有舌头与巧克力接触的瞬间，脂肪起了很关键的作用，在之后的阶段，脂肪的作用可以说是相当有限了。...脂肪层需要在巧克力的外层，这是最重要的，其次是有效的脂肪涂层的可可颗粒，这些也有助于使巧克力口感变好。...研究团队也提出了一个“梯度设计”的巧克力，不用从外到内都富含脂肪，只需要顶部表面有较高浓度的可可脂，并有足够的可可脂填补可可颗粒。

2173 0

10分钟了解Flutter跨平台运行原理！

可以看到，由于一些其他原因（比如，视图手动合并）导致2的子节点5与它的兄弟节点6处于了同一层，这样会导致当节点2需要重绘的时候，与其无关的节点6也会被重绘，带来性能损耗。...为了解决这一问题，Flutter提出了与布局边界对应的机制——重绘边界（Repaint Boundary）。...在重绘边界内，Flutter会强制切换新的图层，这样就可以避免边界内外的互相影响，避免无关内容置于同一图层引起不必要的重绘。重绘边界的一个典型场景是Scrollview。...ScrollView滚动的时候需要刷新视图内容，从而触发内容重绘。而当滚动内容重绘时，一般情况下其他内容是不需要重绘的，这时候重绘边界就派上用场了。...正在为成为极具影响力的工程师而努力！推荐阅读如何在C++20中实现Coroutine及相关任务调度器？（实例教学）拒绝千篇一律，这套Go错误处理的完整解决方案值得一看！ 10个技巧！

6.5K4 1

页面优化——重绘和回流

一、写在前面页面优化在面试的过程中经常遇到的问题，今天就来总计一下重绘和回流的问题。...二、重绘和回流是什么我们都知道一个页面从加载到完成，首先是构建DOM树，然后根据DOM节点进行几何布局形成render树(渲染树)，当渲染树构建完成后，页面就根据DOM树开始布局，渲染树也根据设置的样式渲染这些节点...在比如说，我们给一个元素修改颜色，这样的行为是不会影响页面的布局的，DOM树不会发生改变，但是颜色变了，渲染树得重新绘制，这就是重绘。所以说回流一定会触发重绘，重绘不一定触发回流。...题外话： 1、由于display:none的元素不在页面渲染，渲染树的构建不包含这些节点。但是visibility为hidden的元素会在渲染树中。...6、浏览器窗口尺寸的改变 resize事件的发生也会触发回流。版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。

8142 0

为什么 CSS 动画比 JavaScript 高效？

那当然不可能啊，我这么摸鱼，怎么会为了个封面图上号呢废话不多说，其实上面的动图用代码实现也不会很困难，这个图是用 canva 做出来的。...回流和重绘 CSS 中至关重要的概念回流回流也叫重排，指几何属性需要改变的渲染。...常见的几何属性：布局，尺寸这些可以用尺子量出来的属性 display、float、grid width、padding 等重绘重绘指更改外观属性而不影响集合属性的渲染，类似于颜色这些。...相比于回流，重绘的作用不会那么强烈。渲染树的节点发生改变，但不影响该节点的集合属性，回流对浏览器性能的消耗是远大于重绘的。...同时由于 JavaScript 运行在浏览器的主线程中，主线程中还有其他的重要任务在运行，因而可能会受到干扰导致线程阻塞，从而丢帧而 CSS 的动画是运行在合成线程中的，不会阻塞主线程，并且在合成线程中完成的动作不会触发回流和重绘

6841 0

为什么 CSS 动画比 JavaScript 高效？

那当然不可能啊，我这么摸鱼，怎么会为了个封面图上号呢废话不多说，其实上面的动图用代码实现也不会很困难，这个图是用 canva 做出来的。...回流和重绘 CSS 中至关重要的概念回流回流也叫重排，指几何属性需要改变的渲染。...常见的几何属性：布局，尺寸这些可以用尺子量出来的属性 display、float、grid width、padding 等重绘重绘指更改外观属性而不影响集合属性的渲染，类似于颜色这些。...相比于回流，重绘的作用不会那么强烈。渲染树的节点发生改变，但不影响该节点的集合属性，回流对浏览器性能的消耗是远大于重绘的。...同时由于 JavaScript 运行在浏览器的主线程中，主线程中还有其他的重要任务在运行，因而可能会受到干扰导致线程阻塞，从而丢帧而 CSS 的动画是运行在合成线程中的，不会阻塞主线程，并且在合成线程中完成的动作不会触发回流和重绘

9302 0

理解浏览器重绘和回流

今天带大家理解浏览器的重绘和回流。浏览器渲染过程我们先简单了解一些浏览器是怎么渲染页面的。...重绘（repaint）重绘，就是重新绘制。发生了不改变元素物理信息的情况下只会进行重绘。比如将元素的背景色修改了，就要将元素的盒子做一个重新渲染。...下面是维基百科的页面重排的可视化展示：如何避免重绘重排减少 DOM 操作。...像是 Vue 和 React 通过虚拟 DOM 找出不同，以减少更新 DOM 的操作；尽量将要添加的元素都生成好，再一次性添加到文档流中，而不是一个个加上去；缓存好要用的布局信息。...但如果在这过程中访问了布局相关信息（比如 scrollHeight、getBoundingClientRect）时，就会强制进行重渲染去获取最新布局数据；将经常变化的元素放到新的层。

5252 1

为什么操作DOM会影响WEB应用的性能？

面试官经常会问你：“平时工作中，你怎么优化自己应用的性能？” 你回答如下：“我平时遵循以下几条原则来优化我的项目、以提高性能，主要有：” a....2、ES每次访问DOM都需要消耗性能：正因为二者相互独立，所以每次链接、每次访问DOM都会消耗性能！！可以说操作dom是十分昂贵的！！宁可处理一万次js，也不操作一次dom！！...反应在渲染引擎的工作流程中也就是浏览器需要重新计算元素位置信息并布局render树。这就是重排。 5-2、重绘完成重排后，浏览器会重新绘制受影响的部分到屏幕中，该过程称为重绘。...重排会占用CPU，dom元素位置计算会消耗CPU的算力，所以应该尽量减少CPU的占用，使电脑不卡顿。重绘会占用GPU，渲染页面时会消耗GPU的算力。...ES和 DOM是两种东西，每次连接都需要消耗性能操作DOM会导致重排和重绘，重排会占用、消耗CPU; 重绘会占用、消耗GPU 11、控制台观察一个页面的重排和重绘现象因为重排必然会引发重绘，所以在浏览器的开发者工具中提供了一个检测重绘的按钮

2K2 0

前端20个真正灵魂拷问，吃透这些你就是中级前端工程师【上篇】

: hidden;的区别，拓展到vue框架的v-if和v-show的区别，可以搭配回流和重绘来讲解回流必将引起重绘，重绘不一定会引起回流回流(Reflow)：当Render Tree中部分或全部元素的尺寸...，在重绘和回流这块要下大功夫。...，在一次重绘或回流中就完成，并且重绘或回流的时间间隔紧紧跟随浏览器的刷新频率在隐藏或不可见的元素中，requestAnimationFrame 将不会进行重绘或回流，这当然就意味着更少的 CPU、GPU...、js的执行、以及requestAnimationFrame的调用，布局计算以及页面的重绘等工作。...A：出于浏览器的同源策略限制，浏览器会拒绝跨域请求。注：严格的说，浏览器并不是拒绝所有的跨域请求，实际上拒绝的是跨域的读操作。

1.2K3 0

回流重绘

HTML默认是流式布局，css与js会打破这种布局，改变DOM的几何属性与外观属性。在绘制时根据渲染树布局，再根据布局绘制，这就是回流重绘。回流：改变几何属性的渲染。又称重排。...重绘：改变外观属性而不影响几何属性的渲染。在生成渲染树之后，至少会渲染一次，但在后续交互时还会不断地重新渲染。...这时只会回流重绘或只有重绘，因此引出一个定向法则：回流必定引发重绘，重绘不一定引发回流。用户的交互操作引发了网页的重渲染。...4.避免规则层级过多浏览器的CSS解析器解析css文件时，对CSS规则是从右到左匹配查找，样式层级过多会影响回流重绘效率，建议保持CSS规则在3层左右。...7.将频繁回流重绘的节点设置为图层。在浏览器中设置频繁回流或重绘的节点为一张新图层，那新图层就能够阻止节点的渲染行为影响别的节点，这张图层中如何变化都无法影响到其他图层。

6362 0

【第3版emWin教程】第41章 emWin6.x窗口管理器基础知识（重要）

显示器上出现的任何内容都包含在窗口中，窗口可以为任何尺寸，并且可在屏幕上一次显示多个窗口，甚至部分或整个窗口显示在其他窗口的前面也可以。...这种情况下，在有透明区域的窗口之前重绘背后窗口非常重要。窗口管理器自动按正确的顺序进行重绘。有效化/无效化：有效窗口是不需要重绘的完全更新窗口。无效窗口不会反映所有更新，因此需要完全或部分重绘。...例如，如果窗口的多个属性需要更改，如背景颜色、字体，窗口大小等，每个属性更改后就得重绘一次窗口，而使用无效化，可以让所有属性都更改后仅重绘一次即可。...如果需要考虑性能问题，尝试避免使用透明窗口。 41.4.6 自动使用存储设备窗口管理器的默认特性是向每个需要重绘的窗口发送一条WM_PAINT消息，但这会导致窗口闪烁。...通过这三种方法的任意一种，窗口管理器会将WM_PAINT消息输出重定向到存储设备中，再复制到显示器中。这样就有效避免了窗口闪烁。

1.6K2 0

【Web动画】CSS3 3D 行星运转 && 浏览器渲染原理

在旧版的 chrome 中，是有 show paint rects 这一个选项的，可以查看页面有哪些层被重绘了，并以红色边框标识出来。...看上面的示意图，可以看到页面中有几处绿色的框，表示发生了重绘。注意 Chrome 并不会始终重绘整个层，它会尝试智能的去重绘 DOM 中失效的部分。...重绘（repaint）当render tree中的一些元素需要更新属性，而这些属性只是影响元素的外观，风格，而不会影响布局的，比如 background-color 。则就叫称为重绘。...所以很多浏览器都会优化这些操作，浏览器会维护 1 个队列，把所有会引起回流、重绘的操作放入这个队列，等队列中的操作到了一定的数量或者到了一定的时间间隔，浏览器就会 flush 队列，进行一个批处理。...这样就会让多次的回流、重绘变成一次回流重绘。

2.6K7 0

【Fanvas技术解密】HTML5 canvas实现脏区重绘

这相比整屏重绘，重绘的面积小了几十倍，由于canvas 2d使用的是CPU处理，那么相应地，CPU处理的像素个数就少了很多倍，顺理成章，动画的效率就会提高。...看起来非常简单，大概来说，只需要2步： 1、找出这一帧变化的矩形区域； 2、利用canvas的api实现脏区重绘。但是，问题来了，怎么计算变化区域呢？canvas又是否提供了现成的接口呢？...等等，好像有点什么问题，不可能每次都手工指定重绘的区域！！！...接着，我们再来看第二步，canvas如何具体操作，是否有脏区重绘接口？其实，canvas并没有真正的脏区重绘接口，不过有一个clip，这个一般用于实现遮罩，不过也可以取巧的用来实现脏区重绘。...再复杂一些，当然大家可以自行根据脏区列表，重写每个元件的绘制方法，自行实现脏区重绘，不过笔者估计啊，js写这么多逻辑，最终还是吃力不讨好。

2.1K2 0

OpenAI上线重绘功能，让ChatGPT帮你重新P图

2024年4月份了，有谁还记得OpenAI在当初发布Dalle 2的时候，出现了可以基于现有图片进行重绘的功能例如在下面图中，旋转一个位置放置火烈鸟：但是这个功能，一直在ChatGPT上体验不到。...在网友千呼万唤下，Dalle的重绘功能终于上线了，只需要懂动鼠标，把需要修改的部分进行涂绘，输入prompt后就可以修改图片任意细节并且这个功能不仅仅电脑端可用，手机端也已经集成了这个新功能。...怎么创作首先需要升级到GPT plus用户，才能使用Dall E的绘图功能，然后在其应用商店搜索应用：这里先生成了一个图片：樱花下穿着旗袍的女生点击大图后，打开“选择“按钮，重绘功能打开之后，只需要三步就可以修改图片的细节...那就直接重绘一下，快速更换字体的样式：更换动漫中的背景，去除人物然后进行补全的也很简单Dalle图像编辑器的优点Dalle的上线的图像编辑功能，开启了人工智能艺术编辑的可能性世界。...● 艺术风格探索：普通人可以通过使用Dalle编辑来修改他们的基础图像，从而尝试不同的风格和技术。下面总结了不同软件图像编辑器的特性，供大家参考以上就是本期的所有内容了，我是leo，我们下期再见~

1702 0

chrome对页面重绘和回流以及优化进行优化

页面的绘制时间（paint time）是每一个前端开发都需要关注的的重要指标，它决定了你的页面流畅程度。而如何去观察页面的绘制时间，找到性能瓶颈，可以借助Chrome的开发者工具。回流与重绘1....在回流的时候，浏览器会使渲染树中受到影响的部分失效，并重新构造这部分渲染树，完成回流后，浏览器会重新绘制受影响的部分到屏幕中，该过程成为重绘。2....当render tree中的一些元素需要更新属性，而这些属性只是影响元素的外观，风格，而不会影响布局的，比如background-color。则就叫称为重绘。...;然而这些都是意淫：那么怎么监控重绘回流chorme 按下：f12，然后按下 esc……但是，我按了没有 readering那是你没有勾选啊，console 旁边有三点是不是，点击，然后勾选，rendering...因为在display属性为none的元素上进行的DOM操作不会引发回流和重绘。避免频繁读取会引发回流/重绘的属性，如果确实需要多次使用，就用一个变量缓存起来。

8801 0

重绘与回流_html回流重绘

文章目录 css图层图层创建的条件重绘(Repaint) 回流触发重绘的属性触发回流的属性常见的触发回流的操作优化方案 requestAnimationFrame—-请求动画帧写在最后学习目标...浏览器会根据元素的新属性重新绘制，使元素呈现新的外观。重绘不会带来重新布局，所以并不一定伴随回流。需要注意的是：重绘是以图层为单位，如果图层中某个元素需要重绘，那么整个图层都需要重绘。...将每个节点填充到图层中（Paint–重绘） 4....【使用opacity来代替visibility】 (1).使用visibility不触发回流，但是依然重绘。 (2).直接使用opacity即触发重绘，又触发回流（GPU底层设计如此！）。...(3).opacity配合图层使用，即不触发重绘也不触发回流。原因：透明度的改变时，GPU在绘画时只是简单的降低之前已经画好的纹理的alpha值来达到效果，并不需要整体的重绘。

1.4K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭