跳跃的弹性布局

我是相对较新的Flex，但需要在经历一些危机后接管应用程序的维护和开发。如果有任何帮助的话，我对AS3和OOP很熟悉。 该应用程序使用Flex builder 3，Flex SDK 4.1构建，基于Halo主题。 Main.mxml包含一些导航位和部分，应用程序边框和一个名为占位符的画布。 当用户在站点周围导航时，Main.mxml的状态会发生变化，然后根据该状态在占位符内交换相应的“屏幕”而不应用任何动画（有时，ProgressBar会暂停进度，直到数据加载完毕）。每个屏幕与主应用程序的大小相同，基于

mx:Canvas

并设置为将其自身定位在0,0，从而填充整个窗口。 首先，这是一个很好的方法，你会就改变的事情提出任何建议吗？ 接下来，一些屏幕正在遭受一些奇怪的跳跃与布局和定位，对于我的生活我无法弄清楚为什么。它发生在许多视觉元素上。 我的第一个例子是使用hbox，图像和文本控件构建的按钮。 hbox已被修改为包含渐变背景但是在使用默认mx hbox时会出现问题。第一个图像是在第一个渲染时没有交互，第二个是在我将鼠标滚过它之后，第三个（和正确的）图像是在离开该屏幕然后返回之后。请注意，它不再被剪裁，也包括右侧的圆角。 我的第二个例子更难捕捉，但我有一系列4个渐变按钮，基于flexlib高级按钮皮肤堆叠在

mx:vbox

。在第一次显示时它们是正确的，在第二次显示时它们看起来是正确的但是当它们悬停在它们上面时，某些东西似乎发生了变化，但我不确定是什么导致下面的按钮向下跳过大约一个像素，每个按钮都悬停在上面。每个按钮引起跳转后，一切都恢复正常。 最后，当返回到前一个屏幕时，整个屏幕看起来在它显示后稍微向左跳跃，使其外观非常不稳定。 非常感谢任何帮助 编辑 - 成功 经过几个小时的尝试你的建议和弄乱从舞台上逐一删除元素我最终发现问题的根源是

VideoDisplay

控件的

borderMetrics

属性。删除这些之后（我甚至不确定他们为什么会在那里）我所遭受的所有奇怪的显示问题都消失了。 非常感谢您的建议！