IOS - 添加顏色選擇器子視圖時使父視圖變暗

Question

[選擇器顏色視圖][1]

我想做一個視圖（就像下面截圖中的那個）。 When the picker view shows up, the screen behind is faded just like the photo. 感謝您的幫助！！

Answer 1

我相信實現這一目標並不難。

首先，創建一個名為ColorPickerView的 UIView 並向其添加一些帶有自定義圖像的按鈕（在您的示例中，具有不同顏色的圓圈）。然后添加Cancel按鈕，以便用戶可以通過點擊它來刪除（使用 removeFromSuperView） ColorPickerView 。 最后，添加一個 UILabel 來表示ColorPickerView的標題。

當ColorPickerView出現時，您應該在 mainPageView（ ColorPickerView后面的屏幕）上添加一個視圖。 我們稱之為blurView 。 將blurView的 backgroundColor 設置為黑色，將 alpha 設置為 0.3（您的選擇）。 同樣，當要刪除ColorPickerView時，您也應該刪除blurView 。

您可以在Cancel按鈕的操作中刪除blurView 。