Have an amazing solution built in RAD Studio? Let us know. Looking for discounts? Visit our Special Offers page!
BeiträgeDelphiWebinar

Optimieren Sie Ihre Benutzeroberfläche mit Skia4Delphi – Webinar Replay

skia4delphi

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 :

 

Table of Contents

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
 
sk01-4322124-2

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
sk02-1924098-2

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.
sk08-5574565-2
sk09-9714613-2
  • 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.
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

sk05-9265466-2
sk06b-7005265-2
sk07-7735103-2

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

  • SVG & Lottie machen es Designern leicht, reibungslose und hochauflösende Vorlagen für Benutzeroberflächen zu erstellen. Dann können Sie mit Skia4Delphi die Benutzeroberfläche perfekt anpassen.
  • Machen Sie Bewegung zu einem Teil Ihrer UI/UX
  • Andere Verwendungen:
    • Über Bildschirme, Begrüßungsbildschirme, Installationsprogramme, Benutzer-Onboarding, Assistenten usw.
sk08-5574565-2
sk09-9714613-2
  • 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.
sk01-2434964-2

Warum Vektorformate?

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

Warum Vektorgrafiken?

sk02-3368680-2

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

sk03-3074924-2

PNG und JPEG sind Binär (bereits komprimiert)

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

sk05-9265466-2
sk06b-7005265-2
sk07-7735103-2

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

  • SVG & Lottie machen es Designern leicht, reibungslose und hochauflösende Vorlagen für Benutzeroberflächen zu erstellen. Dann können Sie mit Skia4Delphi die Benutzeroberfläche perfekt anpassen.
  • Machen Sie Bewegung zu einem Teil Ihrer UI/UX
  • Andere Verwendungen:
    • Über Bildschirme, Begrüßungsbildschirme, Installationsprogramme, Benutzer-Onboarding, Assistenten usw.
sk08-5574565-2
sk09-9714613-2
  • 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.
iconnnn-9733932-2

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

sk01-2434964-2

Warum Vektorformate?

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

Warum Vektorgrafiken?

sk02-3368680-2

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

sk03-3074924-2

PNG und JPEG sind Binär (bereits komprimiert)

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

sk05-9265466-2
sk06b-7005265-2
sk07-7735103-2

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

  • SVG & Lottie machen es Designern leicht, reibungslose und hochauflösende Vorlagen für Benutzeroberflächen zu erstellen. Dann können Sie mit Skia4Delphi die Benutzeroberfläche perfekt anpassen.
  • Machen Sie Bewegung zu einem Teil Ihrer UI/UX
  • Andere Verwendungen:
    • Über Bildschirme, Begrüßungsbildschirme, Installationsprogramme, Benutzer-Onboarding, Assistenten usw.
sk08-5574565-2
sk09-9714613-2
  • 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.
sk10-1524992-2

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

sk13-2916659-2
Aliased vs. Anti-aliased

Die Zeichenqualität wird in einigen Szenarien erheblich verbessert

iconnnn-9733932-2

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

sk01-2434964-2

Warum Vektorformate?

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

Warum Vektorgrafiken?

sk02-3368680-2

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

sk03-3074924-2

PNG und JPEG sind Binär (bereits komprimiert)

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

sk05-9265466-2
sk06b-7005265-2
sk07-7735103-2

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

  • SVG & Lottie machen es Designern leicht, reibungslose und hochauflösende Vorlagen für Benutzeroberflächen zu erstellen. Dann können Sie mit Skia4Delphi die Benutzeroberfläche perfekt anpassen.
  • Machen Sie Bewegung zu einem Teil Ihrer UI/UX
  • Andere Verwendungen:
    • Über Bildschirme, Begrüßungsbildschirme, Installationsprogramme, Benutzer-Onboarding, Assistenten usw.
sk08-5574565-2
sk09-9714613-2
  • 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.
sk07-8057418-2

Kompatibilität

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

Erhältlich über …

