DelphiWebinarНовости

Усовершенствуйте свой пользовательский интерфейс с помощью Skia4Delphi — повтор веб-семинара

skia4delphi

Что общего у Google Chrome, Mozilla Firefox, Chrome OS, Android, Flutter и Delphi? У них ускоренная графика благодаря Skia. Эта высокопроизводительная кросс-платформенная библиотека 2D-графики стремительно покоряет мир разработчиков. Он работает с VCL и FireMonkey на всех платформах, поддерживаемых Delphi. Одна строка кода может ускорить ваши существующие приложения FireMonkey или продвинуться дальше и открыть новые функции для захватывающих дух пользовательских интерфейсов.

Skia4Delphi — это проект с открытым исходным кодом победителей и братьев Spirit of Delphi Award Пауло Сезара Ботельо Барбозы и Винисиуса Фелипе Ботельо Барбозы. Так как же использовать Skia4Delphi и вывести разработку приложений на новый уровень? Вы пришли в нужное место.

Вот несколько коротких видео или вы можете посмотреть полный повтор :

Содержание

Что такое Skia, вы хотите спросить?

Представьте, что вы разработчик программного обеспечения, которому сегодня необходимо охватить все основные платформы. Ваш традиционный выбор:

  • Родные
    • Прямой доступ к оборудованию
    • Отдельный код для каждой платформы
    • Лучшее взаимодействие с пользователем за счет производительности разработчиков
  • Интернет/Облако
    • В основном общий код
    • Отсоединен от оборудования
    • Повышение производительности разработчиков за счет пользовательского опыта

 

sk01-4322124-2

Но теперь у нас есть… FireMonkey

  • Native Compiled — прямой доступ к оборудованию платформы
  • Мультиплатформенность — одна кодовая база для всех платформ
  • Компонентный визуальный дизайнер — максимальная производительность разработчиков
sk02-1924098-2

Как Skia вписывается сюда? Представляем… Google Skia

  • Google Skia — это графический движок с открытым исходным кодом для Google Chrome, Android, Flutter, Xamarin, Firefox и многих других.
  • Он предоставляет общие 2D API, которые работают на различных платформах, абстрагируя сложности при реализации низкоуровневых библиотек, которые он использует, таких как Vulkan, DirectX, Metal и другие, реализуя множество оптимизаций и новых функций.
sk08-5574565-2
sk09-9714613-2
  • Создайте проект с Skia4Delphi + Delphi 11
    • Создайте красивое приложение с помощью VCL или FMX.
  • Опубликовать на GitHub
    • Включите видео и скриншоты, а затем поделитесь ими в социальных сетях.
  • Выигрывай призы и получай признание
    • Главный приз — Apple M1 Mac Mini, так что вы можете воспользоваться новой поддержкой Apple Silicon в Delphi 11 Alexandria.

Подробности позже: blogs.embarcadero.com/?p=140459

СЛЕДИТЕ ЗА ПРОЕКТОМ

Дополнительные ссылки

Примечания

  1. Для платформы Mac, когда GlobalUseMetal true вместе с GlobalUseSkia, производительность с классическим FMX аналогична.
  2. На iOS нет общей ссылки (общие библиотеки: dll, .so, .dylib), только статическая (в данном случае .a). В этом .a (эквивалент .lib в Windows) сгенерированы все obj-файлы, однако, несмотря на 60 МБ, размер результирующего приложения намного меньше, потому что оно скомпилировано только вместе с используемыми функциями. Другими словами, статические библиотеки обычно бывают больше общих библиотек, но результирующий вывод намного меньше и не превышает нормального размера разделяемой библиотеки.
sk04-5467807-2
  • И JPEG, и PNG являются форматами растровых/растровых изображений.
  • PNG без потерь, со 100% точным воспроизведением изображения
  • JPEG с потерями, теряет некоторую точность изображения каждый раз, когда он редактируется или сжимается.

Сравнение размеров файлов изображений

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

Векторные анимации?

Lottie — это формат анимации на основе JSON.

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

Дизайн пользовательского интерфейса

  • SVG и Lottie позволяют дизайнеру легко создавать плавные шаблоны пользовательского интерфейса с высоким разрешением. Затем с помощью Skia4Delphi вы можете добиться идеального соответствия пользовательского интерфейса.
  • Сделайте движение частью вашего UI/UX
  • Другое использование:
    • Об экранах, заставках, установщиках, адаптации пользователей, мастерах и т. д.
sk08-5574565-2
sk09-9714613-2
  • Создайте проект с Skia4Delphi + Delphi 11
    • Создайте красивое приложение с помощью VCL или FMX.
  • Опубликовать на GitHub
    • Включите видео и скриншоты, а затем поделитесь ими в социальных сетях.
  • Выигрывай призы и получай признание
    • Главный приз — Apple M1 Mac Mini, так что вы можете воспользоваться новой поддержкой Apple Silicon в Delphi 11 Alexandria.

