Site icon Embarcadero RAD Studio, Delphi, & C++Builder Blogs

Optimieren Sie Ihre Benutzeroberfläche mit Skia4Delphi – Webinar Replay

Jim McKeeth
skia4delphi
sk04-5467807-2
  • Sowohl JPEG als auch PNG sind Raster-/Bitmap-Bildformate
  • PNG ist verlustfrei, mit 100 % genauer Reproduktion des Bildes
  • JPEG ist verlustbehaftet und verliert bei jeder Bearbeitung oder Komprimierung etwas an Bildtreue

Größenvergleiche von Bilddateien

Vektoranimationen?

Lottie ist ein JSON-basiertes Animationsformat.

Name Type Size Relative
dev_coding.tgs tgs (zipped json) 55,834 –
dev_coding.mp4 mpeg4 (lossy) 373,642 7x
dev_coding.json lottie (json) 583,485 10x
dev_coding.gif gif (lossless) 5,020,259 90x

UI-Design

  • Erstellen Sie ein Projekt mit Skia4Delphi + Delphi 11
    • Erstellen Sie eine schöne Anwendung mit VCL oder FMX
  • Poste es auf GitHub
    • Fügen Sie Videos und Screenshots hinzu und teilen Sie sie dann in sozialen Medien.
  • Gewinnen Sie Preise und Anerkennung
    • Der Hauptpreis ist ein Apple M1 Mac Mini, sodass Sie von der großartigen neuen Unterstützung für Apple Silicon in Delphi 11 Alexandria profitieren können

Weitere Details folgen: blogs.embarcadero.com/?p=140459

VERFOLGEN SIE DAS PROJEKT

Weitere Links

Anmerkungen

  1. Für die Mac-Plattform ist die Leistung mit klassischem FMX ähnlich , wenn GlobalUseMetal true zusammen mit ist.GlobalUseSkia
  2. Unter iOS gibt es keinen Shared Link (Shared Libraries: dll, .so, .dylib), nur statisch (in diesem Fall .a). In dieser .a (entspricht .lib unter Windows) hat sie alle obj-Dateien generiert, allerdings ist die resultierende App trotz 60 MB viel kleiner, da sie nur zusammen mit den verwendeten Funktionen kompiliert wird. Mit anderen Worten, es ist üblich, dass statische Bibliotheken größer sind als gemeinsam genutzte Bibliotheken, aber die resultierende Ausgabe ist viel kleiner und nicht größer als die normale Größe einer gemeinsam genutzten Bibliothek.

Warum Vektorformate?

  • Viel kleinere Dateigrößen
  • Unendlich skalierbar und skalierbar
  • Glattere Animationen
  • Einfachere Bearbeitung und Anpassung

Warum Vektorgrafiken?

SVG-Quelle ist XML (was sich leicht per Zip komprimieren lässt)

PNG und JPEG sind Binär (bereits komprimiert)

  • Sowohl JPEG als auch PNG sind Raster-/Bitmap-Bildformate
  • PNG ist verlustfrei, mit 100 % genauer Reproduktion des Bildes
  • JPEG ist verlustbehaftet und verliert bei jeder Bearbeitung oder Komprimierung etwas an Bildtreue

Größenvergleiche von Bilddateien

Vektoranimationen?

Lottie ist ein JSON-basiertes Animationsformat.

Name Type Size Relative
dev_coding.tgs tgs (zipped json) 55,834 –
dev_coding.mp4 mpeg4 (lossy) 373,642 7x
dev_coding.json lottie (json) 583,485 10x
dev_coding.gif gif (lossless) 5,020,259 90x

UI-Design

  • Erstellen Sie ein Projekt mit Skia4Delphi + Delphi 11
    • Erstellen Sie eine schöne Anwendung mit VCL oder FMX
  • Poste es auf GitHub
    • Fügen Sie Videos und Screenshots hinzu und teilen Sie sie dann in sozialen Medien.
  • Gewinnen Sie Preise und Anerkennung
    • Der Hauptpreis ist ein Apple M1 Mac Mini, sodass Sie von der großartigen neuen Unterstützung für Apple Silicon in Delphi 11 Alexandria profitieren können

Weitere Details folgen: blogs.embarcadero.com/?p=140459

VERFOLGEN SIE DAS PROJEKT

Weitere Links

Anmerkungen

  1. Für die Mac-Plattform ist die Leistung mit klassischem FMX ähnlich , wenn GlobalUseMetal true zusammen mit ist.GlobalUseSkia
  2. Unter iOS gibt es keinen Shared Link (Shared Libraries: dll, .so, .dylib), nur statisch (in diesem Fall .a). In dieser .a (entspricht .lib unter Windows) hat sie alle obj-Dateien generiert, allerdings ist die resultierende App trotz 60 MB viel kleiner, da sie nur zusammen mit den verwendeten Funktionen kompiliert wird. Mit anderen Worten, es ist üblich, dass statische Bibliotheken größer sind als gemeinsam genutzte Bibliotheken, aber die resultierende Ausgabe ist viel kleiner und nicht größer als die normale Größe einer gemeinsam genutzten Bibliothek.

