面试题 -- UI控件

文章目录

一、CAAnimation的层级结构

二、 UITableView优化

  1. Cell复用机制
  2. Cell高度预先计算
  3. 缓存Cell高度
  4. 圆角切割

三、离屏渲染

指的是GPU在当前屏幕缓冲区以外新开辟一个缓冲区进行渲染操作

设置了以下属性时,都会触发离屏绘制:

  • shouldRasterize(光栅化)
  • masks(遮罩)
  • shadows(阴影)
  • edge antialiasing(抗锯齿)
  • group opacity(不透明)
  • 复杂形状设置圆角等
  • 渐变

四、Autolayout本质原理

Auto Layout的本质是用一些约束条件对元素进行约束,从而让他们显示在我们想让他们显示的地方。

约束主要分为以下几种:

  1. 相对于父View的约束。如:距离上边距10,左边距10
  2. 相对于前一个元素的约束。如:距离上一个元素20,距离左边的元素5等
  3. 对齐类约束。如:跟父View左对齐,跟上一个元素居中对齐等
  4. 相等约束。如:跟父View等宽

五、生成二维码的步骤

  1. 使用CIFilter滤镜类生成二维码
  2. 对生成的二维码进行加工,使其更清晰
  3. 自定义二维码背景色、填充色
  4. 自定义定位角标
  5. 咋二维码中心插入小图片
相关推荐
北极糊的狐1 小时前
光标放在引入的xxx组件行(import { xxx } from ‘element-ui‘;)出现标黄,显示报错:无法解析符号 ‘xxx‘ 解决办法
ui
子春一2 小时前
Flutter for OpenHarmony:构建一个 Flutter 习惯打卡应用,深入解析周视图交互、连续打卡逻辑与状态驱动 UI
flutter·ui·交互
我的xiaodoujiao3 小时前
使用 Python 语言 从 0 到 1 搭建完整 Web UI自动化测试学习系列 44--将自动化测试结果自动推送至钉钉工作群聊
前端·python·测试工具·ui·pytest
UI设计兰亭妙微4 小时前
UI 设计新范式:从国际案例看体验与商业的融合之道
人工智能·ui·b端设计
子春一4 小时前
Flutter for OpenHarmony:构建一个 Flutter 天气卡片组件,深入解析动态 UI、响应式布局与语义化设计
javascript·flutter·ui
雨季6664 小时前
Flutter 三端应用实战:OpenHarmony “极简文本行数统计器”
开发语言·前端·flutter·ui·交互
布兰妮甜5 小时前
Photoshop中通过图层混合模式实现图像元素透明度渐变过渡的完整指南
人工智能·ui·生活·photoshop·文化
AIGCmitutu5 小时前
Photoshop抠图插件2026选择指南,Ps抠图插件哪个好用?
人工智能·ui·ai绘画·photoshop·ps
雨季6665 小时前
Flutter 三端应用实战:OpenHarmony 简易“动态字体大小调节器”交互模式深度解析
开发语言·flutter·ui·交互·dart
UI设计兰亭妙微5 小时前
5 种核心 UI 导航设计:从空间利用到用户体验的优化指南
ui·b端设计