Swift ui小部件预览

Question

如何将小部件的预览插入应用程序？

有人可以给我一些建议吗？

Answer 1

我使用 SwiftUI 做了一个 Widget 配置预览的简单版本。我使用了带有小 3D 旋转的 flow 并应用了阴影：

我将代码包含在名为 liveData 的自定义 RoundedRectangle 中：

View

用法很简单。只需在 Widget 视图中添加您想要的内容视图：

WidgetView

struct WidgetView<Content: View>: View {

    let content: Content

    init(@ViewBuilder content: () -> Content) {
        self.content = content()
    }

    var body: some View {
        ZStack {
            RoundedRectangle(cornerRadius: 24, style: .continuous)
                .fill(Color(.systemBackground))
            content
        }
        .frame(width: 162, height: 162)
        .rotation3DEffect(.degrees(10), axis: (x: 1, y: 1, z: 0))
        .shadow(color: Color(UIColor.systemGray), radius: 20, x: -5, y: 10)
    }

}