SVG-Vorteile

  • Auflösungsunabhängig und skalierbar
  • Styling (kann leicht die Farbe ändern)
  • Viel kleinere Datei
  • Bevorzugen Sie für Symbole immer SVG gegenüber statischen Bildern wie PNG
  • Tausende kostenlose Symbole und Bilder im Internet verfügbar

Lottie-Animationsvorteile

Warum Vektorformate?

  • Viel kleinere Dateigrößen
  • Unendlich skalierbar und skalierbar
  • Glattere Animationen
  • Einfachere Bearbeitung und Anpassung

Warum Vektorgrafiken?

SVG-Quelle ist XML (was sich leicht per Zip komprimieren lässt)

PNG und JPEG sind Binär (bereits komprimiert)

  • Sowohl JPEG als auch PNG sind Raster-/Bitmap-Bildformate
  • PNG ist verlustfrei, mit 100 % genauer Reproduktion des Bildes
  • JPEG ist verlustbehaftet und verliert bei jeder Bearbeitung oder Komprimierung etwas an Bildtreue

Größenvergleiche von Bilddateien

Vektoranimationen?

Lottie ist ein JSON-basiertes Animationsformat.

Name Type Size Relative
dev_coding.tgs tgs (zipped json) 55,834 –
dev_coding.mp4 mpeg4 (lossy) 373,642 7x
dev_coding.json lottie (json) 583,485 10x
dev_coding.gif gif (lossless) 5,020,259 90x

UI-Design

  • Erstellen Sie ein Projekt mit Skia4Delphi + Delphi 11
    • Erstellen Sie eine schöne Anwendung mit VCL oder FMX
  • Poste es auf GitHub
    • Fügen Sie Videos und Screenshots hinzu und teilen Sie sie dann in sozialen Medien.
  • Gewinnen Sie Preise und Anerkennung
    • Der Hauptpreis ist ein Apple M1 Mac Mini, sodass Sie von der großartigen neuen Unterstützung für Apple Silicon in Delphi 11 Alexandria profitieren können

Weitere Details folgen: blogs.embarcadero.com/?p=140459

VERFOLGEN SIE DAS PROJEKT

Weitere Links

Anmerkungen

  1. Für die Mac-Plattform ist die Leistung mit klassischem FMX ähnlich , wenn GlobalUseMetal true zusammen mit ist.GlobalUseSkia
  2. Unter iOS gibt es keinen Shared Link (Shared Libraries: dll, .so, .dylib), nur statisch (in diesem Fall .a). In dieser .a (entspricht .lib unter Windows) hat sie alle obj-Dateien generiert, allerdings ist die resultierende App trotz 60 MB viel kleiner, da sie nur zusammen mit den verwendeten Funktionen kompiliert wird. Mit anderen Worten, es ist üblich, dass statische Bibliotheken größer sind als gemeinsam genutzte Bibliotheken, aber die resultierende Ausgabe ist viel kleiner und nicht größer als die normale Größe einer gemeinsam genutzten Bibliothek.

Die Architektur

  • Verwendet eine benutzerdefinierte Version der Skia-Bibliothek
    • Sie können die Quelle selbst anzeigen und ändern
  • Bereitgestellt über Deployment Manager
    • Klicken Sie einfach mit der rechten Maustaste auf „Skia aktivieren“, um es zum Deployment Manager hinzuzufügen.
  • Native Bibliotheken für alle Plattformen
    • OSXARM64, Win32, Win64, Android, Android64, iOSDevice64, Linux64 und OSX64
  • Delphi-Komponenten und -Bibliotheken
    • Die auf Tool Palette für VCL und FMX installierten Komponenten, wobei die Bibliothek dem Suchpfad hinzugefügt wurde

Redistributables

Platform Library Size
Win32 sk4d.dll 18 mb
Win64 sk4d.dll 18 mb
Android libsk4d.so 19 mb
Android64 libsk4d.so 24 mb
iOSDevice64 sk4d.a 60 mb
Ubuntu64 libsk4d.so 22 mb
RedHat64 libsk4d.so 22 mb
OSX64 sk4d.dylib 20 mb
OSXARM64 sk4d.dylib 19 mb
Sizes based on v3.4.0 for 11.1 Alexandria

Renderqualität

Aliased vs. Anti-aliased

Die Zeichenqualität wird in einigen Szenarien erheblich verbessert

SVG-Vorteile

  • Auflösungsunabhängig und skalierbar
  • Styling (kann leicht die Farbe ändern)
  • Viel kleinere Datei
  • Bevorzugen Sie für Symbole immer SVG gegenüber statischen Bildern wie PNG
  • Tausende kostenlose Symbole und Bilder im Internet verfügbar

Lottie-Animationsvorteile

Warum Vektorformate?

  • Viel kleinere Dateigrößen
  • Unendlich skalierbar und skalierbar
  • Glattere Animationen
  • Einfachere Bearbeitung und Anpassung

