如何创建带有向下滑动到其父控件上方的面板的用户控件？

Question

我想创建一个UserControl，它在折叠时显示一个下拉选择控件和几个按钮，但是可以扩展为在需要时显示更大的项目选择。它的扩展面板应在其所嵌入的Window或UserControl的控件上向下滑动。

如果所有XAML都在同一个控件中，则可以执行此操作，但是如果我想将小视图和滑动位放在单独的可重用UserControl中，则无法解决。

对于一个小面板，我正在使用一种动画，该动画可以更改屏幕外面板的边距并进行边界裁剪以使其发生。我一直在XAML从窗口复制到窗口。我想为此做一个更大的可重用版本，但是正确显示它会使我有些困惑，因为边界限制。 UserControl将面板剪辑在其较小的视图中，而不是允许面板在其父面板上显示。

这是我想要的效果：

主要问题似乎在于，滑动面板必须包含在UserControl中，否则它会被切断。因此，用户控件必须比其折叠视图大得多。因此，当您要将其嵌入到另一个Window（或UserControl）中时，必须进行XAML体操处理以适应控件的大小，同时使控件看起来并没有那么大。

也许这只是XAML的典型特征。我还在学习。但是我不知道如何使控件的视觉元素出现在其范围之外。弹出窗口实际上无法正常工作，因为它会自动打开和关闭以保持焦点。

这只是一个练习，因为我决定以其他方式（模式对话框）实现它，因此我可以控制视觉效果。