android - Ionic - 如何为 Android 和 iOS 加载图像

Question

这是我第一次尝试制作移动应用程序，对此我还很陌生。到目前为止，我了解到您必须为不同的密度和显示器创建同一图像的多个图像。

对于 Android，您必须将它们放在名为 drawable-hdpi、drawable-mdpi 等的文件夹中。对于 iOS，您必须创建 2 张图片 - 一张用于视网膜，另一张用于非视网膜，并为视网膜文件名添加 @2x。

我对如何为此完成实现感到有点困惑。

我的图片文件夹结构是这样的，

Resources  
- Android
-- drawable-ldpi
  --- logo.png
-- drawable-mdpi
  --- logo.png
-- drawable-hdpi
  --- logo.png

- iOS
-- logo.png
-- logo@2x.png

那么 img 标签的 url 是什么样子的呢？

如果我放

<img src = "resources/android/drawable/logo.png">

我怎么说去哪里寻找 iOS 图像？

我对移动开发和 Ionic 还很陌生。

Answer 1

如果您使用的是 Ionic Framework，则不要在 Android/iOS 文件夹中放置任何内容。把你所有的图片放到 www/img。然后你只在 Ionic html 文件中引用它们，例如:

<img src="img/logo.png">

如果你运行 ionic build该框架将负责将文件发送到适当的 Android/iOS 文件夹。

How do I say where to look for the iOS image?

视情况而定。通常 Ionic 将 iOS 的图像文件放在两个文件夹中。

<强>1。项目文件夹/项目名称/资源

<强>2。项目文件夹/www/img

但是我上面说了，你不用担心iOS和Android镜像文件在哪里。该框架会负责这一点。