面试题 -- 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. 咋二维码中心插入小图片
相关推荐
ZC跨境爬虫4 小时前
跟着 MDN 学 HTML day_52:(深入 XPathExpression 接口)
开发语言·前端·javascript·ui·html·音视频
Autumn_ing4 小时前
2026实测:这5款AI生成UI工具支持Shadcn UI/Ant Design组件库
人工智能·ui·设计模式·aigc·设计规范
UXbot4 小时前
AI 原型工具零设计基础操作指南与功能解析(2026)
前端·ui·产品经理·原型模式·web app
ZC跨境爬虫7 小时前
跟着 MDN 学 HTML day_50:(深入理解 DOM 中的 Text 节点)
前端·javascript·microsoft·ui·html·媒体
ZC跨境爬虫7 小时前
跟着 MDN 学 HTML day_51:(深入理解 XPathEvaluator 接口)
前端·javascript·ui·html·音视频
键盘飞行员8 小时前
Windsurf + Claude 4.7 前端开发:用 ui-ux-pro-max 根治 “AI 味”、实现全站 UI 统一
前端·ui·ai编程
ZC跨境爬虫8 小时前
跟着 MDN 学 HTML day_53:(深入理解 XPathResult 接口)
前端·javascript·ui·html·音视频
tedcloud12314 小时前
UI-TARS-desktop部署教程:构建AI桌面自动化系统
服务器·前端·人工智能·ui·自动化·github
ZC跨境爬虫18 小时前
跟着MDN学HTML_day_48:(Node接口)
前端·javascript·ui·html·音视频
为何创造硅基生物19 小时前
嵌入式 LVGL / SquareLine UI 标准命名规则(行业通用版)
windows·ui