← 返回全部术语
导航与内容展开 / TERM 194

滑动标签指示线Animated Tab Indicator

换标签时,底线滑到新的标题下。

194
LIVE PREVIEW
CHOOSE A PATH
概览   示例   设置
▸ 项目目录
  └ 页面与动效
▸ 更多内容
滑动标签指示线
✦   MOTIONLEX

01 这个效果是什么

一条共享的指示线在标签之间移动,强调视图的连续切换。

02 可以这样告诉 AI

三个标签切换时把底线平滑移动到选中标签的宽度与位置;内容面板同步更新,方向键和选中语义保持正确。

03 做好后看什么

  • 指示线始终准确对齐选中标签
  • 键盘和触屏可以完成同样操作