如何将macOS SwiftUI视图转换为图像？
要将macOS SwiftUI视图转换为图像，可以使用NSImage和NSView来实现。
首先，需要创建一个自定义的NSView子类，用于承载SwiftUI视图。在该子类中，可以使用NSHostingView来将SwiftUI视图嵌入到NSView中。代码示例如下：
import SwiftUI
import AppKit
class SwiftUIImageView: NSView {
private var hostingView: NSHostingView<AnyView>!
init(swiftUIView: AnyView) {
super.init(frame: .zero)
setupHostingView(swiftUIView: swiftUIView)
}
required init?(coder: NSCoder) {
super.init(coder: coder)
}
private func setupHostingView(swiftUIView: AnyView) {
hostingView = NSHostingView(rootView: swiftUIView)
hostingView.translatesAutoresizingMaskIntoConstraints = false
addSubview(hostingView)
NSLayoutConstraint.activate([
hostingView.leadingAnchor.constraint(equalTo: leadingAnchor),
hostingView.trailingAnchor.constraint(equalTo: trailingAnchor),
hostingView.topAnchor.constraint(equalTo: topAnchor),
hostingView.bottomAnchor.constraint(equalTo: bottomAnchor)
])
}
func convertToImage() -> NSImage {
let image = NSImage(size: bounds.size)
image.lockFocus()
draw(bounds)
image.unlockFocus()
return image
}
}然后，在需要将SwiftUI视图转换为图像的地方，可以使用以下代码：
let swiftUIView = AnyView(Text("Hello, SwiftUI!"))
let imageView = SwiftUIImageView(swiftUIView: swiftUIView)
let image = imageView.convertToImage()这样，image就是将SwiftUI视图转换为的图像。
对于这个问题，腾讯云没有特定的产品或链接与之相关。
相关·内容
如何将标签放置在UIImage内部的CollectionViewCell中？
图像应该在最上面，标签就在下面。
// main Wishlist cell
class MainWishlistCell: UICollectionViewCell {
let wishlistImage: UIImageView = {
let v = UIImageView()
v.translatesAutoresizingMaskIntoConstraints = false
v.image = UIImage(named: &
浏览 0提问于2019-10-25得票数 0
回答已采纳
1回答
注意:类似的问题已经在这个主题上被问到了，但是由于某些原因，他们提到的解决方案似乎对我不起作用，所以我张贴这篇文章。
我有一个UIScrollView，它填充视图控制器的整个视图，并嵌入其中的垂直UIStackView。
class ViewController: UIViewController {
private let scrollView: UIScrollView = {
let scrollView = UIScrollView()
scrollView.translatesAutoresizingMaskIntoConstraints =
浏览 2提问于2021-03-16得票数 1
回答已采纳
1回答
我试图在主视图中创建两个视图，这些视图是由textView自动调整大小的，我想添加第一个视图，然后通过单击按钮添加第二个视图，但我有一些错误。但我不想对主视图设置等高限制，它必须根据两个子视图中的文本视图来调整大小。这是我的代码片段和我想要的图像： @objc func buttonAction() {
print("action")
mainView.addSubview(secondView)
firstView.topAnchor.constraint(equalTo: main
浏览 31提问于2020-05-02得票数 0
回答已采纳
我在一个stackView里面有一个scrollView，我想把stackView钉起来，这样它从底部开始，随着更多的视图被添加到里面，它就会上升。
显示当前行为的图像，显示stackView被固定在视图的顶部，内容从顶部到底部。
显示所需行为的图像，显示从下到上的堆栈视图。
当前代码：
CustomStackView
open class CustomStackView: UIView {
public var scrollView: UIScrollView = {
let view = UIScrollView(fr
浏览 1提问于2021-04-16得票数 1
回答已采纳
因此，我试图模糊UICollectionView单元格的背景视图。这就是我想要达到的目标：
我试过使用这个分机：
extension UIView {
func applyBlurEffect(_ style: UIBlurEffect.Style = .dark) {
let blurEffect = UIBlurEffect(style: style)
let blurEffectView = UIVisualEffectView(effect: blurEffect)
blurEffectView.frame = boun
浏览 11提问于2022-08-18得票数 -1
回答已采纳
1回答
我有两个问题，但希望它们是相互关联的！我有下面的UITableView模板，我正在尝试安装：-
白色区域是桌子的背景
紫色是类别标题(这可以与紫色区域一样少或一样多)。
红色是一个视图所有的按钮，应该钉在右边。
绿色是一个水平的UICollectionView，但是每个表行都有不同的集合视图高度(注意第1行和第2行之间的差异；第3行在屏幕底部被切断)。
粉红线是一行分隔符。
到目前为止，我已经创建了以下类
import UIKit
class CategoryRowCell: UITableViewCell {
let gradient = Gr
浏览 2提问于2019-02-28得票数 0
我试图以编程的方式构建一个TableView，但是我不能显示一个基本的标准标签；我看到的只是基本的空单元格。这是我的密码：
TableView细胞：
class TableCell: UITableViewCell {
let cellView: UIView = {
let view = UIView()
view.backgroundColor = .systemRed
return view
}()
let labelView: UILabel = {
let label = UILabel()
浏览 6提问于2019-10-10得票数 1
回答已采纳
1回答
用分段视图控件更改视图
、、、
我在视图控制器中创建了一个视图，它包含UISegmentControl和UIScrollView
let segmentControl : UISegmentedControl = {
let segmentItems = ["Personal","Statistics","Calendar"]
let segmentControl = UISegmentedControl(items: segmentItems)
segmentControl.selectedSegmentIndex = 0
segmentCon
浏览 1提问于2020-03-31得票数 0
回答已采纳
我试图为一个UICollectionViewCell创建一个自定义覆盖，当用户选择一个图像时，它会放置一个带有数字的灰色覆盖(即。用户在其中选择图像的顺序)。当我运行我的代码时，我不会收到任何错误，但它似乎也什么也做不了。我添加了一些print语句来帮助调试，当我运行代码时，我得到了15次打印的"Count :0“。这就是我在图书馆里拥有的图片的数量。当我选择第一行中的第一个图像时，我仍然会得到"Count: 0“，但当我选择下一个图像时，会得到如下所示的打印结果。看来计数不起作用，但我不知道原因。我做错了什么？我不知道为什么计数是错误的，但我想解决的主要问题/关切是，为什么覆
浏览 5提问于2020-10-14得票数 0
回答已采纳
1回答
我对斯威夫特很陌生。我正在创建带有子标题的表格视图单元格。我定义了两个标签和两个函数来获取值形式API并将其显示到label控件中，但问题是标签的值被显示在正确的位置。我想显示标题，然后在标题下面是副标题值。这是屏幕截图。
下面是代码表视图单元格。
extension ViewController: UITableViewDataSource{
func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
return viewModel.
浏览 5提问于2022-02-06得票数 0
回答已采纳
我以编程方式创建了UITableView和单元格。所有这些都很好，但我有几个关于约束和自动布局的问题：
使用layoutMarginsGuide的约束：
在宽度375的屏幕中，较低的分隔符和单元格从一个点开始。在大屏幕上，分隔符的出现早于单元格标题(您可以在附加的屏幕截图中看到这一点)。我怎么才能解决这个问题？
在附带的截图中，带有圆角的红色矩形的图像超出了UIImageView的范围。我向UIImageView添加了约束，但这对我没有帮助。我怎么才能解决这个问题？
没有layoutMarginsGuide的约束：
我要那个stackView覆盖整个牢房。如何在不使用lay
浏览 3提问于2020-07-07得票数 0
回答已采纳
我在一个UIStackView中有一个UIScrollView，在里面有一个简单的视图，如下所示：
class OnboardingView : UIView {
private let onboardingImageView : UIImageView = {
let view = UIImageView()
view.translatesAutoresizingMaskIntoConstraints = false
view.contentMode = .scaleAspectFit
view.layer.corner
浏览 5提问于2021-12-18得票数 0
回答已采纳
我有以下Booking类(UIView)，它是我以编程方式构建的，但我一直无法让它滚动。我要求它只垂直滚动。我没有使用UIStackView，因为我实际使用的视图比下面的代码稍微复杂一些。下面提供的代码是一个简化版本。 我读过很多这样的帖子，其中有些人说你需要在滚动视图中有一个视图，然后包含所有的子视图(我目前正在这样做)，另一些人说这是不需要的。一些人说你需要手动定义滚动视图的内容大小，还有一些人说你不应该这样做！这些观点中的哪一点是正确的？或者这无关紧要吗？ 当我更新了UIScrollView以添加所有视图高度时，我看到垂直滚动指示器上下移动，但实际内容没有移动！ 当然，如果已经设置了约
浏览 19提问于2019-07-03得票数 0
回答已采纳
2回答
我正在尝试使用.xib文件在TableViewCell中创建一个可重用的视图。我将所有需要的数据提供给TableViewCell，它有一个UIView，这是我的可重用.xib。我在UIView中正确地打印了初始化函数，但在模拟器屏幕中什么也没有显示。找不到原因，我被困了很长时间。
这是我的xib文件：
它与我的UIView正确关联：
import Kingfisher
class DebateBoxView: UIView {
@IBOutlet var debateBoxView: UIView!
@IBOutlet weak var debateBoxImage:
浏览 29提问于2021-03-11得票数 0
回答已采纳
我对这个UITableViewCell有麻烦了。我从服务器获取字符串并将其插入到viewDidLoad中，但是单元格的底部，即summaryLabel正在被掩盖。是嵌入器吗？：
class SummaryTableViewCell: UITableViewCell {
let titleLabel = UILabel()
let createdLabel = UILabel()
let summaryLabel = UILabel()
override init(style: UITableViewCell.CellStyle, reuseIdentifier
浏览 6提问于2019-12-14得票数 1
回答已采纳
我有一个UITableViewCell，它有一个UILabel，还有一个AVPlayer，它可以播放我需要实现的在线视频。问题是AVPlayer 无法使用自动布局来正确显示视频。
我相信，对于混合约束和帧布局，有实现UIView的方法。不过，我认为这个问题还有更多:视频没有载入init这一事实似乎存在问题。
UITableViewCell
import UIKit
import AVKit
import AVFoundation
class PlayerView: UIView {
var player: AVPlayer? {
get {
r
浏览 14提问于2020-01-18得票数 5
回答已采纳
我正在做一个基于的定制列表单元格(集合视图列表单元格)。我在单元格中手动添加视图的高度，但是我在Xcode的控制台中看到下面的警告，并且不确定要修复哪个部分。
[LayoutConstraints] Unable to simultaneously satisfy constraints.
Probably at least one of the constraints in the following list is one you don't want.
translatesAutoresizingMaskIntoConstraints)
(
&
浏览 3提问于2021-11-21得票数 2
回答已采纳
请原谅这个糟糕的标题。解释这一点的最好方法是直观地展示它。 因此，我有一个自定义的UITableViewCell，当加载视图控制器(带有表视图)时，单元格最终如下所示： ? 我也不知道为什么。如果我点击它，它会自动修复，如下所示： ? 我还注意到，只有当视图控制器加载时，单元格没有立即出现在屏幕上时，才会发生这种情况(也就是说，你必须向下滚动到它)。如果它是表格视图中的第一个单元格，则它将正确显示。 代码： class CustomTableViewCell: UITableViewCell {
let label1 = UILabel()
浏览 15提问于2021-06-30得票数 0
我需要在一个表视图中向图像添加一个目标，但是如果我不向contentView添加一个视图，它就不能工作。在那之后，我的约束就被打破了。
在之前
后
PostController
import Foundation
import UIKit
protocol AnswerhNetworkDelegate: AnyObject {
func getListModels(noteModels: [AnswerModel])
}
class PostController: UIViewController, UITableViewDelegate, UITableViewDataSour
浏览 8提问于2022-07-31得票数 0
正如一些专家如@DonMag所建议的那样，我在单独的控制器中设计视图，虽然试图这样做，但当我使用导航控制器时，顶部有一个导航栏，如果我尝试在单独的控制器中设计，然后将其视图添加到另一个控制器，safeAreaLayoutGuide不工作，视图附加到屏幕顶部而忽略安全区域 根据@Mohammad Azam提供的解决方案，DonMag解决方案也适用，谢谢 import UIKit
class NotesDesign: UIView {
override init(frame: CGRect) {
super.init(frame: frame)
com
浏览 29提问于2020-08-25得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