Warum Vektorgrafiken?

SVG-Quelle ist XML (was sich leicht per Zip komprimieren lässt)

PNG und JPEG sind Binär (bereits komprimiert)

  • Sowohl JPEG als auch PNG sind Raster-/Bitmap-Bildformate
  • PNG ist verlustfrei, mit 100 % genauer Reproduktion des Bildes
  • JPEG ist verlustbehaftet und verliert bei jeder Bearbeitung oder Komprimierung etwas an Bildtreue

Größenvergleiche von Bilddateien

Vektoranimationen?

Lottie ist ein JSON-basiertes Animationsformat.

Name Type Size Relative
dev_coding.tgs tgs (zipped json) 55,834 –
dev_coding.mp4 mpeg4 (lossy) 373,642 7x
dev_coding.json lottie (json) 583,485 10x
dev_coding.gif gif (lossless) 5,020,259 90x

UI-Design

  • Erstellen Sie ein Projekt mit Skia4Delphi + Delphi 11
    • Erstellen Sie eine schöne Anwendung mit VCL oder FMX
  • Poste es auf GitHub
    • Fügen Sie Videos und Screenshots hinzu und teilen Sie sie dann in sozialen Medien.
  • Gewinnen Sie Preise und Anerkennung
    • Der Hauptpreis ist ein Apple M1 Mac Mini, sodass Sie von der großartigen neuen Unterstützung für Apple Silicon in Delphi 11 Alexandria profitieren können

Weitere Details folgen: blogs.embarcadero.com/?p=140459

VERFOLGEN SIE DAS PROJEKT

Weitere Links

Anmerkungen

  1. Für die Mac-Plattform ist die Leistung mit klassischem FMX ähnlich , wenn GlobalUseMetal true zusammen mit ist.GlobalUseSkia
  2. Unter iOS gibt es keinen Shared Link (Shared Libraries: dll, .so, .dylib), nur statisch (in diesem Fall .a). In dieser .a (entspricht .lib unter Windows) hat sie alle obj-Dateien generiert, allerdings ist die resultierende App trotz 60 MB viel kleiner, da sie nur zusammen mit den verwendeten Funktionen kompiliert wird. Mit anderen Worten, es ist üblich, dass statische Bibliotheken größer sind als gemeinsam genutzte Bibliotheken, aber die resultierende Ausgabe ist viel kleiner und nicht größer als die normale Größe einer gemeinsam genutzten Bibliothek.

Kompatibilität

  • Delphi 11+: Alle Plattformen
  • Delphi 10.3+: Windows & Android
  • Delphi XE7+: Windows

Erhältlich über …

Skia4Delphi-Bibliothek

App-Rendering-Benchm

Die Architektur

  • Verwendet eine benutzerdefinierte Version der Skia-Bibliothek
    • Sie können die Quelle selbst anzeigen und ändern
  • Bereitgestellt über Deployment Manager
    • Klicken Sie einfach mit der rechten Maustaste auf „Skia aktivieren“, um es zum Deployment Manager hinzuzufügen.
  • Native Bibliotheken für alle Plattformen
    • OSXARM64, Win32, Win64, Android, Android64, iOSDevice64, Linux64 und OSX64
  • Delphi-Komponenten und -Bibliotheken
    • Die auf Tool Palette für VCL und FMX installierten Komponenten, wobei die Bibliothek dem Suchpfad hinzugefügt wurde

Redistributables

Platform Library Size
Win32 sk4d.dll 18 mb
Win64 sk4d.dll 18 mb
Android libsk4d.so 19 mb
Android64 libsk4d.so 24 mb
iOSDevice64 sk4d.a 60 mb
Ubuntu64 libsk4d.so 22 mb
RedHat64 libsk4d.so 22 mb
OSX64 sk4d.dylib 20 mb
OSXARM64 sk4d.dylib 19 mb
Sizes based on v3.4.0 for 11.1 Alexandria

Renderqualität

Aliased vs. Anti-aliased

Die Zeichenqualität wird in einigen Szenarien erheblich verbessert

SVG-Vorteile

  • Auflösungsunabhängig und skalierbar
  • Styling (kann leicht die Farbe ändern)
  • Viel kleinere Datei
  • Bevorzugen Sie für Symbole immer SVG gegenüber statischen Bildern wie PNG
  • Tausende kostenlose Symbole und Bilder im Internet verfügbar

Lottie-Animationsvorteile

Warum Vektorformate?

  • Viel kleinere Dateigrößen
  • Unendlich skalierbar und skalierbar
  • Glattere Animationen
  • Einfachere Bearbeitung und Anpassung

Warum Vektorgrafiken?

SVG-Quelle ist XML (was sich leicht per Zip komprimieren lässt)

PNG und JPEG sind Binär (bereits komprimiert)

  • Sowohl JPEG als auch PNG sind Raster-/Bitmap-Bildformate
  • PNG ist verlustfrei, mit 100 % genauer Reproduktion des Bildes
  • JPEG ist verlustbehaftet und verliert bei jeder Bearbeitung oder Komprimierung etwas an Bildtreue

