我正在使用OpenWeatherMap为我的应用程序获取天气数据。通过响应数据,OpenWeather发送了一个天气图标代码,他们为该代码提供了一个非常小的特定图标,但我希望在我的主页中使用一个更大的图标。有没有其他方法可以从OpenWeatherMap获取一个更大的图标?提前致谢。
woobm2wo1#
我在UWP应用中使用这些图标:http://www.zephyros.wetter.com/apps_und_mehr/website/api/downloads/
bn31dyow2#
检查this页面以获取所有图标(在@1x、@2x和@3x中)。下载它们并将它们添加到您的资产中,系统将自动为您获取正确的图标。你可以增加他们在你的UIImageView,如果你想,因为他们是png,我不认为你会降低质量。
png
// Parameters x, y, width, height var imageView = UIImageView(frame: CGRectMake(0, 0, 100, 100));
hgqdbh6s3#
这个图标集要清晰得多,只需将文件夹从w更改为wn,并在.png前添加@2x即可:https://openweathermap.org/img/wn/01d@2x.png
https://openweathermap.org/img/wn/01d@2x.png
r8uurelv4#
我可以放大png图标,如下所示:
const weatherIcon = document.querySelector(".weather-icon"); const iconURL = "http://openweathermap.org/img/wn/"; weatherIcon.src = iconURL + response.weather[0].icon + "@2x.png";
你应该也可以用@3x.png替换@2x.png。对我来说,最简单的方法是将它分解成单独的变量,然后将它们组合起来。这段代码在我的displayData函数中。我会将它放在显示数据的函数中。PS.编码新手还在学习!!!
@2x.png
displayData
4条答案
按热度按时间woobm2wo1#
我在UWP应用中使用这些图标:http://www.zephyros.wetter.com/apps_und_mehr/website/api/downloads/
bn31dyow2#
检查this页面以获取所有图标(在@1x、@2x和@3x中)。下载它们并将它们添加到您的资产中,系统将自动为您获取正确的图标。
你可以增加他们在你的UIImageView,如果你想,因为他们是
png
,我不认为你会降低质量。hgqdbh6s3#
这个图标集要清晰得多,只需将文件夹从w更改为wn,并在.png前添加@2x即可:
https://openweathermap.org/img/wn/01d@2x.png
r8uurelv4#
我可以放大png图标,如下所示:
你应该也可以用@3x.png替换
@2x.png
。对我来说,最简单的方法是将它分解成单独的变量,然后将它们组合起来。这段代码在我的displayData
函数中。我会将它放在显示数据的函数中。PS.编码新手还在学习!!!