在UI中展示促销价格

准备工作：获取促销价格信息

在用户界面中展示促销价格是吸引用户订阅的关键一步。首先，你需要从 Product 对象中获取促销价格的详细信息。这包括促销的类型、价格以及持续时间。

StoreKit 2 极大地简化了这一过程。你将直接访问 Product.SubscriptionOffer 属性。

if let offer = product.subscriptionOffer {
    // 处理促销优惠
}

这个 offer 对象包含了所有你需要展示给用户的信息。

展示促销价格的策略

展示促销价格有多种策略，你可以根据你的应用设计选择最合适的一种。目标是清晰地传达优惠的价值。

• 直接显示折扣： 例如，“首月仅需 ¥6”。
• 突出节省金额： “节省 ¥20！”
• 结合原价对比： “原价 ¥30，现价 ¥10！”

选择一个能立即吸引用户注意力的展示方式至关重要。

实现 UI 展示逻辑

现在，让我们深入了解如何在 SwiftUI 视图中实现促销价格的展示。你将利用 Product 对象的 subscriptionOffer 属性。

struct SubscriptionView: View {
    let product: Product

    var body: some View {
        VStack {
            Text(product.displayName)
                .font(.title)
            Text(product.description)
                .font(.subheadline)

            if let offer = product.subscriptionOffer {
                // 促销价格展示区域
                Text("特别优惠！")
                    .font(.headline)
                    .foregroundColor(.green)
                Text(offer.period.localizedDescription) // 例如：“首月”
                Text(offer.price.formatted()) // 例如：“¥6.00”
            } else {
                Text(product.displayPrice) // 显示常规价格
            }

            Button("订阅") {
                // 订阅操作
            }
        }
    }
}

这段代码片段展示了如何根据是否存在促销优惠来动态调整 UI。如果 subscriptionOffer 存在，你就可以展示促销价格和周期。

优化用户体验

为了提供最佳的用户体验，请考虑以下几点：

• 清晰的文案： 使用简洁明了的语言描述优惠。避免使用行话。
• 视觉突出： 使用不同的颜色、字体大小或图标来突出促销信息。例如，绿色通常表示优惠。
• 易于理解： 确保用户一眼就能明白他们将获得什么优惠。

“数据显示，清晰且有吸引力的促销信息可以将转化率提高 15% 以上。这是一个巨大的机会！”

通过精心设计你的 UI，你将能够有效地传达促销优惠的价值，从而鼓励更多用户订阅。🚀 记住，每一次优化都是向成功迈进的一步！