如何为iMessage Sticker App网格贴纸提供不同尺寸

我创建了一个 iOS iMessage 贴纸应用程序，根据苹果文档，我应该能够以三种不同尺寸之一显示贴纸。

但是，无论我将贴纸图像设置为什么尺寸（300px x 300px、408px x 408px、618px x 618px），它们仅显示为中间网格选项，每行三个贴纸。有谁知道如何解决这个问题，也许我错过了一些简单的事情？

关于这个主题的文档很少，因为它相当新。谢谢您的帮助。

文档链接：https://developer.apple.com/ios/ human-interface-guidelines/extensions/messaging/ https://developer.apple.com/ios/human-interface-guidelines/extensions/messaging/

导入 300x300、408x408 或 618x618 的图像只会影响对话中显示的贴纸大小（当作为初始消息发送或拖到现有消息气泡上时）。更改图像的尺寸不会影响其在网格布局中的方向。

要更改 StickerBrowserView 中的网格布局，您可以通过以下两种方式之一进行操作：

• 界面生成器

单击 StickerPack 文件夹，使其突出显示（或从包中选择任何贴纸），然后您可以从右侧属性检查器的下拉菜单中将“贴纸大小”选项更改为您喜欢的演示样式：小（2 列）、中型（3 列）或大型（4 列）。就这样！这会将每个贴纸更改为在布局中以这种方式显示。无论您以什么尺寸导入图像，您的应用程序都会将其缩小/放大到正确的尺寸，以便在所选布局中使用。

• 以编程方式

首先，设置一个新项目作为“消息应用程序”，然后创建一个新文件来子类 MSStickerBrowserViewController，创建数组来存储贴纸，加载/创建贴纸（同时将每个贴纸存储到贴纸数组中），并确保实现所需的 2 个MSStickerBrowserViewController 的数据源方法。为此，您只需将图像拖到扩展目录中即可。

子类文件.Swift

import UIKit
import Messages

class MyBrowserVC: MSStickerBrowserViewController {

    //create stickers array
    var stickers = [MSSticker]()

    //load assets into stickers array
    func loadStickers() {
        createSticker(asset: "boycott", localizedDescription: "boycottSticker")
        createSticker(asset: "alluminaughty", localizedDescription: "alluminaughtySticker")
        createSticker(asset: "beer", localizedDescription: "beerSticker")
    }

    //func to create sticker
    func createSticker(asset: String, localizedDescription: String) {

        //create url from assets in main bundle
        guard let stickerPath = Bundle.main.path(forResource: asset, ofType: "png") else {
            print("Couldn't create sticker path for", asset)
            return
        }
        let stickerURL = URL(fileURLWithPath: stickerPath)
        let sticker: MSSticker

        //create sticker from path(and localized description) and add to array
        do {
            try sticker = MSSticker(contentsOfFileURL: stickerURL,
                                 localizedDescription: localizedDescription)
            stickers.append(sticker)
        } catch {
            print(error)
            return
        }
    }

    //datasource methods
    override func numberOfStickers(in stickerBrowserView: MSStickerBrowserView) -> Int {
        return stickers.count
    }
    override func stickerBrowserView(_ stickerBrowserView: MSStickerBrowserView,
                                          stickerAt index: Int) -> MSSticker {
        return stickers[index]
    }
}

在您的 MessagesViewController 中（开始新项目时应该自动出现），从您的子类创建 BrowserVC 的实例，设置贴纸大小、browserVC 框架、将子视图添加到前面，并将贴纸加载到浏览器视图。

MessageViewController.swift

import UIKit
import Messages

class MessagesViewController: MSMessagesAppViewController {

    //create BrowserVC instance of Subclass
    var browserVC: MyBrowserVC!

    override func viewDidLoad() {
        super.viewDidLoad()

    //the next line of code is where you can adjust the "grid layout"
    //your options are: .small(2 columns), .regular(3 columns), or .large(4 columns)

        //instantiate browserVC with sticker size and set frame
        browserVC = MyBrowserVC(stickerSize: .regular)
        browserVC.view.frame = self.view.frame

        //send browserVC to front
        self.addChild(browserVC)
        browserVC.didMove(toParent: self)
        self.view.addSubview(browserVC.view)

        //load stickers onto the browser view
        browserVC.loadStickers()
        browserVC.stickerBrowserView.reloadData()
    }
}

欲了解更多信息，请查看全球开发者大会视频 https://developer.apple.com/videos/play/wwdc2016/204/去年在贴纸上发布！这是我开始学习制作贴纸，然后查看文档的地方！