apache-flex - 扩展 Flex Spark Button 以包含可单击的复选框

Question

我使用 Sparkskin 作为按钮，在按钮上放置一个复选框。

当前按钮正在接收鼠标点击，并且复选框不可选择。

我希望用户能够选择/取消选择该复选框。

我是否需要在 Sparkskin 中设置某些内容或覆盖某个函数才能实现此目的？

Answer 1

首先，创建扩展 Spark Button 的自定义按钮。将 mouseChildren 属性设置为 true(在 super() 调用之后)。重写mouseEventHandler方法，该方法处理按钮的所有鼠标事件。检查事件的 target，如果 target 是您的复选框，则不要调用 super.mouseEventHandler，以防您不想要按钮选中复选框时单击。

 public class MyButton extends Button {
        [SkinPart]
        public var checkBox:CheckBox;

        public function MyButton() {
            super();
            mouseChildren = true;
        }

        override protected function mouseEventHandler(event:Event):void {
            if (event.target != checkBox)
                super.mouseEventHandler(event);
            }
        }
 }