Подробности позже: blogs.embarcadero.com/?p=140459

СЛЕДИТЕ ЗА ПРОЕКТОМ

Дополнительные ссылки

Примечания

  1. Для платформы Mac, когда GlobalUseMetal true вместе с GlobalUseSkia, производительность с классическим FMX аналогична.
  2. На iOS нет общей ссылки (общие библиотеки: dll, .so, .dylib), только статическая (в данном случае .a). В этом .a (эквивалент .lib в Windows) сгенерированы все obj-файлы, однако, несмотря на 60 МБ, размер результирующего приложения намного меньше, потому что оно скомпилировано только вместе с используемыми функциями. Другими словами, статические библиотеки обычно бывают больше общих библиотек, но результирующий вывод намного меньше и не превышает нормального размера разделяемой библиотеки.
sk01-2434964-2

Почему векторные форматы?

  • Гораздо меньшие размеры файлов
  • Бесконечно изменяемый размер и масштабируемость
  • Более плавная анимация
  • Более простое редактирование и настройка

Почему векторная графика?

sk02-3368680-2

Источник SVG — это XML (который легко сжимается с помощью Zip)

sk03-3074924-2

PNG и JPEG являются двоичными (уже сжатыми).

sk04-5467807-2
  • И JPEG, и PNG являются форматами растровых/растровых изображений.
  • PNG без потерь, со 100% точным воспроизведением изображения
  • JPEG с потерями, теряет некоторую точность изображения каждый раз, когда он редактируется или сжимается.

Сравнение размеров файлов изображений

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

Векторные анимации?

Lottie — это формат анимации на основе JSON.

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

Дизайн пользовательского интерфейса

  • SVG и Lottie позволяют дизайнеру легко создавать плавные шаблоны пользовательского интерфейса с высоким разрешением. Затем с помощью Skia4Delphi вы можете добиться идеального соответствия пользовательского интерфейса.
  • Сделайте движение частью вашего UI/UX
  • Другое использование:
    • Об экранах, заставках, установщиках, адаптации пользователей, мастерах и т. д.
sk08-5574565-2
sk09-9714613-2
  • Создайте проект с Skia4Delphi + Delphi 11
    • Создайте красивое приложение с помощью VCL или FMX.
  • Опубликовать на GitHub
    • Включите видео и скриншоты, а затем поделитесь ими в социальных сетях.
  • Выигрывай призы и получай признание
    • Главный приз — Apple M1 Mac Mini, так что вы можете воспользоваться новой поддержкой Apple Silicon в Delphi 11 Alexandria.

Подробности позже: blogs.embarcadero.com/?p=140459

СЛЕДИТЕ ЗА ПРОЕКТОМ

Дополнительные ссылки

Примечания

  1. Для платформы Mac, когда GlobalUseMetal true вместе с GlobalUseSkia, производительность с классическим FMX аналогична.
  2. На iOS нет общей ссылки (общие библиотеки: dll, .so, .dylib), только статическая (в данном случае .a). В этом .a (эквивалент .lib в Windows) сгенерированы все obj-файлы, однако, несмотря на 60 МБ, размер результирующего приложения намного меньше, потому что оно скомпилировано только вместе с используемыми функциями. Другими словами, статические библиотеки обычно бывают больше общих библиотек, но результирующий вывод намного меньше и не превышает нормального размера разделяемой библиотеки.
iconnnn-9733932-2

Преимущества SVG

  • Независимость от разрешения и масштабируемость
  • Стайлинг (можно легко изменить цвет)
  • Файл намного меньше
  • Для значков всегда предпочитайте SVG статическим изображениям, таким как PNG.
  • Тысячи бесплатных иконок и изображений доступны в Интернете

Преимущества Lottie Animation

sk01-2434964-2

Почему векторные форматы?

  • Гораздо меньшие размеры файлов
  • Бесконечно изменяемый размер и масштабируемость
  • Более плавная анимация
  • Более простое редактирование и настройка

Почему векторная графика?

sk02-3368680-2

Источник SVG — это XML (который легко сжимается с помощью Zip)

sk03-3074924-2

PNG и JPEG являются двоичными (уже сжатыми).

sk04-5467807-2
  • И JPEG, и PNG являются форматами растровых/растровых изображений.
  • PNG без потерь, со 100% точным воспроизведением изображения
  • JPEG с потерями, теряет некоторую точность изображения каждый раз, когда он редактируется или сжимается.

Сравнение размеров файлов изображений

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

Векторные анимации?

Lottie — это формат анимации на основе JSON.

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

Дизайн пользовательского интерфейса

  • SVG и Lottie позволяют дизайнеру легко создавать плавные шаблоны пользовательского интерфейса с высоким разрешением. Затем с помощью Skia4Delphi вы можете добиться идеального соответствия пользовательского интерфейса.
  • Сделайте движение частью вашего UI/UX
  • Другое использование:
    • Об экранах, заставках, установщиках, адаптации пользователей, мастерах и т. д.
