Chudo Loo 的这个文件演示了两种 Tooltip 组件设计的实现方式:

  • Auto Layout:给文字换行控制大小。
  • Constraints:需要手动调整大小。

这个 Tooltip 组件具有以下特点:

  • 12 个方位指示角可选。
  • 4 个变体(标准、可关闭、每个都有标题和都没有标题)。
  • 实体背景和描边形状的不同风格。
  • 在切换组件风格时保持文字内容不变。

一些技巧用于自动布局的小技巧:

  • 使用透明的元素来控制间距。
  • 多个 180° 变换来反转 z-index。

100% 自动布局的 Tooltip 组件