C# - Designing a Flat desktop Application of a Fast Food Restaurant

Form

  • FormBorderStyle:None
    • 窗体就没有任何边框了
  • StartPosition:CenterScreen

Panel

  • Dock 用起来
  • 可以用纯色 Panel 做装饰
    • 还可以通过控制这种 Panel 的尺寸和位置实现类似动画的效果(😮)

设计一个扁平化的快餐店 WinForm 程序 - 图1

Button

  • FlatStyle:Flat
  • FlatAppearance - BorderSize:0
  • TextImageRelation:ImageBeforeText
  • 通过 Text 前面插空格,控制文本位置

PictureBox

  • Size Mode:可以设置图片随控件缩放,或沿某个轴缩放

其他技巧

选择一组控件后,直接一个 Make Vertical Spacing Equal 让间距相等:
设计一个扁平化的快餐店 WinForm 程序 - 图2

选择一组相似控件后,还可以用鼠标统一调整它们的尺寸。

英文字体:

  • 普通:Century Gothic
  • 加粗:Elephant

创建 CustomControl,创建完毕后 build 一下项目,就可以在别的 Form 中引用它了。

选中控件后,按住 Ctrl 键快速复制。

最上面,最下面的控件都不必紧贴父控件边界,留点空隙更加美观。