Icon fill color and background color change together

Tips ： The following is the main body of this article , The following cases can be used for reference

One 、 demand

The menu contains Icon , When selected, the menu background and icon change color together

Two 、 Realization

1、 Add icons and menu names to the rectangle

Customizable icons and content

2、 Realize... According to the situation

（1） Combination of binding

① Align the icon with the rectangle Combination of binding , And name the combination

② Feed element binding “ single click – Choose ” event

Currently set to true , The rest is false

③ To assemble components Set mouse down and selection styles （ Custom style ）

④ Name the icon component and Set mouse down and selection styles （ Consistent with the composite component style ）, Interactive styles can be copied and pasted with one click

（2） Unbound combination

① Icons and rectangles Unbound combination , Name the component

② Feed element binding “ single click – Choose ” event

Currently set to true , The rest is false

③ Feed element Set mouse down and selection styles （ Custom style ）

④ Name the icon component and Set mouse down and selection styles （ Consistent with the above component styles ）, Interactive styles can be copied and pasted with one click

3、 ... and 、 result

1、 Component binding combination ： Unified change

2、 Component is not bound to combination , The effect is not realized

Four 、 summary

Match components to icons Bind combinations and set them to a consistent interaction style , The color change of the icon and the filling color of the menu element can be realized at the same time