组合：菜单整体变色

案例描述
鼠标进入或单击菜单项时菜单项整体变色，包括图标、文字和形状。

元件准备

包含命名

• 组合(用于我的课程选项)：MyLesson
• 组合(用于我的微专业选项)：MyMajor
• 组合(用于我的学习计划选项)：MyPlan
• 组合(用于我的题库选项)：MyQuestions
• 组合(用于我的订单选项)：MyOrder
• 组合(用于关注/粉丝选项)：CareAndFans

思路分析
①鼠标移入菜单项任何位置时菜单项中的图片、文字、形状都能够同步变色。（操作步骤01）
②选中菜单项时只有一项被选中（操作步骤01）
③鼠标单击菜单项任何位置时，菜单项中的图片、文字、形状都能够同步变色。（操作步骤02）

操作步骤
01 在元件属性中，为每个菜单项的矩形、图片设置【鼠标悬停】的交互样式；并将每个菜单项所有内容选取后，按快捷键<Ctrl+G>组合，然后，在组合的属性中，勾选【允许触发鼠标交互】，并{设置选项组名称}为"MenuItem"。

右键——交换样式——鼠标悬停


剩下的选项操作相同

勾选【允许触发鼠标交互】

{设置选项组名称}为"MenuItem"

02 在元件属性中，为每个菜单项的矩形、图片设置【选中】的交互样式；然后，将第一个组合"MyLesson"设置为默认选中；最后，为每一个组合添加【鼠标单击时】事件，设置动作为【选中】“当前元件”(This)；因为每个组合的事件交互都完全一致，这里只以组合"MyLesson"为例。
动作设置，以组合"MyLesson"为例
设置选中时的交互样式



设置默认选中组合"MyLesson"（此项仅限组合MyLesson）
右键——选中

事件交互设置：以组合"MyLesson"为例

其他项操作相同
完成！