一般的電商App都會有條件選擇的功能,可是除了一個一個條件單選之外,還會存在條件多選的狀況,所以我封裝了一個多條件選擇的界面,方便以后的項目重用。
效果如下圖
由於這是一個練手的項目,細節那些沒有做太大的處理,首先完成了功能,以后接入項目的時候再去完善。
這個View的大概結構是
1.這個View是以表視圖作為主體的,按照需求所要求的分組數量鋪上單元格,(在這個view里面 我鋪了5個單元格,4個用來顯示條件和分類信息,一個用來鋪設確定按鈕)
2.利用plist文件,把條件都設定好。由於我把單元格鋪了4個,所以需要把條件分成4個數組,里面放置存放條件的字典,字典里面存儲該分組對應的條件
3.利用for循環跟住條件的數量在單元格里面鋪設button,設置好button的選擇狀態。
關鍵代碼如下:
4.用一個可變數組把已經選擇的按鈕,存儲起來,確定按鈕的時候把存儲的按鈕上面的titleLabel打印出來 就可以做出這種效果。