Skia4Delphi-Bibliothek

  • Die Bibliothek besteht konzeptionell aus 3 Teilen:
    1. Skia-API (Konsole, VCL, FMX)
      • Zugriff auf die reine Google Skia-Bibliothek über eine einzige Einheit: Skia.pas
    2. Steuerung (VCL, FMX)
      • TskAnimatedImage : Spielen Sie Lottie, Telegrammaufkleber, animiertes GIF und animiertes WebP
      • TSkLabel : Mehrere Stile im Text, Schriftstärke, Ausrichtung ausrichten, max. Zeilen begrenzen, Hintergrundfarbe für Teile des Textes, Breite und Höhe der automatischen Größe, erweiterte Dekorationen und mehr
      • TSkPaintBox : Verwenden Sie das OnDraw-Ereignis, um mit der Skia-API direkt auf die Steuerung zu zeichnen
      • TSkSvg : Laden Sie Symbol-Svgs, ändern Sie die Farben und den Umbruchmodus
    3. App-Rendering (FMX)
      • Optionale Funktion , bei der die FMX-Grafik-Engine bei Aktivierung durch die Grafik-Engine von Skia4Delphi ersetzt wird, d. h. die gesamte App, alle Steuerelemente auf dem Bildschirm, werden intern von der Skia-basierten Leinwand gezeichnet.
      • Das heißt, durch Hinzufügen von nur 1 Codezeile zum Aktivieren wird Ihre gesamte App automatisch:
        • Verbessern Sie die Qualität von Zeichnungen; Glätten von gezackten Kanten
        • Steigern Sie die Grafikleistung um bis zu 50 %
        • Erhöhen Sie die Zeichnungstreue
        • Fügt Unterstützung für von rechts nach links geschriebene Sprachen hinzu
      • FMX-Leinwand
sk08-6568482-2

App-Rendering-Benchm

sk09-9846875-2
sk10-1524992-2

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

sk13-2916659-2
Aliased vs. Anti-aliased

Die Zeichenqualität wird in einigen Szenarien erheblich verbessert

iconnnn-9733932-2

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

sk01-2434964-2

Warum Vektorformate?

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

Warum Vektorgrafiken?

sk02-3368680-2

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

sk03-3074924-2

PNG und JPEG sind Binär (bereits komprimiert)

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

sk05-9265466-2
sk06b-7005265-2
sk07-7735103-2

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

  • SVG & Lottie machen es Designern leicht, reibungslose und hochauflösende Vorlagen für Benutzeroberflächen zu erstellen. Dann können Sie mit Skia4Delphi die Benutzeroberfläche perfekt anpassen.
  • Machen Sie Bewegung zu einem Teil Ihrer UI/UX
  • Andere Verwendungen:
    • Über Bildschirme, Begrüßungsbildschirme, Installationsprogramme, Benutzer-Onboarding, Assistenten usw.
sk08-5574565-2
sk09-9714613-2
  • 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.
sk06-9811271-2

Skifahren für Delphi

  • ECONOMY – Open-Source-Projekt, völlig kostenlos
  • EINFACH ZU VERWENDEN – Einfach zu installieren, einfacher Code
sk07-8057418-2

Kompatibilität

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

Erhältlich über …

Skia4Delphi-Bibliothek

  • Die Bibliothek besteht konzeptionell aus 3 Teilen:
    1. Skia-API (Konsole, VCL, FMX)
      • Zugriff auf die reine Google Skia-Bibliothek über eine einzige Einheit: Skia.pas
    2. Steuerung (VCL, FMX)
      • TskAnimatedImage : Spielen Sie Lottie, Telegrammaufkleber, animiertes GIF und animiertes WebP
      • TSkLabel : Mehrere Stile im Text, Schriftstärke, Ausrichtung ausrichten, max. Zeilen begrenzen, Hintergrundfarbe für Teile des Textes, Breite und Höhe der automatischen Größe, erweiterte Dekorationen und mehr
      • TSkPaintBox : Verwenden Sie das OnDraw-Ereignis, um mit der Skia-API direkt auf die Steuerung zu zeichnen
      • TSkSvg : Laden Sie Symbol-Svgs, ändern Sie die Farben und den Umbruchmodus
    3. App-Rendering (FMX)
      • Optionale Funktion , bei der die FMX-Grafik-Engine bei Aktivierung durch die Grafik-Engine von Skia4Delphi ersetzt wird, d. h. die gesamte App, alle Steuerelemente auf dem Bildschirm, werden intern von der Skia-basierten Leinwand gezeichnet.
      • Das heißt, durch Hinzufügen von nur 1 Codezeile zum Aktivieren wird Ihre gesamte App automatisch:
        • Verbessern Sie die Qualität von Zeichnungen; Glätten von gezackten Kanten
        • Steigern Sie die Grafikleistung um bis zu 50 %
        • Erhöhen Sie die Zeichnungstreue
        • Fügt Unterstützung für von rechts nach links geschriebene Sprachen hinzu
      • FMX-Leinwand
