(GridLayout布局.docVIP

GridLayout 14.11? GridLayout布局? GridLayout 布局的功能非常强大，也是笔者常用的一种布局方式。GridLayout是网格式布局，它把父组件分成一个表格，默认情况下每个子组件占据一个单元格的空间，每个子组件按添加到父组件的顺序排列在表格中。 GridLayout提供了很多的属性，可以灵活设置网格的信息。另外，GridLayout 布局提供了GridData类，子组件可以设置相应的GridData， 例如“dogPhoto.setLayoutData(gridData)”，GridData可以设置每个组件当做单元格的信息。 14.11.1 ?GridLayout的风格 GridLayout类提供了GridLayout 布局中划分网格的信息，主要通过以下几个参数进行设置。l?? NumColumns：通过“gridLayout.numColumns”属性可以设置父组件中 分几列显示子组件，如表14-4所示。 表14-4? NumColumns效果 列??? 数 显 示 效 果 numColumns = 1 numColumns = 2 numColumns = 3 l?? MakeColumnsEqualWidth：通过“gridLayout. makeColumnsEqualWidth”属性可以设置父组件中子组件是否有相同的列宽，当MakeColumnsEqualWidth为true时表示每列的列宽相等。 l?? MarginLeft： 表示当前组件距离父组件左边距的像素点个数。 l?? MarginRight：表示当前组件距离父组件右边距的像素点个数。 l?? MarginTop： 表示当前组件距离父组件上边距的像素点个数。l?? MarginBottom：表示当前组件距离父组件下边距的像素点个数。 l?? HorizontalSpacing：表示子组件的水平间距。 l?? VerticalSpacing：表示子组件的垂直间距。 14.11.2? GridData的相关属性 GridLayout布局的灵活之处在于它利用网格布局数据 GridData。通过GridData可以设置子组件在网格中的填充方式、大小边距等信息，用户可以通过子组件的setLayoutData方法设置网格布局数据。 GridData可以控制子组件在网格中的位置大小等相关显示信息。GridData可以设置如下的一些属性。 l?? HorizontalAlignment：表示水平对齐方式。 水平对齐方式有如下几种，如表14-5所示，其中“Button5”按钮显示了水平对齐的方式。 表14-5? 组件水平对齐方式 HorizontalAlignment的值 显 示 效 果 horizontalAlignment = GridData.BEGINNING(default) ? horizontalAlignment = GridData.CENTER ? horizontalAlignment = GridData.END ? horizontalAlignment = GridData.FILL ? l?? VerticalAlignment：表示子组件的垂直对齐方式，值和水平方式一样。 l?? HorizontalIndent：表示子组件水平偏移多少像素。 此属性和“horizontalAlignment = GridData.BEGINNING”属性一起使用。下面代码设置“Button5”水平偏移4像素，如图14-7所示。 GridData gridData = new GridData(); gridData.horizontalIndent = 4; button5.setLayoutData(gridData); l?? HorizontalSpan：表示组件水平占据几个网格。 此属性非常有用，当要设置一个组件占据几个单元格时，需要设置HorizontalSpan属性。例如，下面代码设置“Button5” 按钮水平占据两个网格，如图14-8所示。 GridData gridData = new GridData( ); gridData.horizontalAlignment = GridData.FILL; gridData.horizontalSpan = 2; button5.setLayoutData(gridData); ??????????????????? ??????? ??????????图14-7? 组件水平偏移????????? ????????图14-8? 水平占据网格 l?? VerticalSpan：表示组件垂直占据几个网格。 l?? GrabExce