Day 18：分离控制项的外观与行为

JUCE 因开发 DAW（Digital Audio Workstation）而生，十多年来持续发展，已经是 Digital Audio 软件开发的重要工具。

音乐类型的软件有别於传统应用程序，其使用者介面客制化程度高，因应产品的品牌识别，独具风格的 GUI 设计令人赏心悦目。

JUCE 将控制项「外观」与其「行为」分离。以按钮为例，Button 类别里定义了 LookAndFeelMethods 介面，定义了一群纯虚拟介面。JUCE 里的控制项多有 LookAndFeelMethods 介面。

LookAndFeel 类别继承了控制项的 LookAndFeelMethods 介面，等於统整了定义各控制项「外观」的介面。JUCE 提供了多个 LookAndFeel 实作品，如 LookAndFeel_V1、LookAndFeel_V2、LookAndFeel_V3，各自用不同风格「描绘」控制项外观。

以 Button 为例，上面描述的继承体系如下：

JUCE 内建的 DemoRunner 里有各个 LookAndFeel 实作品的示范，下面是 LookAndFeel_V1：

新版 JUCE 有时会释出新的 LookAndFeel 实作，例如 JUCE v5 提供了多个版本的 LookAndFeel_V4：

注：LookAndFeel_V4 提供了不同的 Color Scheme 以切换不同的配色。

JUCE 内建的 LookAndFeel 实作可以当做基础，继承後利用相关虚拟函数改变控制项外观。有时只是改变 GUI 字型，只要修改其中一个函数即能达到目的。

LookAndFeel 架构是 JUCE GUI 的关键，务必留意。

参考资料

• Customizing Audio Plug-in Interfaces with JUCE Pt 2 (Creating an Ableton Style Dial)
• Reproducing the UI of MOD-D3 with JUCE (3) : XYZ MapButtons。
  • 先前介绍过的开发者，此篇示范从 LookAndFeel_V4 扩充（继承），依据想要的样式修改控制项