如何在我的 iOS 应用程序中获得这种颜色选择器视图？

Question

我想在我的应用中实现一个ColorPickerView Controller，就像图片中这样。 但是我不知道这个圆形元素叫什么，我可以把那个对象变大吗？

我遇到了一个 ColorPickerViewController，它以模态方式呈现为一个完整的另一个场景，但此刻，我想在不打开新窗口的情况下将颜色选择器实现为 一个小窗口。 请告诉我如何实现这一点。

Answer 1

如果不以模态方式打开它，我认为不可能做到这一点。也就是 UIKit 中的 UIColorPickerViewController，或者 SwiftUI 中的 ColorPicker。在 iOS 14 中看起来像这样。

在 iPadOS 14 中它看起来像这样

在 SwiftUI 中可以这样创建：

struct ContentView: View {

@State var color = Color(.blue)

var body: some View {
        ColorPicker("Color", selection: $color)
            .padding(.horizontal, 150)
}

}

在 UIKit 中是这样的

// Initializing Color Picker
let picker = UIColorPickerViewController()

// Setting the Initial Color of the Picker

picker.selectedColor = self.view.backgroundColor!

// Setting Delegate
picker.delegate = self

// Presenting the Color Picker
self.present(picker, animated: true, completion: nil)

有关更多信息，您可以查看以下网站：

• UIKit：https://www.swiftpal.io/articles/how-to-use-uicolorpickerviewcontroller-in-swift

• Swift 用户界面：https://www.hackingwithswift.com/quick-start/swiftui/how-to-let-users-select-a-color-with-colorpicker

现在另外，如果你真的希望它在一个小窗口中，你可以使用 PopOver 并创建你自己的颜色选择器，这有点工作，但应该不会太难。

以下是一些可能对您有所帮助的资源：

• SwiftUI：https://www.youtube.com/watch?v=4Wbyje-TMME
• UIKit：https://www.hackingwithswift.com/example-code/uikit/how-to-create-popover-menus-using-uipopoverpresentationcontroller
• 更多UIKit：http://www.thomashanning.com/uipopoverpresentationcontroller/

Answer 2

按钮操作，使用下面的代码。

@IBAction func colorPickerTapped(_ sender: UIButton) {

let colorPickerVC = UIColorPickerViewController()
colorPickerVC.modalPresentationStyle = .popover
colorPickerVC.modalTransitionStyle = .crossDissolve
present(colorPickerVC, animated: true)

let popOverVC = colorPickerVC.popoverPresentationController
popOverVC?.sourceView = sender
colorPickerVC.delegate = self

}