Größenvergleiche von Bilddateien

Vektoranimationen?

Lottie ist ein JSON-basiertes Animationsformat.

Name Type Size Relative
dev_coding.tgs tgs (zipped json) 55,834 –
dev_coding.mp4 mpeg4 (lossy) 373,642 7x
dev_coding.json lottie (json) 583,485 10x
dev_coding.gif gif (lossless) 5,020,259 90x

UI-Design

  • Erstellen Sie ein Projekt mit Skia4Delphi + Delphi 11
    • Erstellen Sie eine schöne Anwendung mit VCL oder FMX
  • Poste es auf GitHub
    • Fügen Sie Videos und Screenshots hinzu und teilen Sie sie dann in sozialen Medien.
  • Gewinnen Sie Preise und Anerkennung
    • Der Hauptpreis ist ein Apple M1 Mac Mini, sodass Sie von der großartigen neuen Unterstützung für Apple Silicon in Delphi 11 Alexandria profitieren können

Weitere Details folgen: blogs.embarcadero.com/?p=140459

VERFOLGEN SIE DAS PROJEKT

Weitere Links

Anmerkungen

  1. Für die Mac-Plattform ist die Leistung mit klassischem FMX ähnlich , wenn GlobalUseMetal true zusammen mit ist.GlobalUseSkia
  2. Unter iOS gibt es keinen Shared Link (Shared Libraries: dll, .so, .dylib), nur statisch (in diesem Fall .a). In dieser .a (entspricht .lib unter Windows) hat sie alle obj-Dateien generiert, allerdings ist die resultierende App trotz 60 MB viel kleiner, da sie nur zusammen mit den verwendeten Funktionen kompiliert wird. Mit anderen Worten, es ist üblich, dass statische Bibliotheken größer sind als gemeinsam genutzte Bibliotheken, aber die resultierende Ausgabe ist viel kleiner und nicht größer als die normale Größe einer gemeinsam genutzten Bibliothek.

Skifahren für Delphi

Kompatibilität

  • Delphi 11+: Alle Plattformen
  • Delphi 10.3+: Windows & Android
  • Delphi XE7+: Windows

Erhältlich über …

Skia4Delphi-Bibliothek

App-Rendering-Benchm

Die Architektur

  • Verwendet eine benutzerdefinierte Version der Skia-Bibliothek
    • Sie können die Quelle selbst anzeigen und ändern
  • Bereitgestellt über Deployment Manager
    • Klicken Sie einfach mit der rechten Maustaste auf „Skia aktivieren“, um es zum Deployment Manager hinzuzufügen.
  • Native Bibliotheken für alle Plattformen
    • OSXARM64, Win32, Win64, Android, Android64, iOSDevice64, Linux64 und OSX64
  • Delphi-Komponenten und -Bibliotheken
    • Die auf Tool Palette für VCL und FMX installierten Komponenten, wobei die Bibliothek dem Suchpfad hinzugefügt wurde

Redistributables

Platform Library Size
Win32 sk4d.dll 18 mb
Win64 sk4d.dll 18 mb
Android libsk4d.so 19 mb
Android64 libsk4d.so 24 mb
iOSDevice64 sk4d.a 60 mb
Ubuntu64 libsk4d.so 22 mb
RedHat64 libsk4d.so 22 mb
OSX64 sk4d.dylib 20 mb
OSXARM64 sk4d.dylib 19 mb
Sizes based on v3.4.0 for 11.1 Alexandria

Renderqualität

Aliased vs. Anti-aliased

Die Zeichenqualität wird in einigen Szenarien erheblich verbessert

SVG-Vorteile

  • Auflösungsunabhängig und skalierbar
  • Styling (kann leicht die Farbe ändern)
  • Viel kleinere Datei
  • Bevorzugen Sie für Symbole immer SVG gegenüber statischen Bildern wie PNG
  • Tausende kostenlose Symbole und Bilder im Internet verfügbar

Lottie-Animationsvorteile

Warum Vektorformate?

  • Viel kleinere Dateigrößen
  • Unendlich skalierbar und skalierbar
  • Glattere Animationen
  • Einfachere Bearbeitung und Anpassung

Warum Vektorgrafiken?

SVG-Quelle ist XML (was sich leicht per Zip komprimieren lässt)

PNG und JPEG sind Binär (bereits komprimiert)

  • Sowohl JPEG als auch PNG sind Raster-/Bitmap-Bildformate
  • PNG ist verlustfrei, mit 100 % genauer Reproduktion des Bildes
  • JPEG ist verlustbehaftet und verliert bei jeder Bearbeitung oder Komprimierung etwas an Bildtreue

Größenvergleiche von Bilddateien

Vektoranimationen?

Lottie ist ein JSON-basiertes Animationsformat.

