漂亮的 iOS 多选框

在 iPhone 大行其道的今天,用户已经逐渐将 iOS 系统的界面设计当成一种必然。而我们作为 FileMaker 的开发者,也要逐渐抛却只要功能而不要友好界面的观点。今天,小飞就教大家如何将 iOS 的多选框融入到 FileMaker 的系统。




IOS 多个按钮多选 ios多选框_IOS 多个按钮多选


多选框的运行机制

多选框通常是由已选和未选两个状态的按钮组成。当用户没有勾选时,就保留带有未选图标的按钮;而当用户点击未选图标按钮时,系统就自动隐藏未选图标按钮并显示已选按钮;点击已选按钮,就隐藏已选按钮并显示未选按钮。

了解以上运行机制后,我们就可以看出多选框的关键就是按钮的点击和在恰当的条件下显示、隐藏按钮组件。

下面,我们分别来讲解每个环节的实现方法。

视频链接:https://v.qq.com/x/page/n0508n6pxvv.html

隐藏条件

通过上面的分析,我们已经知道显示和隐藏是我们能够看到不同状态的关键。这里,我们使用 FileMaker 的隐藏条件来实现。通过我们的摸索,使用值列表是最佳的做法。所以,就有了如下的函数公式:

未选:not IsEmpty ( FilterValues ( 内容为值列表的全局变量或字段 ; 关键词 ) )

已选:IsEmpty ( FilterValues ( 内容为值列表的全局变量或字段 ; 关键词 ) )

按钮点击

按钮的点击就是向“内容为值列表的全局变量或字段”添加或删除值列表项。在正常情况下,要完成这个操作还是挺麻烦的,但是有了 AddRemoveListItem 自定义函数之后,问题就变得简单了。

点击未选变已选:AddRemoveListItem ( 内容为值列表的全局变量或字段 ; 关键词 )

点击已选变未选:AddRemoveListItem ( 内容为值列表的全局变量或字段 ; 关键词 )

即两种情况下的点击按钮都是一样的脚本步骤。

将以上两个环节开发完成之后,我们也就完成了所有的开发了。