必须通过编辑动态组件的多个状态来实现同一组件的不同视觉表现;双击组件进入状态编辑界面,新增状态后需在各状态下分别用属性面板、图层可见性或拖动方式独立调整样式。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

要在墨刀中为同一个组件设置默认、悬停、按下、禁用等不同视觉表现,必须通过编辑动态组件的多个状态来实现——每个状态独立控制该状态下组件的位置、颜色、透明度、可见性甚至内部子元素布局。
进入动态组件编辑模式
在页面编辑区选中已创建好的动态组件(外框带橘色边线,右上角有状态标签),【双击该组件】进入状态编辑界面。此时你看到的是“状态1”,所有操作仅影响当前状态,不会波及其他状态。
注意:如果组件尚未转为动态组件,先右键→“转换为动态组件”,再双击进入编辑。
添加并切换到新状态
点击右上角“+”号按钮,新增“状态2”。系统自动跳转至该状态,画布清空,但保留原状态的组件结构参考线(虚线框)。
这一步不能跳过——只有在目标状态下操作,修改才生效。直接在状态1里改样式,状态2里完全看不到变化。
在各状态下分别调整样式
方法一:用右侧属性面板实时调整
选中状态2中的某个按钮,在右侧“样式”栏修改填充色、边框粗细、圆角值、文字大小等。这些改动只绑定在状态2,状态1保持原样。
方法二:用图层列表批量控制可见性
比如下拉菜单组件中,状态1只显示“▼”图标,状态2需同时显示图标+菜单项。这时在状态2里,右键图层列表中的菜单项→“显示”,而在状态1中右键同一图层→“隐藏”。【隐藏/显示操作必须在对应状态内单独执行】,跨状态不继承。
方法三:拖动调整位置与尺寸(适用于滑动类效果)
例如制作“左滑删除”效果:在状态1中保持卡片完整显示;切换到状态2后,直接拖动整个卡片向左偏移,使其露出右侧的“删除”按钮区域。墨刀会自动记录该状态下的绝对坐标和宽高。


