Name Type Size Relative
dev_coding.tgs tgs (zipped json) 55,834 –
dev_coding.mp4 mpeg4 (lossy) 373,642 7x
dev_coding.json lottie (json) 583,485 10x
dev_coding.gif gif (lossless) 5,020,259 90x

UI-Design

  • Erstellen Sie ein Projekt mit Skia4Delphi + Delphi 11
    • Erstellen Sie eine schöne Anwendung mit VCL oder FMX
  • Poste es auf GitHub
    • Fügen Sie Videos und Screenshots hinzu und teilen Sie sie dann in sozialen Medien.
  • Gewinnen Sie Preise und Anerkennung
    • Der Hauptpreis ist ein Apple M1 Mac Mini, sodass Sie von der großartigen neuen Unterstützung für Apple Silicon in Delphi 11 Alexandria profitieren können

Weitere Details folgen: blogs.embarcadero.com/?p=140459

VERFOLGEN SIE DAS PROJEKT

Weitere Links

Anmerkungen

  1. Für die Mac-Plattform ist die Leistung mit klassischem FMX ähnlich , wenn GlobalUseMetal true zusammen mit ist.GlobalUseSkia
  2. Unter iOS gibt es keinen Shared Link (Shared Libraries: dll, .so, .dylib), nur statisch (in diesem Fall .a). In dieser .a (entspricht .lib unter Windows) hat sie alle obj-Dateien generiert, allerdings ist die resultierende App trotz 60 MB viel kleiner, da sie nur zusammen mit den verwendeten Funktionen kompiliert wird. Mit anderen Worten, es ist üblich, dass statische Bibliotheken größer sind als gemeinsam genutzte Bibliotheken, aber die resultierende Ausgabe ist viel kleiner und nicht größer als die normale Größe einer gemeinsam genutzten Bibliothek.

Über Skia4Delphi

  • Open Source
    • Verwendet einen modifizierten Fork von Googles Skia
  • Plattformübergreifend und Multi-Framework
  • 2D-Grafikbibliothek für Delphi
  • Zeichnung
    • Text
    • Animationen
    • Bilder
  • Fokus auf Qualität & Leistung

Die Köpfe hinter Skia4Delphi

Skifahren für Delphi

Kompatibilität

  • Delphi 11+: Alle Plattformen
  • Delphi 10.3+: Windows & Android
  • Delphi XE7+: Windows

Erhältlich über …

Skia4Delphi-Bibliothek

App-Rendering-Benchm

Die Architektur

  • Verwendet eine benutzerdefinierte Version der Skia-Bibliothek
    • Sie können die Quelle selbst anzeigen und ändern
  • Bereitgestellt über Deployment Manager
    • Klicken Sie einfach mit der rechten Maustaste auf „Skia aktivieren“, um es zum Deployment Manager hinzuzufügen.
  • Native Bibliotheken für alle Plattformen
    • OSXARM64, Win32, Win64, Android, Android64, iOSDevice64, Linux64 und OSX64
  • Delphi-Komponenten und -Bibliotheken
    • Die auf Tool Palette für VCL und FMX installierten Komponenten, wobei die Bibliothek dem Suchpfad hinzugefügt wurde

Redistributables

Platform Library Size
Win32 sk4d.dll 18 mb
Win64 sk4d.dll 18 mb
Android libsk4d.so 19 mb
Android64 libsk4d.so 24 mb
iOSDevice64 sk4d.a 60 mb
Ubuntu64 libsk4d.so 22 mb
RedHat64 libsk4d.so 22 mb
OSX64 sk4d.dylib 20 mb
OSXARM64 sk4d.dylib 19 mb
Sizes based on v3.4.0 for 11.1 Alexandria

Renderqualität

Aliased vs. Anti-aliased

Die Zeichenqualität wird in einigen Szenarien erheblich verbessert

SVG-Vorteile

  • Auflösungsunabhängig und skalierbar
  • Styling (kann leicht die Farbe ändern)
  • Viel kleinere Datei
  • Bevorzugen Sie für Symbole immer SVG gegenüber statischen Bildern wie PNG
  • Tausende kostenlose Symbole und Bilder im Internet verfügbar

Lottie-Animationsvorteile

Warum Vektorformate?

  • Viel kleinere Dateigrößen
  • Unendlich skalierbar und skalierbar
  • Glattere Animationen
  • Einfachere Bearbeitung und Anpassung

Warum Vektorgrafiken?

SVG-Quelle ist XML (was sich leicht per Zip komprimieren lässt)

PNG und JPEG sind Binär (bereits komprimiert)

  • Sowohl JPEG als auch PNG sind Raster-/Bitmap-Bildformate
  • PNG ist verlustfrei, mit 100 % genauer Reproduktion des Bildes
  • JPEG ist verlustbehaftet und verliert bei jeder Bearbeitung oder Komprimierung etwas an Bildtreue

Größenvergleiche von Bilddateien

Vektoranimationen?

Lottie ist ein JSON-basiertes Animationsformat.

