使用tablelayoutpanel布局

1、使用tablelayoutpanel布局控件，界面布局如下：

2、运行时，图片之间有缝隙，已经大小变形

3、解决办法

     3.1  tablelayoutpanel1，将界面分为顶部和底部两部分。

      两行一列，第一行显示标头，高度根据loge图片的高度设置，第二行列显示下面的菜单及主界面内容，是可以自动拉升的部分，高度设置为100%。

     列的宽度也是必须随窗体的变化而变化的，所以设置为100%。

    设置如下：

3.2   tablelayoutpanel2，将底部界面分为左边和右边两部分。

        左边宽度设定为绝对187，右边宽度为百分比100%

3.3   tablelayoutpanel3，将左边分为上中下三部分，上部高度设定为绝对46*5=300（5个按钮的高度），中部是自动变化的部分高度设置为百分比100%，

        下部高度设定为300（下部loge图片的高度，不然图片会变形）

3.4、在每个 tablelayoutpanel的单元格中放置panel，然后放置pictureBox，背景图片选则相应的图片。

3.5、每个空间的Margin属性设置为0,0,0,0 ，这样既可消除边缘的缝隙。

4、最终效果如下：