Ionic3系统图标-Java 学习之路

我有自定义系统图标（png文件）的设置，它们是用于android的drawable-xhdpi，drawable-xxhdpi和drawable-xxxhdpi文件夹 .

现在我的问题是，当我使用它们时，我该怎么称呼它们？例如，我希望系统选择正确的edit_pencil.png

这就是我现在所拥有的，我知道这明确定义了我不想要的edit_pencil.png . 有人可以帮忙吗？

<img class="addPictureIcon" src="assets/img/drawable-xhdpi/edit_pencil.png" 
(click)="selectPicture()"/>

1 回答

当您使用离子框架时，您必须将图像放在 src/ 文件夹中，可能是 src/assets/images .

这些平台文件夹是自动创建的，所以如果你在那里放置任何东西，你就会犯错 .

要调用图像，它就是

<img src="src/assets/images/edit_pencil.png">

在您的情况下，您正在处理响应式图像，因此您应该进行一些 @media 查询以调用正确的图像，例如：

<img class="edit-pencil">

CSS

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
  img.edit-pencil {
    content:url("xsmall-edit_pencil.png");
  }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
  img.edit-pencil {
    content:url("small-edit_pencil.png");
  }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
  img.edit-pencil {
    content:url("medium-edit_pencil.png");
  }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
  img.edit-pencil {
    content:url("large-edit_pencil.png");
  }
}

回复于 2024-05-15T13:05:19+08:00

Ionic3系统图标

1 回答

相关问题