使用 Cloudinary 以编程方式管理图像 — iOS

mukti574

在我之前的一份工作中 我负责一个应用程序，它允许用户将图像下载到他们的手机中，并将它们设置为主屏幕、锁定屏幕或两者的背景。该应用程序需要使用以下命令拉取大型 JSON 文件所有图像信息，每个图像都有多个字段，例如标题、URL、创建日期等。

在主屏幕上，我必须呈现每个图像的缩略图（缩略图是较大图像的小图像表示）。点击缩略图将引导用户进入全屏显示图像的屏幕。

这两个屏幕已经需要 西班牙消费者手机号码列表 同一图像的多个版本。由于您无法使用缩略图来呈现全屏图像，因为您会得到像素化的结果，从而产生不良的用户体验。另一方面，我们不想在主屏幕上呈现全屏图像（我们在屏幕上显示许多图像），因为这会导致屏幕加载时间较长。这又是一个糟糕的用户体验。

除此之外，每个图像都有我们需要呈现的各种尺寸，并且我们不要忘记该应用程序支持具有不同屏幕尺寸的多种设备，iPhone、iPad 和 iPod，它们需要不同的图像尺寸。

那么我们该如何处理这个问题呢？我们有一张图像，但我们需要多种不同尺寸的图像。我们可以将其放在客户端并操作设备上的图像，但这效率不高。



我们可以要求服务器端（如果有的话）为每个图像提供多个 URL，但这将使 JSON 响应变得巨大且难以处理。

Cloudinary 是一个平台，可让您跨任何浏览器、设备和带宽快速轻松地创建、管理和交付数字体验。您需要做的第一件事是访问 Cloudinary 网站 并注册一个免费帐户。您可以在此处找到 iOS SDK 的 git 存储库 要将 Cloudinary 集成到您的应用程序中，您可以使用：

配置复制此标题的链接集成包后，我们需要设置 Cloudinary 对象。您的 API 密钥和云名称将显示在您创建帐户的仪表板中。象并准备使用，这就是 MAGIC 开始的地方。

上传您的资产复制此标题的链接
有多种方法可以通过 API 或 UI
UI 将资产上传到云 - 就像拖放到云中一样简单。

我们这里唯一缺少的是 上传预设。 上传预设是我们需要通过 UI 设置的字段。您可以通过访问 Cloudinary 网站、登录并单击右上角的设置图标来执行此操作。单击上传选项，向下滚动并添加新的上传预设。有很多选项可以自定义上传预设，但我不会在本博客中深入讨论它们。查看 Cloudinary Academy， 了解有关 Cloudinary API 的更多信息。

创建 上传预设后 ，请务必将其名称输入到upload函数的上传预设字段中。是的，就像将资产上传到您的云一样简单，一旦图像存在，我们就可以开始使用转换！
转换是我们可以对资产（图像、视频等）执行的操作，有很多转换，如果您想了解更多内容，而不仅仅是我在这里展示的示例，我建议访问 Cloudinary 的 文档。

转换复制此标题的链接
在本文的开头，我提出了这样的问题：我们拥有一项资产，但我们需要它具有多种不同的尺寸和纵横比。让我们看看如何使用 Cloudinary 的转换轻松实现这一目标：（我将使用名为 Sample 的资产）

让我解释一下上面的代码行。我们使用 cloudinary 之前创建的对象，调用该 createUrl() 函数并设置一个新的转换，在其中给出我们想要在图像中修改的所有参数。最后，我们 generate 使用资产名称（示例）进行调用。这行代码将生成以下 URL：正如我们所看到的，我们得到了我们想要的 250×250 缩略图，但结果还有待改进。图像中最有趣的物体“蜜蜂”被剪掉了。