布局
2022-04-18 10:54:29

工具栏布局

1.标准结构为:logo+控件+titlebutton

2.logo

应用工具栏的标准 logo 尺寸为:32px,左边距 10px,上下居中。

3.控件

工具栏上常见的控件有前进后退,搜索、标题和标签等,前进后退等。

前进后退:左吸附,左边距(到窗口边缘)56px;

搜索:横向空间足够的情况下默认为窗口左右居中,除非有更主要的工具;

外间距

所有控件和控件之间,控件和外部的间距都是以 10 像素为最小单位,≥10px,或者N*10为间距。

内间距

内间距请参考 V20 控件部分每个控件的详细设置

窗口层级

尽量使用分层的窗口,而不是分割的几个区域拼在一起,窗口的框架是一个完整的整体,最下面应该是一个整体框架,然后窗口的工具栏,侧边栏,内容区域,等这些组件叠在框架之上,相互之间会产生功能或者视觉上的呼应