1.单次点击元件改变样式(不能持续)
对元件右键选择交互样式
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210318093251620.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzUxNTYxNTg1,size_16,color_FFFFFF,t_70)
可选择现要实现的操作,我们现在选择的是鼠标按下实现变色
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210318093722636.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzUxNTYxNTg1,size_16,color_FFFFFF,t_70)
此时操作就已经实现了,但是只能实现点击一下变色,如果松开鼠标就会变回原来的颜色!!!
2.单次点击元件永久改变样式
想要改变的样式能一直存在,选择选中操作,填写需要改变的样式
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210318094321212.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzUxNTYxNTg1,size_16,color_FFFFFF,t_70)
然后选中元件在右侧选择交互,选择单击时(可根据自己需要选择相应操作)
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210318094556532.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzUxNTYxNTg1,size_16,color_FFFFFF,t_70)
选择设置选中
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210318094744598.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzUxNTYxNTg1,size_16,color_FFFFFF,t_70)
选择当前元件,将值设置为真,确认后,实现操作
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210318094901383.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzUxNTYxNTg1,size_16,color_FFFFFF,t_70)
如果想实现多个元件交互,例如点击一个元件,该元件变色,其余远近均回复默认值,可将每个元件先设置交互样式(选中时的操作),再对单个元件设置单击时当前值为真,别的元件为假。
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210318095834827.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzUxNTYxNTg1,size_16,color_FFFFFF,t_70)