自定义复选框/单选按钮

Posted

技术标签:

【中文标题】自定义复选框/单选按钮【英文标题】:custom checkboxes/radio buttons 【发布时间】:2012-01-07 01:37:27 【问题描述】:

感谢您提前帮助我解决我的问题。

我想知道是否有人有制作的经验。我在舞台上创造了每一个。目标是在影片剪辑中创建每个,以便我可以在各种程序中使用它们。当我在未来的界面中使用这些闪存程序时,我发现自己在使用预构建闪存组件时遇到了麻烦。我想建立自己的。如果您对我可以在哪里找到帮助有任何建议或建议,请告诉我。我还希望他们一次只能点击一次。

快速说明:我有两个按钮在电影剪辑中改变它们的阶段。第 1 帧为上行状态,第 2 帧为下行状态。

再次感谢!

【问题讨论】:

【参考方案1】:

我自己在 Flash 中从零开始构建了各种 GUI 组件,包括复选框、单选组、屏幕键盘、UIScrollView 和与触摸屏的日期选择器相关的东西等等......

我的一般建议是,尽可能避免从头开始构建组件,因为有许多我们都认为理所当然的内置方法和其他一般功能。

我自己并不喜欢预先构建的 Flash 组件,尤其是触摸屏。在考虑从头开始构建之前,我建议您研究为您想要的组件设置皮肤。网上有很多帮助,包括:

http://www.adobe.com/devnet/flash/articles/skinning_flash_cs3.html?PID=4176632

我确实在某处听说 Flex 将获得(或已经拥有)一些专为移动设备设计的移动 GUI 功能,这些功能可能也可以在桌面设备上使用。不记得具体在哪里。

另一个选择是这个人对 GUI 的重新创建,可以在 GitHub 上找到: http://custardbelly.com/blog/2010/08/24/introducing-as3flobile-components/

点击演示图片,在“杂项”下,你会找到一个很好的广播组示例。(这个人也叫托德,所以你应该相信他:)

只有在上述所有选项都被视为无效之后,才能从头开始构建。我制作的复选框/无线电组类(我无法发布)是迄今为止我创建的最基本的组件,因此它可能没有重新创建任何其他组件那么糟糕。我所做的是创建一个基础单选类,然后将单选按钮动态添加到单选组。在需要的地方添加适当的逻辑。

希望对你有所帮助,祝你好运!

【讨论】:

【参考方案2】:

使用 Flash 从头开始​​创建自定义单选按钮

您可以将形状中的 3 帧用作单选按钮。

例如:

1-为启用而没有选择

1.2-for启用并选择

3-为禁用且不能选择

您可以将这些图像导入三帧并使用gotoAndStop()

这是一个示例类:

package

    import flash.display.Sprite;
    import flash.events.MouseEvent;

    public class Main extends Sprite
    
        public function Main():void
        
            active.stop();
            inactive.gotoAndStop(3);
            enabledBox.gotoAndStop(2);
            active.addEventListener(MouseEvent.MOUSE_UP, changeState);
        

        private function changeState(e:MouseEvent):void
        
            if (e.target.currentFrame == 1)
            
                e.target.gotoAndStop(2);
                statusField.text = "[Enabled]";
            
            else
            
                e.target.gotoAndStop(1);
                statusField.text = "[Disabled]";
            
        
    

有关详细信息,您可以使用它:

https://code.tutsplus.com/tutorials/create-a-custom-radio-button-from-scratch-using-flash--active-4294

【讨论】:

答题完毕。

以上是关于自定义复选框/单选按钮的主要内容,如果未能解决你的问题,请参考以下文章

C ++ MFC,带有复选框的自定义网格,单选按钮[关闭]

css 自定义复选框和单选按钮设置

自定义_单选按钮和复选框_样式

自定义复选框/单选按钮

jQuery 验证 - 使用自定义单选按钮(打开/关闭)

scss Bootstrap Pure CSS自定义单选按钮/复选框