sk08-6568482-2

App-Rendering-Benchm

sk09-9846875-2
sk10-1524992-2

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

sk13-2916659-2
Aliased vs. Anti-aliased

Die Zeichenqualität wird in einigen Szenarien erheblich verbessert

iconnnn-9733932-2

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

sk01-2434964-2

Warum Vektorformate?

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

Warum Vektorgrafiken?

sk02-3368680-2

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

sk03-3074924-2

PNG und JPEG sind Binär (bereits komprimiert)

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

sk05-9265466-2
sk06b-7005265-2
sk07-7735103-2

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

  • SVG & Lottie machen es Designern leicht, reibungslose und hochauflösende Vorlagen für Benutzeroberflächen zu erstellen. Dann können Sie mit Skia4Delphi die Benutzeroberfläche perfekt anpassen.
  • Machen Sie Bewegung zu einem Teil Ihrer UI/UX
  • Andere Verwendungen:
    • Über Bildschirme, Begrüßungsbildschirme, Installationsprogramme, Benutzer-Onboarding, Assistenten usw.
sk08-5574565-2
sk09-9714613-2
  • 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.
iconnnn-7604419-2

Ü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

sk06-9811271-2

Skifahren für Delphi

  • ECONOMY – Open-Source-Projekt, völlig kostenlos
  • EINFACH ZU VERWENDEN – Einfach zu installieren, einfacher Code
sk07-8057418-2

Kompatibilität

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

Erhältlich über …

Skia4Delphi-Bibliothek

  • Die Bibliothek besteht konzeptionell aus 3 Teilen:
    1. Skia-API (Konsole, VCL, FMX)
      • Zugriff auf die reine Google Skia-Bibliothek über eine einzige Einheit: Skia.pas
    2. Steuerung (VCL, FMX)
      • TskAnimatedImage : Spielen Sie Lottie, Telegrammaufkleber, animiertes GIF und animiertes WebP
      • TSkLabel : Mehrere Stile im Text, Schriftstärke, Ausrichtung ausrichten, max. Zeilen begrenzen, Hintergrundfarbe für Teile des Textes, Breite und Höhe der automatischen Größe, erweiterte Dekorationen und mehr
      • TSkPaintBox : Verwenden Sie das OnDraw-Ereignis, um mit der Skia-API direkt auf die Steuerung zu zeichnen
      • TSkSvg : Laden Sie Symbol-Svgs, ändern Sie die Farben und den Umbruchmodus
    3. App-Rendering (FMX)
      • Optionale Funktion , bei der die FMX-Grafik-Engine bei Aktivierung durch die Grafik-Engine von Skia4Delphi ersetzt wird, d. h. die gesamte App, alle Steuerelemente auf dem Bildschirm, werden intern von der Skia-basierten Leinwand gezeichnet.
      • Das heißt, durch Hinzufügen von nur 1 Codezeile zum Aktivieren wird Ihre gesamte App automatisch:
        • Verbessern Sie die Qualität von Zeichnungen; Glätten von gezackten Kanten
        • Steigern Sie die Grafikleistung um bis zu 50 %
        • Erhöhen Sie die Zeichnungstreue
        • Fügt Unterstützung für von rechts nach links geschriebene Sprachen hinzu
      • FMX-Leinwand
sk08-6568482-2

App-Rendering-Benchm

sk09-9846875-2
sk10-1524992-2

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

sk13-2916659-2
Aliased vs. Anti-aliased

Die Zeichenqualität wird in einigen Szenarien erheblich verbessert

iconnnn-9733932-2

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

sk01-2434964-2

Warum Vektorformate?

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

Warum Vektorgrafiken?

sk02-3368680-2

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

sk03-3074924-2

PNG und JPEG sind Binär (bereits komprimiert)

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