sk08-5574565-2
sk09-9714613-2
  • Создайте проект с Skia4Delphi + Delphi 11
    • Создайте красивое приложение с помощью VCL или FMX.
  • Опубликовать на GitHub
    • Включите видео и скриншоты, а затем поделитесь ими в социальных сетях.
  • Выигрывай призы и получай признание
    • Главный приз — Apple M1 Mac Mini, так что вы можете воспользоваться новой поддержкой Apple Silicon в Delphi 11 Alexandria.

Подробности позже: blogs.embarcadero.com/?p=140459

СЛЕДИТЕ ЗА ПРОЕКТОМ

Дополнительные ссылки

Примечания

  1. Для платформы Mac, когда GlobalUseMetal true вместе с GlobalUseSkia, производительность с классическим FMX аналогична.
  2. На iOS нет общей ссылки (общие библиотеки: dll, .so, .dylib), только статическая (в данном случае .a). В этом .a (эквивалент .lib в Windows) сгенерированы все obj-файлы, однако, несмотря на 60 МБ, размер результирующего приложения намного меньше, потому что оно скомпилировано только вместе с используемыми функциями. Другими словами, статические библиотеки обычно бывают больше общих библиотек, но результирующий вывод намного меньше и не превышает нормального размера разделяемой библиотеки.
sk10-1524992-2

Архитектура

  • Использует пользовательскую версию библиотеки Skia.
    • Вы можете просматривать и изменять исходный код самостоятельно
  • Развернуто через Deployment Manager
    • Просто щелкните правой кнопкой мыши «Включить Skia», чтобы добавить его в диспетчер развертывания.
  • Нативные библиотеки для всех платформ
    • OSXARM64, Win32, Win64, Android, Android64, iOSDevice64, Linux64 и OSX64
  • Компоненты и библиотеки Delphi
    • Компоненты, установленные на Tool Palette для VCL и FMX, с библиотекой, добавленной в путь поиска

Распространяемые

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

Качество визуализации

sk13-2916659-2
Псевдоним против сглаживания

Качество прорисовки улучшено, в некоторых сценариях значительно

iconnnn-9733932-2

Преимущества SVG

  • Независимость от разрешения и масштабируемость
  • Стайлинг (можно легко изменить цвет)
  • Файл намного меньше
  • Для значков всегда предпочитайте SVG статическим изображениям, таким как PNG.
  • Тысячи бесплатных иконок и изображений доступны в Интернете

Преимущества Lottie Animation

sk01-2434964-2

Почему векторные форматы?

  • Гораздо меньшие размеры файлов
  • Бесконечно изменяемый размер и масштабируемость
  • Более плавная анимация
  • Более простое редактирование и настройка

Почему векторная графика?

sk02-3368680-2

Источник SVG — это XML (который легко сжимается с помощью Zip)

sk03-3074924-2

PNG и JPEG являются двоичными (уже сжатыми).

sk04-5467807-2
  • И JPEG, и PNG являются форматами растровых/растровых изображений.
  • PNG без потерь, со 100% точным воспроизведением изображения
  • JPEG с потерями, теряет некоторую точность изображения каждый раз, когда он редактируется или сжимается.

Сравнение размеров файлов изображений

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

Векторные анимации?

Lottie — это формат анимации на основе JSON.

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

Дизайн пользовательского интерфейса

  • SVG и Lottie позволяют дизайнеру легко создавать плавные шаблоны пользовательского интерфейса с высоким разрешением. Затем с помощью Skia4Delphi вы можете добиться идеального соответствия пользовательского интерфейса.
  • Сделайте движение частью вашего UI/UX
  • Другое использование:
    • Об экранах, заставках, установщиках, адаптации пользователей, мастерах и т. д.
sk08-5574565-2
sk09-9714613-2
  • Создайте проект с Skia4Delphi + Delphi 11
    • Создайте красивое приложение с помощью VCL или FMX.
  • Опубликовать на GitHub
    • Включите видео и скриншоты, а затем поделитесь ими в социальных сетях.
  • Выигрывай призы и получай признание
    • Главный приз — Apple M1 Mac Mini, так что вы можете воспользоваться новой поддержкой Apple Silicon в Delphi 11 Alexandria.

Подробности позже: blogs.embarcadero.com/?p=140459

СЛЕДИТЕ ЗА ПРОЕКТОМ

Дополнительные ссылки

Примечания

  1. Для платформы Mac, когда GlobalUseMetal true вместе с GlobalUseSkia, производительность с классическим FMX аналогична.
  2. На iOS нет общей ссылки (общие библиотеки: dll, .so, .dylib), только статическая (в данном случае .a). В этом .a (эквивалент .lib в Windows) сгенерированы все obj-файлы, однако, несмотря на 60 МБ, размер результирующего приложения намного меньше, потому что оно скомпилировано только вместе с используемыми функциями. Другими словами, статические библиотеки обычно бывают больше общих библиотек, но результирующий вывод намного меньше и не превышает нормального размера разделяемой библиотеки.
