使用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、最终效果如下:




0




你可能感兴趣的:(UI)