Textual 滑动侧边栏动画（附源码）

这是一个实现了滑动侧边栏效果的终端文本界面应用，具体的效果可以在我的这期视频的结尾看到～

按下“O”键时侧边栏就会被平滑地呼出，再按一次就会隐藏；过渡的动画效果也非常顺滑。

对应的 CSS 文件源码：

在这个 CSS 里，我们首先定义了 Screen 类的两个图层："basic" 和 "sidebar"。其中，basic 层是处于底部的，sidebar 层默认覆盖在它上面。

各组件中，"welcome" 是处于 basic 层的，而 "sidebar" 是处于 sidebar 层的。因此，在最终的成品里，侧边栏是会覆盖在文本框的上面的。

在 Python 代码中，我们绑定了 O 键，使得它被按下时，sidebar 组件会变成 "-active" 状态。在 CSS 中，我们定义了该状态的特点：偏移值为0。由于 sidebar 的默认偏移值为横向的负100（默认处于频幕的范围外面），所以组件变成 "-active" 状态时，它会出现在频幕的内部，被我们看到。

这一过程被添加了动画效果，这是通过 transition 设置的。"transition: offset 500ms in_out_cubic" 规定了使用滑动滑出的动画效果实现 offset 属性的变化，并给定时间为500毫秒。