如何在 Swift 中重新創建帶邊框的原生 iOS UI 標簽？

Question

我在 Xcode 中復制基本 UI 元素時遇到了挑戰。

我不知道如何從這張圖片中復制元素：

.

需要發生的動作是當點擊“現場”時，一個新的視圖控制器被打開。

我假設“現場”是一個UIButton位於UIView白色矩形上，頂部和底部帶有灰色邊框。

有沒有不同/更好的方法來做到這一點？

Answer 1

您可以使用嵌入在UIScrollView UITableView或UIStackView來實現您的 UI（如果您的屏幕上有更多內容）。

如果你打算使用 UITableView 你需要實現自定義UITableViewCell 。 它應該包含用於文本的UILabel和用於復選框的UIImageView 。 由於 iOS 默認沒有復選框控件。 如果用戶點擊單元格，您可以使用UITableViewDelegate方法 didSelectRowAtIndexPath 檢測點擊。

如果您打算使用UIStackView您可以對兩個元素使用垂直堆棧視圖。 對於每個元素，您還需要帶有按鈕的水平 stackView 和用於復選框的 imageView。 通過點擊按鈕，您可以打開所需的屏幕。