一、背景

• 学习一下 Juce 的 Graphics 开发，以

  基础模板为例

二、构造、析构函数

可以看到，public中有构造函数、析构函数、paint函数、resized函数

其中paint函数可以理解为主要的界面逻辑方法，包含颜色布局等

resized函数则是在控制窗口大小的工具

可以尝试在构造函数中定义插件的大小尺寸，然后重新编译（选择_Standalone作为启动项）

然后是一个关闭插件时会执行的析构函数

三、paint 函数

然后是重要的界面方法 paint

可以看到第一行是做了一件将绿色填充到背景的事情，我们可以尝试替换一下颜色

g.fillAll 为填充背景

g.setColor为字体颜色

g.setFont 是设置字体大小

resized方法中，可以尝试自定义一个我们自己的组件类

四、新建一个自己的类

新建一个cpp类

建好cpp和h，在source下

然后添加到CMake文件中

进入 Square.h 添加 juce_gui_basic/juce_gui_basic.h 头文件，并将 Square 类继承自public的juce::Component 类

并添加 paint 函数和 resized 函数

到cpp中去实现

完成后，需要回到PluginEditor.h中，include好 Square.h ，并在private中声明一个Square实例

再到cpp中区添加一个 addAndMakeVisible 方法，使自定义组件可见

最后，再在resized中对square使用setBounds ，使其以一个方形的方式显示在面板中

编译查看结果

关于界面是如何被创建出来的：是在PluginProcessor.cpp中

五、总结

学习了一下如何使用基本的juce gui框架，以及如何自己在CMake框架下新建一个gui类并实现

后面重点还是回到processor中