sk07-8057418-2

Совместимость

  • Delphi 11+: все платформы
  • Delphi 10.3+: Windows и Android
  • Delphi XE7+: Windows

Доступно через …

Библиотека Skia4Delphi

  • Концептуально библиотека состоит из 3 частей:
    1. Skia API (Консоль, VCL, FMX)
      • Доступ к чистой библиотеке Google Skia через единый модуль: Skia.pas .
    2. Элементы управления (VCL, FMX)
      • TskAnimatedImage : Play Lottie, стикеры Telegram, анимированные GIF и анимированные WebP
      • TskLabel : несколько стилей текста, вес шрифта, выравнивание по ширине, ограничение максимального количества строк, цвет фона в частях текста, автоматический размер ширины и высоты, расширенные декорации и многое другое.
      • TSkPaintBox : используйте событие OnDraw для рисования с помощью Skia API непосредственно на элементе управления.
      • TSkSvg : загрузка значков svgs, изменение цвета и режим переноса
    3. Рендеринг приложений (FMX)
      • Необязательная функция , которая при включении графического движка FMX будет заменена графическим движком Skia4Delphi, то есть все приложение, все элементы управления на экране будут отображаться внутри холста на основе Skia.
      • То есть, добавив всего 1 строку кода для его включения , все ваше приложение будет автоматически:
        • Улучшить качество рисунков; сглаживание неровных краев
        • Увеличение производительности графики до 50%
        • Повышение точности рисования
        • Добавлена ​​поддержка языков с письмом справа налево.
      • Холст FMX
sk08-6568482-2

App Rendering Benchm

sk09-9846875-2
sk10-1524992-2

Архитектура

  • Использует пользовательскую версию библиотеки Skia.
    • Вы можете просматривать и изменять исходный код самостоятельно
  • Развернуто через Deployment Manager
    • Просто щелкните правой кнопкой мыши «Включить Skia», чтобы добавить его в диспетчер развертывания.
  • Нативные библиотеки для всех платформ
    • OSXARM64, Win32, Win64, Android, Android64, iOSDevice64, Linux64 и OSX64
  • Компоненты и библиотеки Delphi
    • Компоненты, установленные на Tool Palette для VCL и FMX, с библиотекой, добавленной в путь поиска

Распространяемые

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

Качество визуализации

sk13-2916659-2
Псевдоним против сглаживания

Качество прорисовки улучшено, в некоторых сценариях значительно

iconnnn-9733932-2

Преимущества SVG

  • Независимость от разрешения и масштабируемость
  • Стайлинг (можно легко изменить цвет)
  • Файл намного меньше
  • Для значков всегда предпочитайте SVG статическим изображениям, таким как PNG.
  • Тысячи бесплатных иконок и изображений доступны в Интернете

Преимущества Lottie Animation

sk01-2434964-2

Почему векторные форматы?

  • Гораздо меньшие размеры файлов
  • Бесконечно изменяемый размер и масштабируемость
  • Более плавная анимация
  • Более простое редактирование и настройка

Почему векторная графика?

sk02-3368680-2

Источник SVG — это XML (который легко сжимается с помощью Zip)

sk03-3074924-2

PNG и JPEG являются двоичными (уже сжатыми).

sk04-5467807-2
  • И JPEG, и PNG являются форматами растровых/растровых изображений.
  • PNG без потерь, со 100% точным воспроизведением изображения
  • JPEG с потерями, теряет некоторую точность изображения каждый раз, когда он редактируется или сжимается.

Сравнение размеров файлов изображений

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

Векторные анимации?

Lottie — это формат анимации на основе JSON.

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

Дизайн пользовательского интерфейса

  • SVG и Lottie позволяют дизайнеру легко создавать плавные шаблоны пользовательского интерфейса с высоким разрешением. Затем с помощью Skia4Delphi вы можете добиться идеального соответствия пользовательского интерфейса.
  • Сделайте движение частью вашего UI/UX
  • Другое использование:
    • Об экранах, заставках, установщиках, адаптации пользователей, мастерах и т. д.
sk08-5574565-2
sk09-9714613-2
  • Создайте проект с Skia4Delphi + Delphi 11
    • Создайте красивое приложение с помощью VCL или FMX.
  • Опубликовать на GitHub
    • Включите видео и скриншоты, а затем поделитесь ими в социальных сетях.
  • Выигрывай призы и получай признание
    • Главный приз — Apple M1 Mac Mini, так что вы можете воспользоваться новой поддержкой Apple Silicon в Delphi 11 Alexandria.

Подробности позже: blogs.embarcadero.com/?p=140459

