APP 开发之使用 Frame 做界面如何简化代码

缘起

用 Delphi 做 APP，使用 Delphi 的 FireMonkey 框架。假设我们模拟微信的界面做一个 APP 的界面框架，大概是这个样子的：

1. APP 启动后，显示主界面。主界面底下有四个按钮；

2. 用户点击底下的四个按钮的某一个，整个屏幕显示下一层的界面。

3. 这个下一层的界面可能有多个，但每个界面顶部都是一个工具栏，工具栏的左侧是一个返回按钮，工具栏中间显示一行文字，提示用户当前 APP 在哪个功能界面。

4. 用户点击返回按钮，该界面消失，回到主界面。

一般的做法

在 Windows 年代，我一般会为每个界面，做一个 TForm 的设计。但是在做 APP 的时候，Delphi 官方的意思最好用 TFrame 而不是用 TForm。因为 TForm 占用更多的资源，对于手机这种硬件来说，节省点资源总是更好的。

因此，比如有4个主界面下一级的界面，我就需要设计4个 Frame，比如 TFrame1, TFrame2, TFrame3, TFrame4。

然后，主界面的4个按钮的 OnClick 事件里面，我们分别写代码：

AFrame1 := TFrame1.Create(Self);
AFrame1.Parent := Self;
AFrame1.Align := TAlignLayout.Client;
AFrame1.Visible := True;
AFrame1.BringToFront;

上面的代码，分别换成 TFrame2, TFrame3, TFrame4 重复四次。

还有，UI 设计

另外，这四个 Frame 的 UI 的整体风格应该是一致的。比如顶上那个工具栏和返回按钮，应该是一样的外观（颜色，字体，按钮形状，等等）；

如果每个 Frame 都设计一遍，就算是 Delphi 可以在 IDE 里面拖拉控件搞定，在属性面板里面选择颜色之类的就能设计好，但重复4次也挺烦。如果有更多的相同风格的界面需要设计，就