Ionic3-System-Icons

Question

Ich habe eine Reihe von benutzerdefinierten System-Icons (Png-Dateien) und sie sind in Drawable-Xhdpi, Drawable-xxhdpi und Drawable-xxxhdpi Ordner für Android.

Jetzt ist meine Frage, wenn ich sie verwende, wie soll ich sie nennen? Zum Beispiel möchte ich, dass das System die richtige auswählen edit_pencil.png

Das ist, was ich im Moment habe und ich weiß, dass dies explizit die edit_pencil.png definieren, die ich nicht will. Könnte jemand helfen?

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

Answer 1

Wenn Sie ionische Rahmen verwenden, müssen Sie Ihre Bilder innerhalb src/ Ordner platzieren, wahrscheinlich src/assets/images.

Diese Plattformordner werden automatisch erstellt, wenn Sie also etwas dort platzieren, machen Sie einen Fehler.

ein Bild zu nennen wäre es

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

In Ihrem Fall, Sie arbeiten mit ansprechenden Bildern, so dass Sie einige @media Abfragen machen sollte das richtige zu nennen, zum Beispiel:

<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"); 
    } 
}