Name Type Size Relative
dev_coding.tgs tgs (zipped json) 55,834 –
dev_coding.mp4 mpeg4 (lossy) 373,642 7x
dev_coding.json lottie (json) 583,485 10x
dev_coding.gif gif (lossless) 5,020,259 90x

UI-Design

  • Erstellen Sie ein Projekt mit Skia4Delphi + Delphi 11
    • Erstellen Sie eine schöne Anwendung mit VCL oder FMX
  • Poste es auf GitHub
    • Fügen Sie Videos und Screenshots hinzu und teilen Sie sie dann in sozialen Medien.
  • Gewinnen Sie Preise und Anerkennung
    • Der Hauptpreis ist ein Apple M1 Mac Mini, sodass Sie von der großartigen neuen Unterstützung für Apple Silicon in Delphi 11 Alexandria profitieren können

Weitere Details folgen: blogs.embarcadero.com/?p=140459

VERFOLGEN SIE DAS PROJEKT

Weitere Links

Anmerkungen

  1. Für die Mac-Plattform ist die Leistung mit klassischem FMX ähnlich , wenn GlobalUseMetal true zusammen mit ist.GlobalUseSkia
  2. Unter iOS gibt es keinen Shared Link (Shared Libraries: dll, .so, .dylib), nur statisch (in diesem Fall .a). In dieser .a (entspricht .lib unter Windows) hat sie alle obj-Dateien generiert, allerdings ist die resultierende App trotz 60 MB viel kleiner, da sie nur zusammen mit den verwendeten Funktionen kompiliert wird. Mit anderen Worten, es ist üblich, dass statische Bibliotheken größer sind als gemeinsam genutzte Bibliotheken, aber die resultierende Ausgabe ist viel kleiner und nicht größer als die normale Größe einer gemeinsam genutzten Bibliothek.

Skia-Plattformen:

  • Alle beliebtesten Plattformen der Welt, wie zum Beispiel:
    • Windows
    • Mac OS
    • iOS (einschließlich Simulator)
    • Android (einschließlich Simulator)
    • Linux (Hauptdistributionen)
    • FuschiaOS
    • Tizen
    • tvOS
    • watchOS

Skia-Funktionen

Über Skia4Delphi

  • Open Source
    • Verwendet einen modifizierten Fork von Googles Skia
  • Plattformübergreifend und Multi-Framework
  • 2D-Grafikbibliothek für Delphi
  • Zeichnung
    • Text
    • Animationen
    • Bilder
  • Fokus auf Qualität & Leistung

Die Köpfe hinter Skia4Delphi

Skifahren für Delphi

Kompatibilität

  • Delphi 11+: Alle Plattformen
  • Delphi 10.3+: Windows & Android
  • Delphi XE7+: Windows

Erhältlich über …

Skia4Delphi-Bibliothek

App-Rendering-Benchm

Die Architektur

  • Verwendet eine benutzerdefinierte Version der Skia-Bibliothek
    • Sie können die Quelle selbst anzeigen und ändern
  • Bereitgestellt über Deployment Manager
    • Klicken Sie einfach mit der rechten Maustaste auf „Skia aktivieren“, um es zum Deployment Manager hinzuzufügen.
  • Native Bibliotheken für alle Plattformen
    • OSXARM64, Win32, Win64, Android, Android64, iOSDevice64, Linux64 und OSX64
  • Delphi-Komponenten und -Bibliotheken
    • Die auf Tool Palette für VCL und FMX installierten Komponenten, wobei die Bibliothek dem Suchpfad hinzugefügt wurde

Redistributables

Platform Library Size
Win32 sk4d.dll 18 mb
Win64 sk4d.dll 18 mb
Android libsk4d.so 19 mb
Android64 libsk4d.so 24 mb
iOSDevice64 sk4d.a 60 mb
Ubuntu64 libsk4d.so 22 mb
RedHat64 libsk4d.so 22 mb
OSX64 sk4d.dylib 20 mb
OSXARM64 sk4d.dylib 19 mb
Sizes based on v3.4.0 for 11.1 Alexandria

Renderqualität

Aliased vs. Anti-aliased

Die Zeichenqualität wird in einigen Szenarien erheblich verbessert

SVG-Vorteile

  • Auflösungsunabhängig und skalierbar
  • Styling (kann leicht die Farbe ändern)
  • Viel kleinere Datei
  • Bevorzugen Sie für Symbole immer SVG gegenüber statischen Bildern wie PNG
  • Tausende kostenlose Symbole und Bilder im Internet verfügbar

Lottie-Animationsvorteile

Warum Vektorformate?

  • Viel kleinere Dateigrößen
  • Unendlich skalierbar und skalierbar
  • Glattere Animationen
  • Einfachere Bearbeitung und Anpassung

Warum Vektorgrafiken?

SVG-Quelle ist XML (was sich leicht per Zip komprimieren lässt)

PNG und JPEG sind Binär (bereits komprimiert)

  • Sowohl JPEG als auch PNG sind Raster-/Bitmap-Bildformate
  • PNG ist verlustfrei, mit 100 % genauer Reproduktion des Bildes
  • JPEG ist verlustbehaftet und verliert bei jeder Bearbeitung oder Komprimierung etwas an Bildtreue