sk05-9265466-2
sk06b-7005265-2
sk07-7735103-2

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

  • SVG & Lottie machen es Designern leicht, reibungslose und hochauflösende Vorlagen für Benutzeroberflächen zu erstellen. Dann können Sie mit Skia4Delphi die Benutzeroberfläche perfekt anpassen.
  • Machen Sie Bewegung zu einem Teil Ihrer UI/UX
  • Andere Verwendungen:
    • Über Bildschirme, Begrüßungsbildschirme, Installationsprogramme, Benutzer-Onboarding, Assistenten usw.
sk08-5574565-2
sk09-9714613-2
  • 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.
sk03-6219443-2

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

sk05v-6468229-2
iconnnn-7604419-2

Ü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

sk06-9811271-2

Skifahren für Delphi

  • ECONOMY – Open-Source-Projekt, völlig kostenlos
  • EINFACH ZU VERWENDEN – Einfach zu installieren, einfacher Code
sk07-8057418-2

Kompatibilität

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

Erhältlich über …

Skia4Delphi-Bibliothek

  • Die Bibliothek besteht konzeptionell aus 3 Teilen:
    1. Skia-API (Konsole, VCL, FMX)
      • Zugriff auf die reine Google Skia-Bibliothek über eine einzige Einheit: Skia.pas
    2. Steuerung (VCL, FMX)
      • TskAnimatedImage : Spielen Sie Lottie, Telegrammaufkleber, animiertes GIF und animiertes WebP
      • TSkLabel : Mehrere Stile im Text, Schriftstärke, Ausrichtung ausrichten, max. Zeilen begrenzen, Hintergrundfarbe für Teile des Textes, Breite und Höhe der automatischen Größe, erweiterte Dekorationen und mehr
      • TSkPaintBox : Verwenden Sie das OnDraw-Ereignis, um mit der Skia-API direkt auf die Steuerung zu zeichnen
      • TSkSvg : Laden Sie Symbol-Svgs, ändern Sie die Farben und den Umbruchmodus
    3. App-Rendering (FMX)
      • Optionale Funktion , bei der die FMX-Grafik-Engine bei Aktivierung durch die Grafik-Engine von Skia4Delphi ersetzt wird, d. h. die gesamte App, alle Steuerelemente auf dem Bildschirm, werden intern von der Skia-basierten Leinwand gezeichnet.
      • Das heißt, durch Hinzufügen von nur 1 Codezeile zum Aktivieren wird Ihre gesamte App automatisch:
        • Verbessern Sie die Qualität von Zeichnungen; Glätten von gezackten Kanten
        • Steigern Sie die Grafikleistung um bis zu 50 %
        • Erhöhen Sie die Zeichnungstreue
        • Fügt Unterstützung für von rechts nach links geschriebene Sprachen hinzu
      • FMX-Leinwand
sk08-6568482-2

App-Rendering-Benchm

sk09-9846875-2
sk10-1524992-2

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

sk13-2916659-2
Aliased vs. Anti-aliased

Die Zeichenqualität wird in einigen Szenarien erheblich verbessert

iconnnn-9733932-2

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

sk01-2434964-2

Warum Vektorformate?

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

Warum Vektorgrafiken?

sk02-3368680-2

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

sk03-3074924-2

PNG und JPEG sind Binär (bereits komprimiert)

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

sk05-9265466-2
sk06b-7005265-2
sk07-7735103-2

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

  • SVG & Lottie machen es Designern leicht, reibungslose und hochauflösende Vorlagen für Benutzeroberflächen zu erstellen. Dann können Sie mit Skia4Delphi die Benutzeroberfläche perfekt anpassen.
  • Machen Sie Bewegung zu einem Teil Ihrer UI/UX
  • Andere Verwendungen:
    • Über Bildschirme, Begrüßungsbildschirme, Installationsprogramme, Benutzer-Onboarding, Assistenten usw.
sk08-5574565-2
sk09-9714613-2
  • 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.

What's Coming in Delphi, C++Builder, and RAD Studio 11.2 Alexandria

Reduce development time and get to market faster with RAD Studio, Delphi, or C++Builder.
Design. Code. Compile. Deploy.
Start Free Trial   Upgrade Today

   Free Delphi Community Edition   Free C++Builder Community Edition

Über den Autor

Chief Developer Advocate für Embarcadero Technologies.

Kommentieren

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahre mehr darüber, wie deine Kommentardaten verarbeitet werden.

IN THE ARTICLES