СЛЕДИТЕ ЗА ПРОЕКТОМ

Дополнительные ссылки

Примечания

  1. Для платформы Mac, когда GlobalUseMetal true вместе с GlobalUseSkia, производительность с классическим FMX аналогична.
  2. На iOS нет общей ссылки (общие библиотеки: dll, .so, .dylib), только статическая (в данном случае .a). В этом .a (эквивалент .lib в Windows) сгенерированы все obj-файлы, однако, несмотря на 60 МБ, размер результирующего приложения намного меньше, потому что оно скомпилировано только вместе с используемыми функциями. Другими словами, статические библиотеки обычно бывают больше общих библиотек, но результирующий вывод намного меньше и не превышает нормального размера разделяемой библиотеки.
sk06-9811271-2
  • Два брата из Бразилии
  • Победители конкурса Spirit of Delphi 2021 г.
  • Пауло Сезар Ботельо Барбоза
  • Винисиус Фелипе Ботельо Барбоза
  • При поддержке и предложениях Яна и Джима

Катание на лыжах для Delphi

  • ЭКОНОМИКА — проект с открытым исходным кодом, полностью бесплатный
  • ЛЕГКО ИСПОЛЬЗОВАТЬ — Простота установки, простой код
sk07-8057418-2

Совместимость

  • Delphi 11+: все платформы
  • Delphi 10.3+: Windows и Android
  • Delphi XE7+: Windows

Доступно через …

Библиотека Skia4Delphi

  • Концептуально библиотека состоит из 3 частей:
    1. Skia API (Консоль, VCL, FMX)
      • Доступ к чистой библиотеке Google Skia через единый модуль: Skia.pas .
    2. Элементы управления (VCL, FMX)
      • TskAnimatedImage : Play Lottie, стикеры Telegram, анимированные GIF и анимированные WebP
      • TskLabel : несколько стилей текста, вес шрифта, выравнивание по ширине, ограничение максимального количества строк, цвет фона в частях текста, автоматический размер ширины и высоты, расширенные декорации и многое другое.
      • TSkPaintBox : используйте событие OnDraw для рисования с помощью Skia API непосредственно на элементе управления.
      • TSkSvg : загрузка значков svgs, изменение цвета и режим переноса
    3. Рендеринг приложений (FMX)
      • Необязательная функция , которая при включении графического движка FMX будет заменена графическим движком Skia4Delphi, то есть все приложение, все элементы управления на экране будут отображаться внутри холста на основе Skia.
      • То есть, добавив всего 1 строку кода для его включения , все ваше приложение будет автоматически:
        • Улучшить качество рисунков; сглаживание неровных краев
        • Увеличение производительности графики до 50%
        • Повышение точности рисования
        • Добавлена ​​поддержка языков с письмом справа налево.
      • Холст FMX
sk08-6568482-2

App Rendering Benchm

sk09-9846875-2
sk10-1524992-2

Архитектура

  • Использует пользовательскую версию библиотеки Skia.
    • Вы можете просматривать и изменять исходный код самостоятельно
  • Развернуто через Deployment Manager
    • Просто щелкните правой кнопкой мыши «Включить Skia», чтобы добавить его в диспетчер развертывания.
  • Нативные библиотеки для всех платформ
    • OSXARM64, Win32, Win64, Android, Android64, iOSDevice64, Linux64 и OSX64
  • Компоненты и библиотеки Delphi
    • Компоненты, установленные на Tool Palette для VCL и FMX, с библиотекой, добавленной в путь поиска

Распространяемые

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

Качество визуализации

sk13-2916659-2
Псевдоним против сглаживания

Качество прорисовки улучшено, в некоторых сценариях значительно

iconnnn-9733932-2

Преимущества SVG

  • Независимость от разрешения и масштабируемость
  • Стайлинг (можно легко изменить цвет)
  • Файл намного меньше
  • Для значков всегда предпочитайте SVG статическим изображениям, таким как PNG.
  • Тысячи бесплатных иконок и изображений доступны в Интернете

Преимущества Lottie Animation

sk01-2434964-2

Почему векторные форматы?

  • Гораздо меньшие размеры файлов
  • Бесконечно изменяемый размер и масштабируемость
  • Более плавная анимация
  • Более простое редактирование и настройка

Почему векторная графика?

sk02-3368680-2

Источник SVG — это XML (который легко сжимается с помощью Zip)

sk03-3074924-2

PNG и JPEG являются двоичными (уже сжатыми).

sk04-5467807-2
  • И JPEG, и PNG являются форматами растровых/растровых изображений.
  • PNG без потерь, со 100% точным воспроизведением изображения
  • JPEG с потерями, теряет некоторую точность изображения каждый раз, когда он редактируется или сжимается.

Сравнение размеров файлов изображений

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

Векторные анимации?

Lottie — это формат анимации на основе JSON.

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

