花瓣网-登录界面
1.准备元件
图片:变换样式的按钮(1)

2.使用第三方账号登录时,鼠标移入图标和在图标上按下时,显示不同状态的图片
鼠标进入图标时
图片:变换样式的按钮(1)
元件的属性中包含【鼠标悬停】与【鼠标按下】的交互样式
操作步骤:

1、设置每个图标【鼠标悬停】的交互样式
右键 交互样式(或新建交互——交互样式)——【鼠标悬停】
图片:变换样式的按钮(1)

2、设置每个图标【鼠标按下】的交互样式
右键 交互样式(或新建交互——交互样式)——【鼠标按下】
图片:变换样式的按钮(1)
图片:变换样式的按钮(1)
登录框设置【鼠标悬停】与【鼠标按下】的交互样式
图片:变换样式的按钮(1)
图片:变换样式的按钮(1)
完成

相关文章: