我正在使用 OpenWeatherMap 获取我的应用程序的天气数据。使用响应数据,openweather 正在发送天气图标代码,并且该代码的特定图标非常小,但我希望在主页中使用更大的图标.是否有任何替代方法可以从 OpenWeatherMap 获得更大的图标。
提前致谢。
我正在使用 OpenWeatherMap 获取我的应用程序的天气数据。使用响应数据,openweather 正在发送天气图标代码,并且该代码的特定图标非常小,但我希望在主页中使用更大的图标.是否有任何替代方法可以从 OpenWeatherMap 获得更大的图标。
提前致谢。
这个图标集更清晰。只需将文件夹从 w 更改为 wn 并在 .png 之前添加 @2x:
http://openweathermap.org/img/wn/ {天气?[0]?.Icon}@2x.png
检查此页面以获取所有图标(在@1x、@2x 和@3x 中)。下载它们并将它们添加到您的资产中,系统会自动为您找到合适的。
如果你愿意,你可以在 UIImageView 中增加它们,因为它们是png
,我不认为你会降低质量。
// Parameters x, y, width, height
var imageView = UIImageView(frame: CGRectMake(0, 0, 100, 100));
我能够像这样放大 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编码新手这里还在学习!!!
我在我的 UWP 应用程序中使用这些图标: http ://www.zephyros.wetter.com/apps_und_mehr/website/api/downloads/