Дизайн пользовательского интерфейса

  • SVG и Lottie позволяют дизайнеру легко создавать плавные шаблоны пользовательского интерфейса с высоким разрешением. Затем с помощью Skia4Delphi вы можете добиться идеального соответствия пользовательского интерфейса.
  • Сделайте движение частью вашего UI/UX
  • Другое использование:
    • Об экранах, заставках, установщиках, адаптации пользователей, мастерах и т. д.
sk08-5574565-2
sk09-9714613-2
  • Создайте проект с Skia4Delphi + Delphi 11
    • Создайте красивое приложение с помощью VCL или FMX.
  • Опубликовать на GitHub
    • Включите видео и скриншоты, а затем поделитесь ими в социальных сетях.
  • Выигрывай призы и получай признание
    • Главный приз — Apple M1 Mac Mini, так что вы можете воспользоваться новой поддержкой Apple Silicon в Delphi 11 Alexandria.

Подробности позже: blogs.embarcadero.com/?p=140459

СЛЕДИТЕ ЗА ПРОЕКТОМ

Дополнительные ссылки

Примечания

  1. Для платформы Mac, когда GlobalUseMetal true вместе с GlobalUseSkia, производительность с классическим FMX аналогична.
  2. На iOS нет общей ссылки (общие библиотеки: dll, .so, .dylib), только статическая (в данном случае .a). В этом .a (эквивалент .lib в Windows) сгенерированы все obj-файлы, однако, несмотря на 60 МБ, размер результирующего приложения намного меньше, потому что оно скомпилировано только вместе с используемыми функциями. Другими словами, статические библиотеки обычно бывают больше общих библиотек, но результирующий вывод намного меньше и не превышает нормального размера разделяемой библиотеки.
iconnnn-7604419-2

О Skia4Delphi

  • Открытый источник
    • Использует модифицированный форк Skia от Google.
  • Кроссплатформенность и мультифреймворк
  • Библиотека 2D-графики для Delphi
  • Рисунок
    • Текст
    • Анимации
    • Картинки
  • Сосредоточьтесь на качестве и производительности

Мозг Skia4Delphi

sk06-9811271-2
  • Два брата из Бразилии
  • Победители конкурса Spirit of Delphi 2021 г.
  • Пауло Сезар Ботельо Барбоза
  • Винисиус Фелипе Ботельо Барбоза
  • При поддержке и предложениях Яна и Джима

Катание на лыжах для Delphi

  • ЭКОНОМИКА — проект с открытым исходным кодом, полностью бесплатный
  • ЛЕГКО ИСПОЛЬЗОВАТЬ — Простота установки, простой код
sk07-8057418-2

Совместимость

  • Delphi 11+: все платформы
  • Delphi 10.3+: Windows и Android
  • Delphi XE7+: Windows

Доступно через …

Библиотека Skia4Delphi

  • Концептуально библиотека состоит из 3 частей:
    1. Skia API (Консоль, VCL, FMX)
      • Доступ к чистой библиотеке Google Skia через единый модуль: Skia.pas .
    2. Элементы управления (VCL, FMX)
      • TskAnimatedImage : Play Lottie, стикеры Telegram, анимированные GIF и анимированные WebP
      • TskLabel : несколько стилей текста, вес шрифта, выравнивание по ширине, ограничение максимального количества строк, цвет фона в частях текста, автоматический размер ширины и высоты, расширенные декорации и многое другое.
      • TSkPaintBox : используйте событие OnDraw для рисования с помощью Skia API непосредственно на элементе управления.
      • TSkSvg : загрузка значков svgs, изменение цвета и режим переноса
    3. Рендеринг приложений (FMX)
      • Необязательная функция , которая при включении графического движка FMX будет заменена графическим движком Skia4Delphi, то есть все приложение, все элементы управления на экране будут отображаться внутри холста на основе Skia.
      • То есть, добавив всего 1 строку кода для его включения , все ваше приложение будет автоматически:
        • Улучшить качество рисунков; сглаживание неровных краев
        • Увеличение производительности графики до 50%
        • Повышение точности рисования
        • Добавлена ​​поддержка языков с письмом справа налево.
      • Холст FMX
sk08-6568482-2

App Rendering Benchm

sk09-9846875-2
sk10-1524992-2

Архитектура

  • Использует пользовательскую версию библиотеки Skia.
    • Вы можете просматривать и изменять исходный код самостоятельно
  • Развернуто через Deployment Manager
    • Просто щелкните правой кнопкой мыши «Включить Skia», чтобы добавить его в диспетчер развертывания.
  • Нативные библиотеки для всех платформ
    • OSXARM64, Win32, Win64, Android, Android64, iOSDevice64, Linux64 и OSX64
  • Компоненты и библиотеки Delphi
    • Компоненты, установленные на Tool Palette для VCL и FMX, с библиотекой, добавленной в путь поиска

Распространяемые

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

Качество визуализации

