演练：使用对齐线在 Windows 窗体上排列控件.docVIP

演练：使用对齐线在 Windows 窗体上排列控件 .NET Framework 4.5 其他版本 此主题尚未评级?-?评价此主题 对许多应用程序而言，在窗体上精确地放置控件是一项需要优先考虑的任务。?“Windows 窗体设计器”提供了很多用于完成此任务的工具。?在这些工具中，最重要的一个就是?SnapLine?功能。 对齐线为您精确地指示使控件相互对齐的位置。?它们还会根据 Windows 用户界面指南的规定，显示出建议在控件边缘之间留出的距离。?有关详细信息，请参见?User Interface Design and Development（用户界面设计和开发）。 使用对齐线，您可以方便轻松地对齐控件，获得简洁、专业的外观和效果（视觉体验）。 本演练涉及以下任务： 创建 Windows 窗体项目 使用对齐线调整间距并对齐控件 与窗体和容器的边缘对齐 对齐一组控件 通过勾画控件轮廓来使用对齐线放置控件 在从工具箱中拖动控件时使用对齐线 使用对齐线调整控件大小 使标签与控件文本对齐 配合键盘导航来使用对齐线 对齐线和布局面板 禁用对齐线 完成上述任务之后，您将对对齐线所发挥的布局作用有所了解。 ?说明 显示的对话框和菜单命令可能会与“帮助”中的描述不同，具体取决于您现用的设置或版本。?若要更改设置，请在“工具”菜单上选择“导入和导出设置”。?有关更多信息，请参见?Visual Studio 设置。 创建项目 第一步是创建项目并设置窗体。 创建项目 创建一个名为“SnaplineExample”的基于 Windows 的应用程序项目。?有关详细信息，请参见如何：创建新的 Windows 窗体应用程序项目。 在“窗体设计器”中选择窗体。 使用对齐线调整间距并对齐控件 对齐线为在窗体上对齐控件创造了一种准确而直观的方式。?当您在一个需要与一个（或一组）控件对齐的位置附近移动另一个（或一组）选定控件时，对齐线就会出现。?当您将选定控件移过其他控件时，选定控件就会“贴合”到建议的位置。 使用对齐线排列控件 从“工具箱”中将一个?Button?控件拖到窗体上。 将?Button?控件移动到窗体的右下角。?当?Button?控件接近窗体的底部和右边框时，请注意随之出现的对齐线。?这些对齐线会显示控件边框和窗体边框之间的推荐距离。 在窗体边框附近移动?Button?控件，留意对齐线出现的位置。?完成之后，将?Button?控件移到窗体的中心附近。 从“工具箱”中将另一个?Button?控件拖到窗体上。 移动第二个?Button?控件，使之差不多与第一个控件平齐。?请留意出现在两个按钮的文本基线处的对齐线，您会发现所移动的控件会贴合到与另一个控件完全平齐的位置。 移动第二个?Button?控件，使之位于第一个控件的正上方。?请留意出现在两个按钮左右两边的对齐线，您会发现所移动的控件会贴合到与另一个控件完全对齐的位置。 选择?Button?控件之一并将其移近另一个，直到两个控件几乎接触为止。?留意它们之间的对齐线。?此距离就是控件边框之间的推荐距离。?另外，还请注意您所移动的控件会按此位置对齐。 从“工具箱”中将两个?Panel?控件拖到窗体上。 移动一个?Panel?控件，使之差不多与第一个控件平齐。?请留意出现在两个控件上下两边的对齐线，您会发现所移动的控件会贴合到与另一个控件完全平齐的位置。 与窗体和容器的边缘对齐 对齐线会帮助您以统一的风格将控件与窗体和容器的边缘对齐。 将控件沿窗体和容器边缘对齐 选择一个?Button?控件，将其朝靠近窗体右边框的方向移动，直到出现对齐线。?对齐线与右边框之间的距离等于控件的?Margin?属性和窗体的?Padding?属性值之和。 ?说明 如果窗体的?Padding?属性设置为 0,0,0,0，则 Windows 窗体设计器将为窗体指定隐藏的?Padding?值 9,9,9,9。?为避免此行为，请指定一个 0,0,0,0 以外的值。 更改?Button?控件的?Margin?属性值，方法是在“属性”窗口中展开?Margin?项，将?All?属性设置为 0。?有关详细信息，请参见演练：使用 Padding、Margins 和 AutoSize 属性对 Windows 窗体控件进行布局。 将?Button?控件朝靠近窗体右边框的方向移动，直到出现对齐线。?现在，此距离与窗体的?Padding?属性值相等。 从“工具箱”中将一个?GroupBox?控件拖到窗体上。 更改?GroupBox?控件的?Padding?属性值，方法是在“属性”窗口中展开?Padding?项，将?All?属性设置为 10。 从“工具箱”中将一个?Button?控件拖到?GroupBox?控件中。 将?Button?控件