- И JPEG, и PNG являются форматами растровых/растровых изображений.
- PNG без потерь, со 100% точным воспроизведением изображения
- JPEG с потерями, теряет некоторую точность изображения каждый раз, когда он редактируется или сжимается.
Table of Contents
Сравнение размеров файлов изображений
Векторные анимации?
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
- Другое использование:
- Об экранах, заставках, установщиках, адаптации пользователей, мастерах и т. д.
- Создайте проект с Skia4Delphi + Delphi 11
- Создайте красивое приложение с помощью VCL или FMX.
- Опубликовать на GitHub
- Включите видео и скриншоты, а затем поделитесь ими в социальных сетях.
- Выигрывай призы и получай признание
- Главный приз — Apple M1 Mac Mini, так что вы можете воспользоваться новой поддержкой Apple Silicon в Delphi 11 Alexandria.
Подробности позже: blogs.embarcadero.com/?p=140459
СЛЕДИТЕ ЗА ПРОЕКТОМ
Дополнительные ссылки
- Skia4Delphi — github.com/skia4delphi/skia4delphi
- Вебинар – blogs.embarcadero.com/?p=140459
- Документация по лыжам
- Подробнее о шейдерах
- Больше образцов
Примечания
- Для платформы Mac, когда
GlobalUseMetaltrue вместе сGlobalUseSkia, производительность с классическим FMX аналогична. - На iOS нет общей ссылки (общие библиотеки: dll, .so, .dylib), только статическая (в данном случае .a). В этом .a (эквивалент .lib в Windows) сгенерированы все obj-файлы, однако, несмотря на 60 МБ, размер результирующего приложения намного меньше, потому что оно скомпилировано только вместе с используемыми функциями. Другими словами, статические библиотеки обычно бывают больше общих библиотек, но результирующий вывод намного меньше и не превышает нормального размера разделяемой библиотеки.
Почему векторные форматы?
- Гораздо меньшие размеры файлов
- Бесконечно изменяемый размер и масштабируемость
- Более плавная анимация
- Более простое редактирование и настройка
Почему векторная графика?
Источник SVG — это XML (который легко сжимается с помощью Zip)
PNG и JPEG являются двоичными (уже сжатыми).
- И JPEG, и PNG являются форматами растровых/растровых изображений.
- PNG без потерь, со 100% точным воспроизведением изображения
- JPEG с потерями, теряет некоторую точность изображения каждый раз, когда он редактируется или сжимается.
Сравнение размеров файлов изображений
Векторные анимации?
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
- Другое использование:
- Об экранах, заставках, установщиках, адаптации пользователей, мастерах и т. д.
- Создайте проект с Skia4Delphi + Delphi 11
- Создайте красивое приложение с помощью VCL или FMX.
- Опубликовать на GitHub
- Включите видео и скриншоты, а затем поделитесь ими в социальных сетях.
- Выигрывай призы и получай признание
- Главный приз — Apple M1 Mac Mini, так что вы можете воспользоваться новой поддержкой Apple Silicon в Delphi 11 Alexandria.
Подробности позже: blogs.embarcadero.com/?p=140459
СЛЕДИТЕ ЗА ПРОЕКТОМ
Дополнительные ссылки
- Skia4Delphi — github.com/skia4delphi/skia4delphi
- Вебинар – blogs.embarcadero.com/?p=140459
- Документация по лыжам
- Подробнее о шейдерах
- Больше образцов
Примечания
- Для платформы Mac, когда
GlobalUseMetaltrue вместе сGlobalUseSkia, производительность с классическим FMX аналогична. - На iOS нет общей ссылки (общие библиотеки: dll, .so, .dylib), только статическая (в данном случае .a). В этом .a (эквивалент .lib в Windows) сгенерированы все obj-файлы, однако, несмотря на 60 МБ, размер результирующего приложения намного меньше, потому что оно скомпилировано только вместе с используемыми функциями. Другими словами, статические библиотеки обычно бывают больше общих библиотек, но результирующий вывод намного меньше и не превышает нормального размера разделяемой библиотеки.
Преимущества SVG
- Независимость от разрешения и масштабируемость
- Стайлинг (можно легко изменить цвет)
- Файл намного меньше
- Для значков всегда предпочитайте SVG статическим изображениям, таким как PNG.
- Тысячи бесплатных иконок и изображений доступны в Интернете
Преимущества Lottie Animation
- Независимый от разрешения и масштабируемый векторный формат
- Легкий, на 600% меньше по сравнению с GIF
- Исключительная производительность с плавной анимацией
- Тысячи бесплатных анимаций Lottie (JSON) доступны в Интернете
Почему векторные форматы?
- Гораздо меньшие размеры файлов
- Бесконечно изменяемый размер и масштабируемость
- Более плавная анимация
- Более простое редактирование и настройка
Почему векторная графика?
Источник SVG — это XML (который легко сжимается с помощью Zip)
PNG и JPEG являются двоичными (уже сжатыми).
- И JPEG, и PNG являются форматами растровых/растровых изображений.
- PNG без потерь, со 100% точным воспроизведением изображения
- JPEG с потерями, теряет некоторую точность изображения каждый раз, когда он редактируется или сжимается.
Сравнение размеров файлов изображений
Векторные анимации?
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
- Другое использование:
- Об экранах, заставках, установщиках, адаптации пользователей, мастерах и т. д.
- Создайте проект с Skia4Delphi + Delphi 11
- Создайте красивое приложение с помощью VCL или FMX.
- Опубликовать на GitHub
- Включите видео и скриншоты, а затем поделитесь ими в социальных сетях.
- Выигрывай призы и получай признание
- Главный приз — Apple M1 Mac Mini, так что вы можете воспользоваться новой поддержкой Apple Silicon в Delphi 11 Alexandria.
Подробности позже: blogs.embarcadero.com/?p=140459
СЛЕДИТЕ ЗА ПРОЕКТОМ
Дополнительные ссылки
- Skia4Delphi — github.com/skia4delphi/skia4delphi
- Вебинар – blogs.embarcadero.com/?p=140459
- Документация по лыжам
- Подробнее о шейдерах
- Больше образцов
Примечания
- Для платформы Mac, когда
GlobalUseMetaltrue вместе сGlobalUseSkia, производительность с классическим FMX аналогична. - На iOS нет общей ссылки (общие библиотеки: dll, .so, .dylib), только статическая (в данном случае .a). В этом .a (эквивалент .lib в Windows) сгенерированы все obj-файлы, однако, несмотря на 60 МБ, размер результирующего приложения намного меньше, потому что оно скомпилировано только вместе с используемыми функциями. Другими словами, статические библиотеки обычно бывают больше общих библиотек, но результирующий вывод намного меньше и не превышает нормального размера разделяемой библиотеки.
Архитектура
- Использует пользовательскую версию библиотеки 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 |
Качество визуализации
Качество прорисовки улучшено, в некоторых сценариях значительно
Преимущества SVG
- Независимость от разрешения и масштабируемость
- Стайлинг (можно легко изменить цвет)
- Файл намного меньше
- Для значков всегда предпочитайте SVG статическим изображениям, таким как PNG.
- Тысячи бесплатных иконок и изображений доступны в Интернете
Преимущества Lottie Animation
- Независимый от разрешения и масштабируемый векторный формат
- Легкий, на 600% меньше по сравнению с GIF
- Исключительная производительность с плавной анимацией
- Тысячи бесплатных анимаций Lottie (JSON) доступны в Интернете
Почему векторные форматы?
- Гораздо меньшие размеры файлов
- Бесконечно изменяемый размер и масштабируемость
- Более плавная анимация
- Более простое редактирование и настройка
Почему векторная графика?
Источник SVG — это XML (который легко сжимается с помощью Zip)
PNG и JPEG являются двоичными (уже сжатыми).
- И JPEG, и PNG являются форматами растровых/растровых изображений.
- PNG без потерь, со 100% точным воспроизведением изображения
- JPEG с потерями, теряет некоторую точность изображения каждый раз, когда он редактируется или сжимается.
Сравнение размеров файлов изображений
Векторные анимации?
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
- Другое использование:
- Об экранах, заставках, установщиках, адаптации пользователей, мастерах и т. д.
- Создайте проект с Skia4Delphi + Delphi 11
- Создайте красивое приложение с помощью VCL или FMX.
- Опубликовать на GitHub
- Включите видео и скриншоты, а затем поделитесь ими в социальных сетях.
- Выигрывай призы и получай признание
- Главный приз — Apple M1 Mac Mini, так что вы можете воспользоваться новой поддержкой Apple Silicon в Delphi 11 Alexandria.
Подробности позже: blogs.embarcadero.com/?p=140459
СЛЕДИТЕ ЗА ПРОЕКТОМ
Дополнительные ссылки
- Skia4Delphi — github.com/skia4delphi/skia4delphi
- Вебинар – blogs.embarcadero.com/?p=140459
- Документация по лыжам
- Подробнее о шейдерах
- Больше образцов
Примечания
- Для платформы Mac, когда
GlobalUseMetaltrue вместе сGlobalUseSkia, производительность с классическим FMX аналогична. - На iOS нет общей ссылки (общие библиотеки: dll, .so, .dylib), только статическая (в данном случае .a). В этом .a (эквивалент .lib в Windows) сгенерированы все obj-файлы, однако, несмотря на 60 МБ, размер результирующего приложения намного меньше, потому что оно скомпилировано только вместе с используемыми функциями. Другими словами, статические библиотеки обычно бывают больше общих библиотек, но результирующий вывод намного меньше и не превышает нормального размера разделяемой библиотеки.
Совместимость
- Delphi 11+: все платформы
- Delphi 10.3+: Windows и Android
- Delphi XE7+: Windows
Доступно через …
Библиотека Skia4Delphi
- Концептуально библиотека состоит из 3 частей:
- Skia API (Консоль, VCL, FMX)
- Доступ к чистой библиотеке Google Skia через единый модуль: Skia.pas .
- Элементы управления (VCL, FMX)
- TskAnimatedImage : Play Lottie, стикеры Telegram, анимированные GIF и анимированные WebP
- TskLabel : несколько стилей текста, вес шрифта, выравнивание по ширине, ограничение максимального количества строк, цвет фона в частях текста, автоматический размер ширины и высоты, расширенные декорации и многое другое.
- TSkPaintBox : используйте событие OnDraw для рисования с помощью Skia API непосредственно на элементе управления.
- TSkSvg : загрузка значков svgs, изменение цвета и режим переноса
- Рендеринг приложений (FMX)
- Необязательная функция , которая при включении графического движка FMX будет заменена графическим движком Skia4Delphi, то есть все приложение, все элементы управления на экране будут отображаться внутри холста на основе Skia.
- То есть, добавив всего 1 строку кода для его включения , все ваше приложение будет автоматически:
- Улучшить качество рисунков; сглаживание неровных краев
- Увеличение производительности графики до 50%
- Повышение точности рисования
- Добавлена поддержка языков с письмом справа налево.
- Холст FMX
- Skia API (Консоль, VCL, FMX)
App Rendering Benchm
Архитектура
- Использует пользовательскую версию библиотеки 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 |
Качество визуализации
Качество прорисовки улучшено, в некоторых сценариях значительно
Преимущества SVG
- Независимость от разрешения и масштабируемость
- Стайлинг (можно легко изменить цвет)
- Файл намного меньше
- Для значков всегда предпочитайте SVG статическим изображениям, таким как PNG.
- Тысячи бесплатных иконок и изображений доступны в Интернете
Преимущества Lottie Animation
- Независимый от разрешения и масштабируемый векторный формат
- Легкий, на 600% меньше по сравнению с GIF
- Исключительная производительность с плавной анимацией
- Тысячи бесплатных анимаций Lottie (JSON) доступны в Интернете
Почему векторные форматы?
- Гораздо меньшие размеры файлов
- Бесконечно изменяемый размер и масштабируемость
- Более плавная анимация
- Более простое редактирование и настройка
Почему векторная графика?
Источник SVG — это XML (который легко сжимается с помощью Zip)
PNG и JPEG являются двоичными (уже сжатыми).
- И JPEG, и PNG являются форматами растровых/растровых изображений.
- PNG без потерь, со 100% точным воспроизведением изображения
- JPEG с потерями, теряет некоторую точность изображения каждый раз, когда он редактируется или сжимается.
Сравнение размеров файлов изображений
Векторные анимации?
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
- Другое использование:
- Об экранах, заставках, установщиках, адаптации пользователей, мастерах и т. д.
- Создайте проект с Skia4Delphi + Delphi 11
- Создайте красивое приложение с помощью VCL или FMX.
- Опубликовать на GitHub
- Включите видео и скриншоты, а затем поделитесь ими в социальных сетях.
- Выигрывай призы и получай признание
- Главный приз — Apple M1 Mac Mini, так что вы можете воспользоваться новой поддержкой Apple Silicon в Delphi 11 Alexandria.
Подробности позже: blogs.embarcadero.com/?p=140459
СЛЕДИТЕ ЗА ПРОЕКТОМ
Дополнительные ссылки
- Skia4Delphi — github.com/skia4delphi/skia4delphi
- Вебинар – blogs.embarcadero.com/?p=140459
- Документация по лыжам
- Подробнее о шейдерах
- Больше образцов
Примечания
- Для платформы Mac, когда
GlobalUseMetaltrue вместе сGlobalUseSkia, производительность с классическим FMX аналогична. - На iOS нет общей ссылки (общие библиотеки: dll, .so, .dylib), только статическая (в данном случае .a). В этом .a (эквивалент .lib в Windows) сгенерированы все obj-файлы, однако, несмотря на 60 МБ, размер результирующего приложения намного меньше, потому что оно скомпилировано только вместе с используемыми функциями. Другими словами, статические библиотеки обычно бывают больше общих библиотек, но результирующий вывод намного меньше и не превышает нормального размера разделяемой библиотеки.
- Два брата из Бразилии
- Победители конкурса Spirit of Delphi 2021 г.
- Пауло Сезар Ботельо Барбоза
- Винисиус Фелипе Ботельо Барбоза
- При поддержке и предложениях Яна и Джима
Катание на лыжах для Delphi
- ЭКОНОМИКА — проект с открытым исходным кодом, полностью бесплатный
- ЛЕГКО ИСПОЛЬЗОВАТЬ — Простота установки, простой код
Совместимость
- Delphi 11+: все платформы
- Delphi 10.3+: Windows и Android
- Delphi XE7+: Windows
Доступно через …
Библиотека Skia4Delphi
- Концептуально библиотека состоит из 3 частей:
- Skia API (Консоль, VCL, FMX)
- Доступ к чистой библиотеке Google Skia через единый модуль: Skia.pas .
- Элементы управления (VCL, FMX)
- TskAnimatedImage : Play Lottie, стикеры Telegram, анимированные GIF и анимированные WebP
- TskLabel : несколько стилей текста, вес шрифта, выравнивание по ширине, ограничение максимального количества строк, цвет фона в частях текста, автоматический размер ширины и высоты, расширенные декорации и многое другое.
- TSkPaintBox : используйте событие OnDraw для рисования с помощью Skia API непосредственно на элементе управления.
- TSkSvg : загрузка значков svgs, изменение цвета и режим переноса
- Рендеринг приложений (FMX)
- Необязательная функция , которая при включении графического движка FMX будет заменена графическим движком Skia4Delphi, то есть все приложение, все элементы управления на экране будут отображаться внутри холста на основе Skia.
- То есть, добавив всего 1 строку кода для его включения , все ваше приложение будет автоматически:
- Улучшить качество рисунков; сглаживание неровных краев
- Увеличение производительности графики до 50%
- Повышение точности рисования
- Добавлена поддержка языков с письмом справа налево.
- Холст FMX
- Skia API (Консоль, VCL, FMX)
App Rendering Benchm
Архитектура
- Использует пользовательскую версию библиотеки 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 |
Качество визуализации
Качество прорисовки улучшено, в некоторых сценариях значительно
Преимущества SVG
- Независимость от разрешения и масштабируемость
- Стайлинг (можно легко изменить цвет)
- Файл намного меньше
- Для значков всегда предпочитайте SVG статическим изображениям, таким как PNG.
- Тысячи бесплатных иконок и изображений доступны в Интернете
Преимущества Lottie Animation
- Независимый от разрешения и масштабируемый векторный формат
- Легкий, на 600% меньше по сравнению с GIF
- Исключительная производительность с плавной анимацией
- Тысячи бесплатных анимаций Lottie (JSON) доступны в Интернете
Почему векторные форматы?
- Гораздо меньшие размеры файлов
- Бесконечно изменяемый размер и масштабируемость
- Более плавная анимация
- Более простое редактирование и настройка
Почему векторная графика?
Источник SVG — это XML (который легко сжимается с помощью Zip)
PNG и JPEG являются двоичными (уже сжатыми).
- И JPEG, и PNG являются форматами растровых/растровых изображений.
- PNG без потерь, со 100% точным воспроизведением изображения
- JPEG с потерями, теряет некоторую точность изображения каждый раз, когда он редактируется или сжимается.
Сравнение размеров файлов изображений
Векторные анимации?
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
- Другое использование:
- Об экранах, заставках, установщиках, адаптации пользователей, мастерах и т. д.
- Создайте проект с Skia4Delphi + Delphi 11
- Создайте красивое приложение с помощью VCL или FMX.
- Опубликовать на GitHub
- Включите видео и скриншоты, а затем поделитесь ими в социальных сетях.
- Выигрывай призы и получай признание
- Главный приз — Apple M1 Mac Mini, так что вы можете воспользоваться новой поддержкой Apple Silicon в Delphi 11 Alexandria.
Подробности позже: blogs.embarcadero.com/?p=140459
СЛЕДИТЕ ЗА ПРОЕКТОМ
Дополнительные ссылки
- Skia4Delphi — github.com/skia4delphi/skia4delphi
- Вебинар – blogs.embarcadero.com/?p=140459
- Документация по лыжам
- Подробнее о шейдерах
- Больше образцов
Примечания
- Для платформы Mac, когда
GlobalUseMetaltrue вместе сGlobalUseSkia, производительность с классическим FMX аналогична. - На iOS нет общей ссылки (общие библиотеки: dll, .so, .dylib), только статическая (в данном случае .a). В этом .a (эквивалент .lib в Windows) сгенерированы все obj-файлы, однако, несмотря на 60 МБ, размер результирующего приложения намного меньше, потому что оно скомпилировано только вместе с используемыми функциями. Другими словами, статические библиотеки обычно бывают больше общих библиотек, но результирующий вывод намного меньше и не превышает нормального размера разделяемой библиотеки.
О Skia4Delphi
- Открытый источник
- Использует модифицированный форк Skia от Google.
- Кроссплатформенность и мультифреймворк
- Библиотека 2D-графики для Delphi
- Рисунок
- Текст
- Анимации
- Картинки
- Сосредоточьтесь на качестве и производительности
Мозг Skia4Delphi
- Два брата из Бразилии
- Победители конкурса Spirit of Delphi 2021 г.
- Пауло Сезар Ботельо Барбоза
- Винисиус Фелипе Ботельо Барбоза
- При поддержке и предложениях Яна и Джима
Катание на лыжах для Delphi
- ЭКОНОМИКА — проект с открытым исходным кодом, полностью бесплатный
- ЛЕГКО ИСПОЛЬЗОВАТЬ — Простота установки, простой код
Совместимость
- Delphi 11+: все платформы
- Delphi 10.3+: Windows и Android
- Delphi XE7+: Windows
Доступно через …
Библиотека Skia4Delphi
- Концептуально библиотека состоит из 3 частей:
- Skia API (Консоль, VCL, FMX)
- Доступ к чистой библиотеке Google Skia через единый модуль: Skia.pas .
- Элементы управления (VCL, FMX)
- TskAnimatedImage : Play Lottie, стикеры Telegram, анимированные GIF и анимированные WebP
- TskLabel : несколько стилей текста, вес шрифта, выравнивание по ширине, ограничение максимального количества строк, цвет фона в частях текста, автоматический размер ширины и высоты, расширенные декорации и многое другое.
- TSkPaintBox : используйте событие OnDraw для рисования с помощью Skia API непосредственно на элементе управления.
- TSkSvg : загрузка значков svgs, изменение цвета и режим переноса
- Рендеринг приложений (FMX)
- Необязательная функция , которая при включении графического движка FMX будет заменена графическим движком Skia4Delphi, то есть все приложение, все элементы управления на экране будут отображаться внутри холста на основе Skia.
- То есть, добавив всего 1 строку кода для его включения , все ваше приложение будет автоматически:
- Улучшить качество рисунков; сглаживание неровных краев
- Увеличение производительности графики до 50%
- Повышение точности рисования
- Добавлена поддержка языков с письмом справа налево.
- Холст FMX
- Skia API (Консоль, VCL, FMX)
App Rendering Benchm
Архитектура
- Использует пользовательскую версию библиотеки 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 |
Качество визуализации
Качество прорисовки улучшено, в некоторых сценариях значительно
Преимущества SVG
- Независимость от разрешения и масштабируемость
- Стайлинг (можно легко изменить цвет)
- Файл намного меньше
- Для значков всегда предпочитайте SVG статическим изображениям, таким как PNG.
- Тысячи бесплатных иконок и изображений доступны в Интернете
Преимущества Lottie Animation
- Независимый от разрешения и масштабируемый векторный формат
- Легкий, на 600% меньше по сравнению с GIF
- Исключительная производительность с плавной анимацией
- Тысячи бесплатных анимаций Lottie (JSON) доступны в Интернете
Почему векторные форматы?
- Гораздо меньшие размеры файлов
- Бесконечно изменяемый размер и масштабируемость
- Более плавная анимация
- Более простое редактирование и настройка
Почему векторная графика?
Источник SVG — это XML (который легко сжимается с помощью Zip)
PNG и JPEG являются двоичными (уже сжатыми).
- И JPEG, и PNG являются форматами растровых/растровых изображений.
- PNG без потерь, со 100% точным воспроизведением изображения
- JPEG с потерями, теряет некоторую точность изображения каждый раз, когда он редактируется или сжимается.
Сравнение размеров файлов изображений
Векторные анимации?
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
- Другое использование:
- Об экранах, заставках, установщиках, адаптации пользователей, мастерах и т. д.
- Создайте проект с Skia4Delphi + Delphi 11
- Создайте красивое приложение с помощью VCL или FMX.
- Опубликовать на GitHub
- Включите видео и скриншоты, а затем поделитесь ими в социальных сетях.
- Выигрывай призы и получай признание
- Главный приз — Apple M1 Mac Mini, так что вы можете воспользоваться новой поддержкой Apple Silicon в Delphi 11 Alexandria.
Подробности позже: blogs.embarcadero.com/?p=140459
СЛЕДИТЕ ЗА ПРОЕКТОМ
Дополнительные ссылки
- Skia4Delphi — github.com/skia4delphi/skia4delphi
- Вебинар – blogs.embarcadero.com/?p=140459
- Документация по лыжам
- Подробнее о шейдерах
- Больше образцов
Примечания
- Для платформы Mac, когда
GlobalUseMetaltrue вместе сGlobalUseSkia, производительность с классическим FMX аналогична. - На iOS нет общей ссылки (общие библиотеки: dll, .so, .dylib), только статическая (в данном случае .a). В этом .a (эквивалент .lib в Windows) сгенерированы все obj-файлы, однако, несмотря на 60 МБ, размер результирующего приложения намного меньше, потому что оно скомпилировано только вместе с используемыми функциями. Другими словами, статические библиотеки обычно бывают больше общих библиотек, но результирующий вывод намного меньше и не превышает нормального размера разделяемой библиотеки.
Платформы для лыж:
- Все самые популярные платформы в мире, такие как:
- Окна
- macOS
- iOS (включая симулятор)
- Android (включая симулятор)
- Linux (основные дистрибутивы)
- FuschiaOS
- Тизен
- твОС
- watchOS
Особенности лыжи
О Skia4Delphi
- Открытый источник
- Использует модифицированный форк Skia от Google.
- Кроссплатформенность и мультифреймворк
- Библиотека 2D-графики для Delphi
- Рисунок
- Текст
- Анимации
- Картинки
- Сосредоточьтесь на качестве и производительности
Мозг Skia4Delphi
- Два брата из Бразилии
- Победители конкурса Spirit of Delphi 2021 г.
- Пауло Сезар Ботельо Барбоза
- Винисиус Фелипе Ботельо Барбоза
- При поддержке и предложениях Яна и Джима
Катание на лыжах для Delphi
- ЭКОНОМИКА — проект с открытым исходным кодом, полностью бесплатный
- ЛЕГКО ИСПОЛЬЗОВАТЬ — Простота установки, простой код
Совместимость
- Delphi 11+: все платформы
- Delphi 10.3+: Windows и Android
- Delphi XE7+: Windows
Доступно через …
Библиотека Skia4Delphi
- Концептуально библиотека состоит из 3 частей:
- Skia API (Консоль, VCL, FMX)
- Доступ к чистой библиотеке Google Skia через единый модуль: Skia.pas .
- Элементы управления (VCL, FMX)
- TskAnimatedImage : Play Lottie, стикеры Telegram, анимированные GIF и анимированные WebP
- TskLabel : несколько стилей текста, вес шрифта, выравнивание по ширине, ограничение максимального количества строк, цвет фона в частях текста, автоматический размер ширины и высоты, расширенные декорации и многое другое.
- TSkPaintBox : используйте событие OnDraw для рисования с помощью Skia API непосредственно на элементе управления.
- TSkSvg : загрузка значков svgs, изменение цвета и режим переноса
- Рендеринг приложений (FMX)
- Необязательная функция , которая при включении графического движка FMX будет заменена графическим движком Skia4Delphi, то есть все приложение, все элементы управления на экране будут отображаться внутри холста на основе Skia.
- То есть, добавив всего 1 строку кода для его включения , все ваше приложение будет автоматически:
- Улучшить качество рисунков; сглаживание неровных краев
- Увеличение производительности графики до 50%
- Повышение точности рисования
- Добавлена поддержка языков с письмом справа налево.
- Холст FMX
- Skia API (Консоль, VCL, FMX)
App Rendering Benchm
Архитектура
- Использует пользовательскую версию библиотеки 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 |
Качество визуализации
Качество прорисовки улучшено, в некоторых сценариях значительно
Преимущества SVG
- Независимость от разрешения и масштабируемость
- Стайлинг (можно легко изменить цвет)
- Файл намного меньше
- Для значков всегда предпочитайте SVG статическим изображениям, таким как PNG.
- Тысячи бесплатных иконок и изображений доступны в Интернете
Преимущества Lottie Animation
- Независимый от разрешения и масштабируемый векторный формат
- Легкий, на 600% меньше по сравнению с GIF
- Исключительная производительность с плавной анимацией
- Тысячи бесплатных анимаций Lottie (JSON) доступны в Интернете
Почему векторные форматы?
- Гораздо меньшие размеры файлов
- Бесконечно изменяемый размер и масштабируемость
- Более плавная анимация
- Более простое редактирование и настройка
Почему векторная графика?
Источник SVG — это XML (который легко сжимается с помощью Zip)
PNG и JPEG являются двоичными (уже сжатыми).
- И JPEG, и PNG являются форматами растровых/растровых изображений.
- PNG без потерь, со 100% точным воспроизведением изображения
- JPEG с потерями, теряет некоторую точность изображения каждый раз, когда он редактируется или сжимается.
Сравнение размеров файлов изображений
Векторные анимации?
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
- Другое использование:
- Об экранах, заставках, установщиках, адаптации пользователей, мастерах и т. д.
- Создайте проект с Skia4Delphi + Delphi 11
- Создайте красивое приложение с помощью VCL или FMX.
- Опубликовать на GitHub
- Включите видео и скриншоты, а затем поделитесь ими в социальных сетях.
- Выигрывай призы и получай признание
- Главный приз — Apple M1 Mac Mini, так что вы можете воспользоваться новой поддержкой Apple Silicon в Delphi 11 Alexandria.
Подробности позже: blogs.embarcadero.com/?p=140459
СЛЕДИТЕ ЗА ПРОЕКТОМ
Дополнительные ссылки
- Skia4Delphi — github.com/skia4delphi/skia4delphi
- Вебинар – blogs.embarcadero.com/?p=140459
- Документация по лыжам
- Подробнее о шейдерах
- Больше образцов
Примечания
- Для платформы Mac, когда
GlobalUseMetaltrue вместе сGlobalUseSkia, производительность с классическим FMX аналогична. - На iOS нет общей ссылки (общие библиотеки: dll, .so, .dylib), только статическая (в данном случае .a). В этом .a (эквивалент .lib в Windows) сгенерированы все obj-файлы, однако, несмотря на 60 МБ, размер результирующего приложения намного меньше, потому что оно скомпилировано только вместе с используемыми функциями. Другими словами, статические библиотеки обычно бывают больше общих библиотек, но результирующий вывод намного меньше и не превышает нормального размера разделяемой библиотеки.
Что общего у Google Chrome, Mozilla Firefox, Chrome OS, Android, Flutter и Delphi? У них ускоренная графика благодаря Skia. Эта высокопроизводительная кросс-платформенная библиотека 2D-графики стремительно покоряет мир разработчиков. Он работает с VCL и FireMonkey на всех платформах, поддерживаемых Delphi. Одна строка кода может ускорить ваши существующие приложения FireMonkey или продвинуться дальше и открыть новые функции для захватывающих дух пользовательских интерфейсов.
Skia4Delphi — это проект с открытым исходным кодом победителей и братьев Spirit of Delphi Award Пауло Сезара Ботельо Барбозы и Винисиуса Фелипе Ботельо Барбозы. Так как же использовать Skia4Delphi и вывести разработку приложений на новый уровень? Вы пришли в нужное место.
Вот несколько коротких видео или вы можете посмотреть полный повтор :
Что такое Skia, вы хотите спросить?
Представьте, что вы разработчик программного обеспечения, которому сегодня необходимо охватить все основные платформы. Ваш традиционный выбор:
- Родные
- Прямой доступ к оборудованию
- Отдельный код для каждой платформы
- Лучшее взаимодействие с пользователем за счет производительности разработчиков
- Интернет/Облако
- В основном общий код
- Отсоединен от оборудования
- Повышение производительности разработчиков за счет пользовательского опыта
Но теперь у нас есть… FireMonkey
- Native Compiled — прямой доступ к оборудованию платформы
- Мультиплатформенность — одна кодовая база для всех платформ
- Компонентный визуальный дизайнер — максимальная производительность разработчиков
Как Skia вписывается сюда? Представляем… Google Skia
- Google Skia — это графический движок с открытым исходным кодом для Google Chrome, Android, Flutter, Xamarin, Firefox и многих других.
- Он предоставляет общие 2D API, которые работают на различных платформах, абстрагируя сложности при реализации низкоуровневых библиотек, которые он использует, таких как Vulkan, DirectX, Metal и другие, реализуя множество оптимизаций и новых функций.
Платформы для лыж:
- Все самые популярные платформы в мире, такие как:
- Окна
- macOS
- iOS (включая симулятор)
- Android (включая симулятор)
- Linux (основные дистрибутивы)
- FuschiaOS
- Тизен
- твОС
- watchOS
Особенности лыжи
О Skia4Delphi
- Открытый источник
- Использует модифицированный форк Skia от Google.
- Кроссплатформенность и мультифреймворк
- Библиотека 2D-графики для Delphi
- Рисунок
- Текст
- Анимации
- Картинки
- Сосредоточьтесь на качестве и производительности
Мозг Skia4Delphi
- Два брата из Бразилии
- Победители конкурса Spirit of Delphi 2021 г.
- Пауло Сезар Ботельо Барбоза
- Винисиус Фелипе Ботельо Барбоза
- При поддержке и предложениях Яна и Джима
Катание на лыжах для Delphi
- ЭКОНОМИКА — проект с открытым исходным кодом, полностью бесплатный
- ЛЕГКО ИСПОЛЬЗОВАТЬ — Простота установки, простой код
Совместимость
- Delphi 11+: все платформы
- Delphi 10.3+: Windows и Android
- Delphi XE7+: Windows
Доступно через …
Библиотека Skia4Delphi
- Концептуально библиотека состоит из 3 частей:
- Skia API (Консоль, VCL, FMX)
- Доступ к чистой библиотеке Google Skia через единый модуль: Skia.pas .
- Элементы управления (VCL, FMX)
- TskAnimatedImage : Play Lottie, стикеры Telegram, анимированные GIF и анимированные WebP
- TskLabel : несколько стилей текста, вес шрифта, выравнивание по ширине, ограничение максимального количества строк, цвет фона в частях текста, автоматический размер ширины и высоты, расширенные декорации и многое другое.
- TSkPaintBox : используйте событие OnDraw для рисования с помощью Skia API непосредственно на элементе управления.
- TSkSvg : загрузка значков svgs, изменение цвета и режим переноса
- Рендеринг приложений (FMX)
- Необязательная функция , которая при включении графического движка FMX будет заменена графическим движком Skia4Delphi, то есть все приложение, все элементы управления на экране будут отображаться внутри холста на основе Skia.
- То есть, добавив всего 1 строку кода для его включения , все ваше приложение будет автоматически:
- Улучшить качество рисунков; сглаживание неровных краев
- Увеличение производительности графики до 50%
- Повышение точности рисования
- Добавлена поддержка языков с письмом справа налево.
- Холст FMX
- Skia API (Консоль, VCL, FMX)
App Rendering Benchm
Архитектура
- Использует пользовательскую версию библиотеки 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 |
Качество визуализации
Качество прорисовки улучшено, в некоторых сценариях значительно
Преимущества SVG
- Независимость от разрешения и масштабируемость
- Стайлинг (можно легко изменить цвет)
- Файл намного меньше
- Для значков всегда предпочитайте SVG статическим изображениям, таким как PNG.
- Тысячи бесплатных иконок и изображений доступны в Интернете
Преимущества Lottie Animation
- Независимый от разрешения и масштабируемый векторный формат
- Легкий, на 600% меньше по сравнению с GIF
- Исключительная производительность с плавной анимацией
- Тысячи бесплатных анимаций Lottie (JSON) доступны в Интернете
Почему векторные форматы?
- Гораздо меньшие размеры файлов
- Бесконечно изменяемый размер и масштабируемость
- Более плавная анимация
- Более простое редактирование и настройка
Почему векторная графика?
Источник SVG — это XML (который легко сжимается с помощью Zip)
PNG и JPEG являются двоичными (уже сжатыми).
- И JPEG, и PNG являются форматами растровых/растровых изображений.
- PNG без потерь, со 100% точным воспроизведением изображения
- JPEG с потерями, теряет некоторую точность изображения каждый раз, когда он редактируется или сжимается.
Сравнение размеров файлов изображений
Векторные анимации?
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
- Другое использование:
- Об экранах, заставках, установщиках, адаптации пользователей, мастерах и т. д.
- Создайте проект с Skia4Delphi + Delphi 11
- Создайте красивое приложение с помощью VCL или FMX.
- Опубликовать на GitHub
- Включите видео и скриншоты, а затем поделитесь ими в социальных сетях.
- Выигрывай призы и получай признание
- Главный приз — Apple M1 Mac Mini, так что вы можете воспользоваться новой поддержкой Apple Silicon в Delphi 11 Alexandria.
Подробности позже: blogs.embarcadero.com/?p=140459
СЛЕДИТЕ ЗА ПРОЕКТОМ
Дополнительные ссылки
- Skia4Delphi — github.com/skia4delphi/skia4delphi
- Вебинар – blogs.embarcadero.com/?p=140459
- Документация по лыжам
- Подробнее о шейдерах
- Больше образцов
Примечания
- Для платформы Mac, когда
GlobalUseMetaltrue вместе сGlobalUseSkia, производительность с классическим FMX аналогична. - На 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.
Free Delphi Community Edition Free C++Builder Community Edition