sk13-2916659-2
Псевдоним против сглаживания

Качество прорисовки улучшено, в некоторых сценариях значительно

iconnnn-9733932-2

Преимущества SVG

  • Независимость от разрешения и масштабируемость
  • Стайлинг (можно легко изменить цвет)
  • Файл намного меньше
  • Для значков всегда предпочитайте SVG статическим изображениям, таким как PNG.
  • Тысячи бесплатных иконок и изображений доступны в Интернете

Преимущества Lottie Animation

sk01-2434964-2

Почему векторные форматы?

  • Гораздо меньшие размеры файлов
  • Бесконечно изменяемый размер и масштабируемость
  • Более плавная анимация
  • Более простое редактирование и настройка

Почему векторная графика?

sk02-3368680-2

Источник SVG — это XML (который легко сжимается с помощью Zip)

sk03-3074924-2

PNG и JPEG являются двоичными (уже сжатыми).

sk04-5467807-2
  • И JPEG, и PNG являются форматами растровых/растровых изображений.
  • PNG без потерь, со 100% точным воспроизведением изображения
  • JPEG с потерями, теряет некоторую точность изображения каждый раз, когда он редактируется или сжимается.

Сравнение размеров файлов изображений

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

Векторные анимации?

Lottie — это формат анимации на основе JSON.

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

Дизайн пользовательского интерфейса

  • SVG и Lottie позволяют дизайнеру легко создавать плавные шаблоны пользовательского интерфейса с высоким разрешением. Затем с помощью Skia4Delphi вы можете добиться идеального соответствия пользовательского интерфейса.
  • Сделайте движение частью вашего UI/UX
  • Другое использование:
    • Об экранах, заставках, установщиках, адаптации пользователей, мастерах и т. д.
sk08-5574565-2
sk09-9714613-2
  • Создайте проект с Skia4Delphi + Delphi 11
    • Создайте красивое приложение с помощью VCL или FMX.
  • Опубликовать на GitHub
    • Включите видео и скриншоты, а затем поделитесь ими в социальных сетях.
  • Выигрывай призы и получай признание
    • Главный приз — Apple M1 Mac Mini, так что вы можете воспользоваться новой поддержкой Apple Silicon в Delphi 11 Alexandria.

Подробности позже: blogs.embarcadero.com/?p=140459

СЛЕДИТЕ ЗА ПРОЕКТОМ

Дополнительные ссылки

Примечания

  1. Для платформы Mac, когда GlobalUseMetal true вместе с GlobalUseSkia, производительность с классическим FMX аналогична.
  2. На iOS нет общей ссылки (общие библиотеки: dll, .so, .dylib), только статическая (в данном случае .a). В этом .a (эквивалент .lib в Windows) сгенерированы все obj-файлы, однако, несмотря на 60 МБ, размер результирующего приложения намного меньше, потому что оно скомпилировано только вместе с используемыми функциями. Другими словами, статические библиотеки обычно бывают больше общих библиотек, но результирующий вывод намного меньше и не превышает нормального размера разделяемой библиотеки.
sk03-6219443-2

Платформы для лыж:

  • Все самые популярные платформы в мире, такие как:
    • Окна
    • macOS
    • iOS (включая симулятор)
    • Android (включая симулятор)
    • Linux (основные дистрибутивы)
    • FuschiaOS
    • Тизен
    • твОС
    • watchOS

Особенности лыжи

sk05v-6468229-2
iconnnn-7604419-2

О Skia4Delphi

  • Открытый источник
    • Использует модифицированный форк Skia от Google.
  • Кроссплатформенность и мультифреймворк
  • Библиотека 2D-графики для Delphi
  • Рисунок
    • Текст
    • Анимации
    • Картинки
  • Сосредоточьтесь на качестве и производительности

Мозг Skia4Delphi

sk06-9811271-2
  • Два брата из Бразилии
  • Победители конкурса Spirit of Delphi 2021 г.
  • Пауло Сезар Ботельо Барбоза
  • Винисиус Фелипе Ботельо Барбоза
  • При поддержке и предложениях Яна и Джима

Катание на лыжах для Delphi

  • ЭКОНОМИКА — проект с открытым исходным кодом, полностью бесплатный
  • ЛЕГКО ИСПОЛЬЗОВАТЬ — Простота установки, простой код
sk07-8057418-2

Совместимость

  • Delphi 11+: все платформы
  • Delphi 10.3+: Windows и Android
  • Delphi XE7+: Windows

Доступно через …

Библиотека Skia4Delphi

  • Концептуально библиотека состоит из 3 частей:
    1. Skia API (Консоль, VCL, FMX)
      • Доступ к чистой библиотеке Google Skia через единый модуль: Skia.pas .
    2. Элементы управления (VCL, FMX)
      • TskAnimatedImage : Play Lottie, стикеры Telegram, анимированные GIF и анимированные WebP
      • TskLabel : несколько стилей текста, вес шрифта, выравнивание по ширине, ограничение максимального количества строк, цвет фона в частях текста, автоматический размер ширины и высоты, расширенные декорации и многое другое.
      • TSkPaintBox : используйте событие OnDraw для рисования с помощью Skia API непосредственно на элементе управления.
      • TSkSvg : загрузка значков svgs, изменение цвета и режим переноса
    3. Рендеринг приложений (FMX)
      • Необязательная функция , которая при включении графического движка FMX будет заменена графическим движком Skia4Delphi, то есть все приложение, все элементы управления на экране будут отображаться внутри холста на основе Skia.
      • То есть, добавив всего 1 строку кода для его включения , все ваше приложение будет автоматически:
        • Улучшить качество рисунков; сглаживание неровных краев
        • Увеличение производительности графики до 50%
        • Повышение точности рисования
        • Добавлена ​​поддержка языков с письмом справа налево.
      • Холст FMX
sk08-6568482-2

App Rendering Benchm

sk09-9846875-2
sk10-1524992-2

Архитектура

  • Использует пользовательскую версию библиотеки Skia.
    • Вы можете просматривать и изменять исходный код самостоятельно
  • Развернуто через Deployment Manager
    • Просто щелкните правой кнопкой мыши «Включить Skia», чтобы добавить его в диспетчер развертывания.
  • Нативные библиотеки для всех платформ
    • OSXARM64, Win32, Win64, Android, Android64, iOSDevice64, Linux64 и OSX64
  • Компоненты и библиотеки Delphi
    • Компоненты, установленные на Tool Palette для VCL и FMX, с библиотекой, добавленной в путь поиска

Распространяемые

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

Качество визуализации

sk13-2916659-2
Псевдоним против сглаживания

Качество прорисовки улучшено, в некоторых сценариях значительно

iconnnn-9733932-2

Преимущества SVG

  • Независимость от разрешения и масштабируемость
  • Стайлинг (можно легко изменить цвет)
  • Файл намного меньше
  • Для значков всегда предпочитайте SVG статическим изображениям, таким как PNG.
  • Тысячи бесплатных иконок и изображений доступны в Интернете

Преимущества Lottie Animation

sk01-2434964-2

Почему векторные форматы?

  • Гораздо меньшие размеры файлов
  • Бесконечно изменяемый размер и масштабируемость
  • Более плавная анимация
  • Более простое редактирование и настройка

Почему векторная графика?

sk02-3368680-2

Источник SVG — это XML (который легко сжимается с помощью Zip)

sk03-3074924-2

PNG и JPEG являются двоичными (уже сжатыми).

sk04-5467807-2
  • И JPEG, и PNG являются форматами растровых/растровых изображений.
  • PNG без потерь, со 100% точным воспроизведением изображения
  • JPEG с потерями, теряет некоторую точность изображения каждый раз, когда он редактируется или сжимается.

Сравнение размеров файлов изображений

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

Векторные анимации?

Lottie — это формат анимации на основе JSON.

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

Дизайн пользовательского интерфейса

  • SVG и Lottie позволяют дизайнеру легко создавать плавные шаблоны пользовательского интерфейса с высоким разрешением. Затем с помощью Skia4Delphi вы можете добиться идеального соответствия пользовательского интерфейса.
  • Сделайте движение частью вашего UI/UX
  • Другое использование:
    • Об экранах, заставках, установщиках, адаптации пользователей, мастерах и т. д.
sk08-5574565-2
sk09-9714613-2
  • Создайте проект с Skia4Delphi + Delphi 11
    • Создайте красивое приложение с помощью VCL или FMX.
  • Опубликовать на GitHub
    • Включите видео и скриншоты, а затем поделитесь ими в социальных сетях.
  • Выигрывай призы и получай признание
    • Главный приз — Apple M1 Mac Mini, так что вы можете воспользоваться новой поддержкой Apple Silicon в Delphi 11 Alexandria.

Подробности позже: blogs.embarcadero.com/?p=140459

СЛЕДИТЕ ЗА ПРОЕКТОМ

Дополнительные ссылки

Примечания

  1. Для платформы Mac, когда GlobalUseMetal true вместе с GlobalUseSkia, производительность с классическим FMX аналогична.
  2. На iOS нет общей ссылки (общие библиотеки: dll, .so, .dylib), только статическая (в данном случае .a). В этом .a (эквивалент .lib в Windows) сгенерированы все obj-файлы, однако, несмотря на 60 МБ, размер результирующего приложения намного меньше, потому что оно скомпилировано только вместе с используемыми функциями. Другими словами, статические библиотеки обычно бывают больше общих библиотек, но результирующий вывод намного меньше и не превышает нормального размера разделяемой библиотеки.

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

Об авторе

Главный адвокат разработчиков Embarcadero Technologies.

Leave a Reply

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.

IN THE ARTICLES