Motion Prompt #059｜开关 · Toggle switch
切换设置的开启与关闭状态
部分附加信息、来源说明或示例仍显示原文。
来源：import:liubai_public_20261104 · https://github.com/Shanvision-star/liubai-prompt-library/blob/25f0137e36a8fae46aebace86b18cdfeff624a99/bundled-library/entries/PRM-0301/original.md · 授权：MIT License Copyright (c) 2026 Shohei Ohtaki Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
使用示例提示词正文
请使用“Toggle switch”（トグルスイッチ），它是“UI component names”中的一个名称。 Motion Prompt #059 定义：将某项设置打开或关闭 示例展示：三行设置中，前两行开关依次打开，随后再依次关闭。 规格： - 卡片为542×191，循环4.5 s。三行设置间隔60 px，带分隔线。x=450处为64×34轨道，圆角半径17；白色旋钮半径13，带阴影。 - 点击时刻：1.0 s打开第1行，1.8 s打开第2行，3.0 s关闭第1行，3.6 s关闭第2行；第3行始终关闭。 - 每次切换持续0.2 s，使用easeOutCubic；旋钮滑动30 px（17→47）。 - 轨道颜色随开关进度从灰色#d9d7d5混合到蓝色#1f5ae8。 何时使用：用于立即生效且只有开/关两种状态的设置。 参考实现（Canvas 2D，画面仅由时间决定的函数）：https://showheyohtaki.github.io/motion-prompt/api/v1/en/e/059.txt 共享辅助代码：https://showheyohtaki.github.io/motion-prompt/api/v1/kit/ui.js 请保持参考实现的形状、时间安排和缓动数值不变，只调整文字、颜色和素材，以适配我正在制作的项目。
使用示例
示例输入
请实现“开关 · Toggle switch”：切换设置的开启与关闭状态
示意结果
下方是来源作者提供的静态画面和可播放动效参考，并非本站对该提示词调用模型生成的结果。
提示词仅供参考，请结合实际场景调整，并核实 AI 生成结果。