開發技巧分享—添加漂亮的 iOS 原生風格多選框

漂亮的 iOS 多選框

在 iPhone 大行其道的今天,用戶已經逐漸將 iOS 系統的界面設計當成一種必然。而我們作為 FileMaker 的開發者,也要逐漸拋卻只要功能而不要友好界面的觀點。今天,小飛就教大家如何將 iOS 的多選框融入到 FileMaker 的系統。

開發技巧分享—添加漂亮的 iOS 原生風格多選框

多選框的運行機制

多選框通常是由已選和未選兩個狀態的按鈕組成。當用戶沒有勾選時,就保留帶有未選圖標的按鈕;而當用戶點擊未選圖標按鈕時,系統就自動隱藏未選圖標按鈕並顯示已選按鈕;點擊已選按鈕,就隱藏已選按鈕並顯示未選按鈕。

瞭解以上運行機制後,我們就可以看出多選框的關鍵就是按鈕的點擊和在恰當的條件下顯示、隱藏按鈕組件。

下面,我們分別來講解每個環節的實現方法。

視頻鏈接:https://v.qq.com/x/page/n0508n6pxvv.html

隱藏條件

通過上面的分析,我們已經知道顯示和隱藏是我們能夠看到不同狀態的關鍵。這裡,我們使用 FileMaker 的隱藏條件來實現。通過我們的摸索,使用值列表是最佳的做法。所以,就有了如下的函數公式:

未選:not IsEmpty ( FilterValues ( 內容為值列表的全局變量或字段 ; 關鍵詞 ) )

已選:IsEmpty ( FilterValues ( 內容為值列表的全局變量或字段 ; 關鍵詞 ) )

按鈕點擊

按鈕的點擊就是向“內容為值列表的全局變量或字段”添加或刪除值列表項。在正常情況下,要完成這個操作還是挺麻煩的,但是有了 AddRemoveListItem 自定義函數之後,問題就變得簡單了。

點擊未選變已選:AddRemoveListItem ( 內容為值列表的全局變量或字段 ; 關鍵詞 )

點擊已選變未選:AddRemoveListItem ( 內容為值列表的全局變量或字段 ; 關鍵詞 )

即兩種情況下的點擊按鈕都是一樣的腳本步驟。

將以上兩個環節開發完成之後,我們也就完成了所有的開發了。


分享到:


相關文章: