Gemeinsame Bilder, Fonts und Strings
compose-resources auf jeder Plattform verwenden
Gemeinsame Bilder, Fonts und Strings ist eine kostenlose Kotlin Multiplatform Academy-Lektion auf CoddyKit. Dies ist Lektion 3 von 4. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des Kotlin Multiplatform Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der Kotlin Multiplatform Academy-Kurs umfasst insgesamt 4 Lektionen.
Auch Assets sollten gemeinsam genutzt werden
Ihr Logo, Ihre Schriftarten, Ihre Beschriftungen: Warum sollten Sie sie zweimal ausliefern? compose-resources ermöglicht es jeder Plattform, dieselben Assets zu laden. 🖼️
Ein Ressourcenordner
Sie legen Assets in einem gemeinsam genutzten composeResources-Verzeichnis ab. Bilder, Schriftarten und Zeichenfolgen befinden sich für jedes Ziel an einem einzigen Ort.
Die Ressourcen-Konfiguration hinzufügen
Durch das Aktivieren von Ressourcen wird ein typisiertes Res-Objekt generiert. Sie greifen darüber statt über rohe Dateipfade auf Assets zu.
commonMain.dependencies {
implementation(compose.components.resources)
}Ordner nach Asset-Typ
Ressourcen werden in Ordner wie drawable, font und values gruppiert. Anhand der Namen weiß das Toolkit, wie die einzelnen Dateien behandelt werden sollen.
Ein gemeinsames Bild anzeigen
Laden Sie ein Drawable mit painterResource und dem generierten Res-Handle. Dasselbe Bild wird in beiden Apps dargestellt.
Image(
painter = painterResource(Res.drawable.logo),
contentDescription = "Logo"
)Eine benutzerdefinierte Schriftart bündeln
Legen Sie eine Schriftdatei im Ordner font ab und laden Sie sie anschließend mit Font und dem Res-Handle, um eine FontFamily zu erstellen.
val brand = FontFamily(Font(Res.font.inter_bold))Strings in einer Datei
Definieren Sie Ihre Texte in einer gemeinsamen strings.xml. Jedes Label erhält einen Schlüssel, und das Res-Objekt stellt ihn Ihrer UI bereit.
<string name="welcome">Welcome back!</string>Einen gemeinsamen String lesen
Sie rufen Texte mit stringResource und dem generierten Schlüssel ab. Keine fest codierten Labels mehr, die über verschiedene Bildschirme verstreut sind.
Text(stringResource(Res.string.welcome))Typsicherheit ohne Zusatzaufwand
Da Res generiert wird, führt ein Tippfehler im Namen eines Assets zu einem Kompilierfehler. Fehlende Ressourcen werden erkannt, bevor Ihre Nutzer darauf stoßen. ✅
Strings können Argumente enthalten
Fügen Sie Platzhalter in einen String ein und übergeben Sie die Werte beim Aufruf. Derselbe Aufruf von stringResource setzt sie automatisch ein.
Text(stringResource(Res.string.greeting, userName))Assets werden mit dem gemeinsamen Code ausgeliefert
Da die Ressourcen im gemeinsamen Modul liegen, erhält jede App, die Ihren Code verwendet, die Assets automatisch. Eine einzige Quelle der Wahrheit. 🙂
Schnelltest
Welche Funktion lädt ein gemeinsames Drawable in ein Compose Image?
Zusammenfassung: Gemeinsames Erscheinungsbild
Sie haben Bilder, Schriftarten und Strings einmalig abgelegt und mit dem generierten Res-Objekt geladen. Jede Plattform verwendet dieselbe Marke. 🎨
Häufig gestellte Fragen
Ist die Lektion „Gemeinsame Bilder, Fonts und Strings“ kostenlos?
Ja — der vollständige Text von „Gemeinsame Bilder, Fonts und Strings“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des Kotlin Multiplatform Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der Kotlin Multiplatform Academy-Kurs umfasst insgesamt 4 Lektionen.
Was lerne ich in „Gemeinsame Bilder, Fonts und Strings“?
compose-resources auf jeder Plattform verwenden Du übst Kotlin Multiplatform Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.
Brauche ich Erfahrung, um Kotlin Multiplatform Academy zu starten?
Keine Vorkenntnisse erforderlich. Kotlin Multiplatform Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 3 von 4.
Wie lange dauert die Lektion „Gemeinsame Bilder, Fonts und Strings“?
Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.
Kann ich in dieser Kotlin Multiplatform Academy-Lektion Code schreiben und ausführen?
Ja. Jede Kotlin Multiplatform Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.
Alle Lektionen in diesem Kurs
- Zwischen gemeinsamen Screens navigieren
- Argumente und Deep Links übergeben
- Gemeinsame Bilder, Fonts und Strings
- Gemeinsame UI-Texte lokalisieren