Flex自定义时间选择控件
自定义时间控件的开发，在 Flex 项目里其实挺常见的，是你对 UI 交互要求比较高的时候。Flex 虽然自带了几个控件，比如DateChooser和TimeSpinner，但有些需求它们真满足不了。你要想要小时、分钟甚至秒都能精细控制，还能搭配自己的皮肤和样式？那就得自己动手，丰衣足食了。
时间控件的核心是选择数值。用mx.controls.Spinner来改造，是个比较靠谱的思路。它原本就有上下滚动的功能，拿来做小时和分钟的选择刚刚好。你可以把两个 Spinner 组合成一个组件，外加点皮肤，整体看着就专业多了。
在 MXML 文件里，比如TimeFile2.mxml，你可以直接摆 UI 结构，放两个 Spinner，设定布局，再加点样式和事件绑定。Flex 对 MXML 的支持还是挺顺的，边写边预览，调起来也方便。
逻辑部分就靠 AS3 上场了。你得好时间的范围，比如小时是 0 到 23，分钟是 0 到 59。设置stepSize也别忘了，有时候步长设成 5 分钟切换起来更快。想做得更严谨一点，小时和分钟的联动逻辑也可以补上。
还有个小技巧，如果你需要父组件知道当前选了几点几分，可以自定义事件。写个 Event 类，用dispatchEvent()发出去，这样监听起来也方便，逻辑更清晰。
控件写完后，记得测试一下在不同场景下的表现。Flex 编译器还是挺给力的，调试体验还不错。要是你时间充裕，也可以加点扩展功能，比如切换 24 小时制、加入秒钟选择啥的，甚至考虑做成通用组件复用到别的项目。
如果你对 Flex 自定义控件不太熟，可以参考Flex 自定义控件详解，里面讲得比较细，对新手也蛮友好。
，自己造个时间控件，既能满足设计需求，也能提升用户体验。如果你项目里时间输入比较频繁，动手做一个，挺值的。
文件大小：2.36KB
评论区