Größenvergleiche von Bilddateien

Vektoranimationen?

Lottie ist ein JSON-basiertes Animationsformat.

Name Type Size Relative
dev_coding.tgs tgs (zipped json) 55,834 –
dev_coding.mp4 mpeg4 (lossy) 373,642 7x
dev_coding.json lottie (json) 583,485 10x
dev_coding.gif gif (lossless) 5,020,259 90x

UI-Design

  • Erstellen Sie ein Projekt mit Skia4Delphi + Delphi 11
    • Erstellen Sie eine schöne Anwendung mit VCL oder FMX
  • Poste es auf GitHub
    • Fügen Sie Videos und Screenshots hinzu und teilen Sie sie dann in sozialen Medien.
  • Gewinnen Sie Preise und Anerkennung
    • Der Hauptpreis ist ein Apple M1 Mac Mini, sodass Sie von der großartigen neuen Unterstützung für Apple Silicon in Delphi 11 Alexandria profitieren können

Weitere Details folgen: blogs.embarcadero.com/?p=140459

VERFOLGEN SIE DAS PROJEKT

Weitere Links

Anmerkungen

  1. Für die Mac-Plattform ist die Leistung mit klassischem FMX ähnlich , wenn GlobalUseMetal true zusammen mit ist.GlobalUseSkia
  2. Unter iOS gibt es keinen Shared Link (Shared Libraries: dll, .so, .dylib), nur statisch (in diesem Fall .a). In dieser .a (entspricht .lib unter Windows) hat sie alle obj-Dateien generiert, allerdings ist die resultierende App trotz 60 MB viel kleiner, da sie nur zusammen mit den verwendeten Funktionen kompiliert wird. Mit anderen Worten, es ist üblich, dass statische Bibliotheken größer sind als gemeinsam genutzte Bibliotheken, aber die resultierende Ausgabe ist viel kleiner und nicht größer als die normale Größe einer gemeinsam genutzten Bibliothek.

Was haben Google Chrome, Mozilla Firefox, Chrome OS, Android, Flutter und Delphi gemeinsam? Sie haben dank Skia eine beschleunigte Grafik. Diese leistungsstarke, plattformübergreifende 2D-Grafikbibliothek erobert die Entwicklungswelt im Sturm. Es funktioniert mit VCL und FireMonkey auf jeder von Delphi unterstützten Plattform. Eine einzige Codezeile kann Ihre bestehenden FireMonkey-Anwendungen beschleunigen oder sie erweitern und neue Funktionen für atemberaubende Benutzeroberflächen freischalten.

Skia4Delphi ist ein Open-Source-Projekt der Spirit of Delphi-Preisträger und Brüder Paulo César Botelho Barbosa und Vinícius Felipe Botelho Barbosa. Wie nutzen Sie also Skia4Delphi und bringen Ihre Anwendungsentwicklung auf die nächste Stufe? Sie sind an der richtigen Stelle.

Hier sind ein paar kürzere Videos oder Sie können sich die vollständige Wiederholung ansehen :

Skia4Delphi Webinar SlidesDownload
 

Was ist Skia, möchten Sie fragen?

Stellen Sie sich vor, Sie sind ein Softwareentwickler, der heute alle wichtigen Plattformen erreichen muss. Ihre traditionellen Entscheidungen sind:

  • Einheimisch
    • Direkter Zugriff auf die Hardware
    • Separater Code für jede Plattform
    • Bessere Benutzererfahrung auf Kosten der Entwicklerproduktivität
  • Internet/Cloud
    • Meist geteilter Code
    • Losgelöst von der Hardware
    • Höhere Entwicklerproduktivität auf Kosten der Benutzererfahrung
 

Aber jetzt haben wir … FireMonkey

  • Native Compiled – direkter Zugriff auf die Hardware der Plattform
  • Multi-Plattform – eine Codebasis für alle Plattformen
  • Komponentenbasierter visueller Designer – maximieren Sie die Entwicklerproduktivität

Wie passt Skia hier rein? Wir stellen vor… Google Skia

  • Google Skia ist die Open-Source-Grafik-Engine für Google Chrome, Android, Flutter, Xamarin, Firefox und viele andere.
  • Es bietet gemeinsame 2D-APIs, die auf einer Vielzahl von Plattformen funktionieren, abstrahiert die Komplexität bei der Implementierung von Low-Level-Bibliotheken, die es dahinter verwendet, wie Vulkan, DirectX, Metal und andere, und implementiert viele Optimierungen und neue Funktionen.

Skia-Plattformen:

  • Alle beliebtesten Plattformen der Welt, wie zum Beispiel:
    • Windows
    • Mac OS
    • iOS (einschließlich Simulator)
    • Android (einschließlich Simulator)
    • Linux (Hauptdistributionen)
    • FuschiaOS
    • Tizen
    • tvOS
    • watchOS

Skia-Funktionen

