需求描述
想要实现像底层导航栏那样的效果,点击文字和图标的组合时,能够同时变色,且一直保持直到点击其他组合。
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/ec574444452afc5c6393c01a5078aca3.png)
思路拆解
①无论点击图标还是文字,都能触发变色,故在触发时需要组合图标和文字。
②“组合”无法通过改变“样式效果”让图标和文字一起变色,所以在设定时需要分开设定“样式效果”完成变色效果。
操作步骤
①先将文字和图标组合。
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/78c45256fc8fc649a452e78e3ed4b63b.png)
②分别设置样式效果。首先单独选中图标并且右击,注意要单独设置图标和文字的样式效果,组合是没有样式效果这个选项的。
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/c4c0b2f65b41d0ef3676040ba3280771.png)
打开后选择选中一栏,根据自己的需要更改样式。
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/ae257bc9a7dbea2cc092c6fc0c2f0f53.png)
字体也是同理。