1

我正在使用 OpenWeatherMap 获取我的应用程序的天气数据。使用响应数据,openweather 正在发送天气图标代码,并且该代码的特定图标非常小,但我希望在主页中使用更大的图标.是否有任何替代方法可以从 OpenWeatherMap 获得更大的图标。

提前致谢。

4

4 回答 4

2

这个图标集更清晰。只需将文件夹从 w 更改为 wn 并在 .png 之前添加 @2x:

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

于 2020-02-10T15:58:07.467 回答
2

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

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

// Parameters x, y, width, height
var imageView = UIImageView(frame: CGRectMake(0, 0, 100, 100));
于 2015-12-24T19:24:40.933 回答
0

我能够像这样放大 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函数中。我会把它放在显示数据的函数中。

PS编码新手这里还在学习!!!

于 2021-09-28T10:02:12.300 回答
-2

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

于 2017-04-11T13:26:50.747 回答