完美解决Panel设置了borderSkin后内容体与标题栏重叠的问题

    如果您做过Flex皮肤方面的工作，并且想自定义Panel及其子控件（TitleWindow、Alert）的皮肤，应该会碰到过在设置了Panel的borderSkin样式后，Panel中的内容体会与Panel的Header部分重叠的问题。初次遇到此问题的时候，我一时束手无策，只能找一种替代方式来暂时解决给Panel设置皮肤。最近再一次接触到Flex的皮肤，因为替代方案在更换皮肤时会对系统改动比较大，所以我觉得有必要更深入了解Flex皮肤与样式，看有没有更好的方式来解决我们遇到的问题，我研究了一下Flex SDK中定义皮肤的类以及Container组件，事实证明我是幸运的。

    borderSkin样式用来给Container组件设置四周的边框及背景，Panel的默认borderSkin是mx.skins.halo.PanelSkin，在PanelSkin中有一个对容器边缘有重要影响的属性borderMetrics，该属性用来指定容器四个边框的大小，该属性是实现了IRectangularBorder接口而来的（确切的说应该是IBorder，由于Container中使用的是IRectangularBorder接口，所以我们需要IRectangularBorder接口）。对于自定义皮肤，一般都是使用Flash工具制作的，其链接类是MovieClip的子类，并没有实现Flex中的IRectangularBorder接口，所以对于Container来说，获取不到borderMetrics属性，也就只能使用默认值，也就是四个边框的大小都是0。对于大多