Über Skia4Delphi

  • Open Source
    • Verwendet einen modifizierten Fork von Googles Skia
  • Plattformübergreifend und Multi-Framework
  • 2D-Grafikbibliothek für Delphi
  • Zeichnung
    • Text
    • Animationen
    • Bilder
  • Fokus auf Qualität & Leistung

Die Köpfe hinter Skia4Delphi

Skifahren für Delphi

Kompatibilität

  • Delphi 11+: Alle Plattformen
  • Delphi 10.3+: Windows & Android
  • Delphi XE7+: Windows

Erhältlich über …

Skia4Delphi-Bibliothek

App-Rendering-Benchm

Die Architektur

  • Verwendet eine benutzerdefinierte Version der Skia-Bibliothek
    • Sie können die Quelle selbst anzeigen und ändern
  • Bereitgestellt über Deployment Manager
    • Klicken Sie einfach mit der rechten Maustaste auf „Skia aktivieren“, um es zum Deployment Manager hinzuzufügen.
  • Native Bibliotheken für alle Plattformen
    • OSXARM64, Win32, Win64, Android, Android64, iOSDevice64, Linux64 und OSX64
  • Delphi-Komponenten und -Bibliotheken
    • Die auf Tool Palette für VCL und FMX installierten Komponenten, wobei die Bibliothek dem Suchpfad hinzugefügt wurde

Redistributables

Platform Library Size
Win32 sk4d.dll 18 mb
Win64 sk4d.dll 18 mb
Android libsk4d.so 19 mb
Android64 libsk4d.so 24 mb
iOSDevice64 sk4d.a 60 mb
Ubuntu64 libsk4d.so 22 mb
RedHat64 libsk4d.so 22 mb
OSX64 sk4d.dylib 20 mb
OSXARM64 sk4d.dylib 19 mb
Sizes based on v3.4.0 for 11.1 Alexandria

Renderqualität

Aliased vs. Anti-aliased

Die Zeichenqualität wird in einigen Szenarien erheblich verbessert

SVG-Vorteile

  • Auflösungsunabhängig und skalierbar
  • Styling (kann leicht die Farbe ändern)
  • Viel kleinere Datei
  • Bevorzugen Sie für Symbole immer SVG gegenüber statischen Bildern wie PNG
  • Tausende kostenlose Symbole und Bilder im Internet verfügbar

Lottie-Animationsvorteile

Warum Vektorformate?

  • Viel kleinere Dateigrößen
  • Unendlich skalierbar und skalierbar
  • Glattere Animationen
  • Einfachere Bearbeitung und Anpassung

Warum Vektorgrafiken?

SVG-Quelle ist XML (was sich leicht per Zip komprimieren lässt)

PNG und JPEG sind Binär (bereits komprimiert)

  • Sowohl JPEG als auch PNG sind Raster-/Bitmap-Bildformate
  • PNG ist verlustfrei, mit 100 % genauer Reproduktion des Bildes
  • JPEG ist verlustbehaftet und verliert bei jeder Bearbeitung oder Komprimierung etwas an Bildtreue

Größenvergleiche von Bilddateien

Vektoranimationen?

Lottie ist ein JSON-basiertes Animationsformat.

Name Type Size Relative
dev_coding.tgs tgs (zipped json) 55,834 –
dev_coding.mp4 mpeg4 (lossy) 373,642 7x
dev_coding.json lottie (json) 583,485 10x
dev_coding.gif gif (lossless) 5,020,259 90x

UI-Design

  • Erstellen Sie ein Projekt mit Skia4Delphi + Delphi 11
    • Erstellen Sie eine schöne Anwendung mit VCL oder FMX
  • Poste es auf GitHub
    • Fügen Sie Videos und Screenshots hinzu und teilen Sie sie dann in sozialen Medien.
  • Gewinnen Sie Preise und Anerkennung
    • Der Hauptpreis ist ein Apple M1 Mac Mini, sodass Sie von der großartigen neuen Unterstützung für Apple Silicon in Delphi 11 Alexandria profitieren können

Weitere Details folgen: blogs.embarcadero.com/?p=140459

VERFOLGEN SIE DAS PROJEKT

Weitere Links

Anmerkungen

  1. Für die Mac-Plattform ist die Leistung mit klassischem FMX ähnlich , wenn GlobalUseMetal true zusammen mit ist.GlobalUseSkia
  2. Unter iOS gibt es keinen Shared Link (Shared Libraries: dll, .so, .dylib), nur statisch (in diesem Fall .a). In dieser .a (entspricht .lib unter Windows) hat sie alle obj-Dateien generiert, allerdings ist die resultierende App trotz 60 MB viel kleiner, da sie nur zusammen mit den verwendeten Funktionen kompiliert wird. Mit anderen Worten, es ist üblich, dass statische Bibliotheken größer sind als gemeinsam genutzte Bibliotheken, aber die resultierende Ausgabe ist viel kleiner und nicht größer als die normale Größe einer gemeinsam genutzten Bibliothek.
Exit mobile version