OpenWeatherMap 中不同大小的天气图标

Question

我正在使用 OpenWeatherMap 获取我的天气数据 app.With 响应数据 openweather 正在发送一个天气图标代码，他们有一个非常小的代码的特定图标，但我想要一个更大的在我家使用的图标 page.Is 还有其他方法可以从 OpenWeatherMap 获得更大的图标。

提前致谢。

Answer 1

检查this 页面以获取所有图标（在@1x、@2x 和@3x 中）。下载它们并将它们添加到您的资产中，系统会自动为您找到合适的。

如果你愿意，你可以在你的 UIImageView 中增加它们，因为它们是 png，我不认为你会降低质量。

// Parameters x, y, width, height
var imageView = UIImageView(frame: CGRectMake(0, 0, 100, 100));

Answer 2

我在我的 UWP 应用程序中使用这些图标： http://www.zephyros.wetter.com/apps_und_mehr/website/api/downloads/

Answer 3

这个图标集清晰多了。只需将文件夹从 w 更改为 wn 并在 .png:

之前添加 @2x

http://openweathermap.org/img/wn/{天气?[0]?.图标}@2x.png

Answer 4

我可以像这样放大 png 图标：

const weatherIcon = document.querySelector(".weather-icon"); 
const iconURL = "http://openweathermap.org/img/wn/";
weatherIcon.src = iconURL + response.weather[0].icon + "@2x.png";

您应该能够将 @2x.png 替换为 @3x.png。对我来说，最简单的方法是将其分解为单独的变量，然后将它们组合起来。此代码在我的 displayData 函数中。我会把它放在显示数据的函数中。

P.S。编码新手在这里学习！！！

OpenWeatherMap 中不同大小的天气图标

Weather Icons of different Sizes in OpenWeatherMap

ios

objective-c

swift

icons

openweathermap