1、背景
复杂界面,要做到好的设计,是需要逐步将复杂界面进行两两拆分,第一步把整个窗体拆分为基本控件一+其他控件的容器一进行设计,第二步把其他控件的容器拆分为基本控件二+其他控件的容器二进行设计... ...
2、分析
所以布局设计的基础操作,是对容器/窗体中的两个控件进行布局,再复杂的窗体也只是不断拆分成基础操作去重复;同时要实现控件的自动大小调整,其核心使用控件的Dock属性,使其跟随父容器的大小变化而变化。
3、结论
个人总结的,两个控件布局的统一基础操作公式如下:
①控件一根据需要设置“自身”Dock属性(Fill/Left/Right/Top/Buttom)将其“码”在父容器的上下左右或整个填充;
②然后通过设置“父容器”的Padding各项属性的值(All/Left/Right/Top/Buttom),影响控件一被“码”的位置,调整以至于给控件二预留合适大小;
③控件二设置“自身”Anchor各项属性的值(Left/Right/Top/Buttom)和“父容器”的四个边框进行锚定,调整该值以期望与上一步预留给控件二的大小适应;
④重复②③操作,使得控件一、控件二达到合适的初始大小即可,而两者也都将自动随容器/窗体大小而改变自身大小。