O Skia4Delphi \u00e9 o resultado direto da necessidade de trazer capacidades gr\u00e1ficas avan\u00e7adas e desempenho de renderiza\u00e7\u00e3o superior para o ambiente de desenvolvimento Delphi. Este projeto ambicioso pode ser atribu\u00eddo \u00e0 vis\u00e3o e dedica\u00e7\u00e3o de Paulo C\u00e9sar e Vinicius Felipe, dois profissionais com uma paix\u00e3o profunda por melhorar a experi\u00eancia de desenvolvimento em Delphi. Reconhecendo a lacuna nas capacidades gr\u00e1ficas dispon\u00edveis para desenvolvedores Delphi e a pot\u00eancia do mecanismo Skia, eles embarcaram na jornada de integrar o Skia ao Delphi, facilitando assim a cria\u00e7\u00e3o de aplica\u00e7\u00f5es mais ricas e visuais.<\/p>\n\n\n\n
<\/h2>\n\n\n\n
Por que usar o Skia4Delphi?<\/strong><\/p>\n\n\n\n O Skia4Delphi n\u00e3o \u00e9 apenas uma ponte para integrar um poderoso mecanismo gr\u00e1fico ao ambiente Delphi; \u00e9 uma transforma\u00e7\u00e3o completa da forma como os desenvolvedores podem abordar gr\u00e1ficos e renderiza\u00e7\u00e3o em suas aplica\u00e7\u00f5es. As vantagens de adotar o Skia4Delphi s\u00e3o vastas e impactam significativamente a qualidade, o desempenho e a efici\u00eancia do desenvolvimento. Aqui est\u00e3o alguns dos benef\u00edcios mais not\u00e1veis:<\/p>\n\n\n\n Para aplica\u00e7\u00f5es Android\/iOS desenvolvidas em Delphi, o Skia4Delphi oferece uma melhoria not\u00e1vel na fluidez e no desempenho. A otimiza\u00e7\u00e3o espec\u00edfica para dispositivos Android\/iOS significa que os aplicativos n\u00e3o s\u00f3 rodam mais suavemente, mas tamb\u00e9m respondem mais rapidamente \u00e0s intera\u00e7\u00f5es dos usu\u00e1rios, um aspecto crucial para manter os usu\u00e1rios engajados.<\/p>\n\n\n\n Al\u00e9m substitu\u00edmos o motor do Firemonkey para o do Skia quando habilitamos ele em nossos aplicativos, gerando um ganho expressivo de velocidades nas aplica\u00e7\u00f5es. <\/p>\n\n\n\n A integra\u00e7\u00e3o com o Skia permite uma renderiza\u00e7\u00e3o de objetos com qualidade superior, reduzindo o serrilhado em ret\u00e2ngulos, c\u00edrculos e outras formas geom\u00e9tricas. Isso \u00e9 particularmente importante para aplica\u00e7\u00f5es que necessitam de uma apresenta\u00e7\u00e3o visual impec\u00e1vel, garantindo que os elementos gr\u00e1ficos apare\u00e7am n\u00edtidos e claros em qualquer tamanho ou resolu\u00e7\u00e3o de tela.<\/p>\n\n\n\n O Skia4Delphi desbloqueia uma s\u00e9rie de funcionalidades avan\u00e7adas que antes eram desafiadoras ou imposs\u00edveis de implementar em Delphi, incluindo:<\/p>\n\n\n\n Tamb\u00e9m \u00e9 poss\u00edvel carregar in\u00fameros tipos de arquivos na aplica\u00e7\u00e3o que antes n\u00e3o eram poss\u00edveis. Veja:<\/p>\n\n\n Al\u00e9m das melhorias visuais e de desempenho, o Skia4Delphi tamb\u00e9m ajuda a reduzir a quantidade de c\u00f3digo necess\u00e1rio para realizar opera\u00e7\u00f5es gr\u00e1ficas complexas. Isso simplifica o processo de desenvolvimento, permitindo que os desenvolvedores se concentrem mais na l\u00f3gica do aplicativo e menos nos detalhes t\u00e9cnicos da renderiza\u00e7\u00e3o gr\u00e1fica.<\/p>\n\n\n\n Uma das grandes vantagens do Skia4Delphi \u00e9 sua compatibilidade e flexibilidade. Desenvolvedores podem agora criar aplica\u00e7\u00f5es que s\u00e3o visualmente consistentes e perform\u00e1ticas em v\u00e1rias plataformas, aproveitando o mesmo conjunto de ferramentas e capacidades que o Skia oferece.<\/p>\n\n\n\n O Skia4Delphi se destaca por oferecer uma ampla gama de funcionalidades, incluindo:<\/p>\n\n\n\n Com o Skia4Delphi, \u00e9 poss\u00edvel substituir o motor gr\u00e1fico do FireMonkey, permitindo que as aplica\u00e7\u00f5es Delphi FMX tirem total proveito das capacidades avan\u00e7adas do Skia. Isso n\u00e3o s\u00f3 melhora a qualidade e o desempenho da renderiza\u00e7\u00e3o, mas tamb\u00e9m abre novas possibilidades para o desenvolvimento de interfaces de usu\u00e1rio ricas e visualmente impressionantes em plataformas cruzadas.<\/p>\n\n\n\n Para evidenciar a efici\u00eancia e a performance do Skia4Delphi, foram executados diversos testes de desempenho em uma ampla gama de dispositivos. Estes testes foram cuidadosamente projetados para simular cen\u00e1rios reais de uso, destacando como o Skia4Delphi pode otimizar a renderiza\u00e7\u00e3o gr\u00e1fica em aplica\u00e7\u00f5es Delphi. Abaixo, apresentamos uma tabela que resume alguns desses resultados, ilustrando o impacto significativo que o Skia4Delphi tem na melhoria da performance em diferentes ambientes e configura\u00e7\u00f5es de hardware.<\/p>\n\n\n **Fonte: informa\u00e7\u00f5es extra\u00eddas do GitHub do Skia4Delphi<\/p>\n\n\n O Skia4Delphi \u00e9 uma ferramenta poderosa que coloca capacidades gr\u00e1ficas avan\u00e7adas ao alcance dos desenvolvedores Delphi. Com o Skia Canvas, voc\u00ea obt\u00e9m acesso direto a uma ampla gama de funcionalidades de desenho e renderiza\u00e7\u00e3o, permitindo a cria\u00e7\u00e3o de gr\u00e1ficos 2D complexos, manipula\u00e7\u00e3o de imagens, e efeitos visuais sofisticados com facilidade e efici\u00eancia. Esta liberdade para desenhar diretamente sobre o canvas abre novas possibilidades para o design de UI\/UX, permitindo que desenvolvedores criem interfaces de usu\u00e1rio din\u00e2micas, visualmente ricas e altamente interativas. Seja melhorando a est\u00e9tica de uma aplica\u00e7\u00e3o ou criando visualiza\u00e7\u00f5es de dados intricadas, o Skia Canvas \u00e9 a chave para elevar seus projetos a um novo n\u00edvel de profissionalismo e polimento.<\/p>\n\n\n\n Bitmaps<\/strong><\/p>\n\n\n\n Controles no Form<\/strong><\/p>\n\n\n\n O suporte a texto da direita para a esquerda (RTL) \u00e9 uma funcionalidade crucial para aplica\u00e7\u00f5es globais, permitindo que desenvolvedores criem softwares acess\u00edveis para idiomas como \u00e1rabe e hebraico. A se\u00e7\u00e3o “Right-to-Left” enfatiza que, ao utilizar o renderizador do Skia, as aplica\u00e7\u00f5es passam a suportar naturalmente a renderiza\u00e7\u00e3o de texto RTL, garantindo uma experi\u00eancia de usu\u00e1rio inclusiva e global.<\/p>\n\n\n\n O uso de fontes personalizadas com o Skia4Delphi n\u00e3o \u00e9 apenas uma quest\u00e3o de estilo, mas uma extens\u00e3o da identidade visual da sua aplica\u00e7\u00e3o. Ao permitir a incorpora\u00e7\u00e3o de custom fonts em qualquer controle FMX, em todas as plataformas, o Skia4Delphi garante que voc\u00ea possa manter uma apar\u00eancia consistente e alinhada com a marca de sua aplica\u00e7\u00e3o, independentemente do dispositivo ou sistema operacional. Esta funcionalidade abre portas para uma personaliza\u00e7\u00e3o sem precedentes e uma express\u00e3o visual aut\u00eantica, permitindo que designers e desenvolvedores transmitam o car\u00e1ter \u00fanico de suas aplica\u00e7\u00f5es atrav\u00e9s da tipografia. Al\u00e9m disso, a integra\u00e7\u00e3o de fontes personalizadas \u00e9 simplificada e intuitiva, assegurando que sua aplica\u00e7\u00e3o se destaque com um visual \u00fanico, sem comprometer a usabilidade ou a experi\u00eancia do usu\u00e1rio.<\/p>\n\n\n\n No RAD Studio 12 Athens ou mais recente \u00e9 recomendado usar Uma das coisas que mais gosto no Skia4Delphi \u00e9 que ele tamb\u00e9m possui controles que facilitam bastante nosso trabalho no dia a dia. N\u00e3o vou me aprofundar muito aqui, pois no github h\u00e1 muita informa\u00e7\u00e3o mais detalhada.<\/a><\/p>\n\n\n\n TSkAnimatedImage<\/strong><\/p>\n\n\n\n <\/a>TSkAnimatedImage<\/strong> \u00e9 um controle que pode carregar e renderizar imagens animadas, incluindo vetores animados de forma muito simples. Abaixo uma tabela dos tipos compat\u00edveis e um trecho de c\u00f3digo.<\/p>\n\n\n TSkLabel<\/strong><\/p>\n\n\n\n <\/a>TSkLabel<\/strong> implementa internamente o SkParagraph, permitindo turbinar o TLabel, permitindo uma grande quantidade de personaliza\u00e7\u00f5es ao label:<\/p>\n\n\n TSkSvg<\/strong><\/p>\n\n\n\n O componente TSkSvg permite carregar arquivos SVG, que s\u00e3o muito mais leves e podem inclusive para conter anima\u00e7\u00f5es. <\/p>\n\n\n\n O Skia4Delphi representa um marco na evolu\u00e7\u00e3o das capacidades gr\u00e1ficas para desenvolvedores Delphi, oferecendo uma suite de funcionalidades de renderiza\u00e7\u00e3o de alta performance e qualidade visual superior. Desde o seu lan\u00e7amento, esta biblioteca tem sido uma escolha popular entre os desenvolvedores Delphi que buscam elevar o n\u00edvel de suas aplica\u00e7\u00f5es com gr\u00e1ficos avan\u00e7ados e interfaces de usu\u00e1rio atraentes. At\u00e9 a vers\u00e3o 11.3 (Alexandria) do Delphi, a integra\u00e7\u00e3o do Skia4Delphi requerida um processo de instala\u00e7\u00e3o manual, o que, apesar de ser plenamente acess\u00edvel, representava um passo adicional no setup de desenvolvimento.<\/p>\n\n\n\nDesempenho superior e fluidez em aplica\u00e7\u00f5es Android\/iOS<\/h3>\n\n\n\n
Qualidade visual aprimorada<\/h3>\n\n\n\n
Funcionalidades Avan\u00e7adas<\/h3>\n\n\n\n
\n
![\"\"](\"https:\/\/adrianosantostreina.com.br\/blog\/wp-content\/uploads\/2024\/04\/image-2.png\")
<\/figure><\/div>\n\n\nRedu\u00e7\u00e3o de C\u00f3digo e Complexidade<\/h3>\n\n\n\n
Compatibilidade e Flexibilidade<\/h3>\n\n\n\n
Funcionalidades do Skia4Delphi<\/h3>\n\n\n\n
\n
Substitui\u00e7\u00e3o do Renderizador FMX<\/h3>\n\n\n\n
Benchmark<\/h3>\n\n\n\n
![\"\"](\"https:\/\/adrianosantostreina.com.br\/blog\/wp-content\/uploads\/2024\/04\/image-3.png\")
<\/figure><\/div>\n\n![\"\"](\"https:\/\/adrianosantostreina.com.br\/blog\/wp-content\/uploads\/2024\/04\/image-4.png\")
<\/figure><\/div>\n\n\n![\"\"](\"https:\/\/adrianosantostreina.com.br\/blog\/wp-content\/uploads\/2024\/02\/Banner-Hotmart-1.png\")
<\/a><\/figure><\/div>\n\n\nSkia Canvas: Potencialize sua renderiza\u00e7\u00e3o gr\u00e1fica<\/h3>\n\n\n\n
uses\n System.Skia, FMX.Skia.Canvas;\nbegin\n var LBitmap := TBitmap.Create(300, 300);\n try\n LBitmap.Canvas.BeginScene;\n try\n var LCanvas: ISkCanvas := TSkCanvasCustom(LBitmap.Canvas).Canvas;\n \/\/ Draw using Skia canvas (LCanvas) directly to unlock new features...\n finally\n LBitmap.Canvas.EndScene;\n end;\n finally\n LBitmap.Free;\n end;\nend;<\/pre><\/div>\n\n\n\n
type\n TMyControl = class(TControl)\n protected\n procedure Paint; override;\n end;\nimplementation\nuses\n System.Skia, FMX.Skia.Canvas;\nprocedure TMyControl.Paint;\nbegin\n var LCanvas: ISkCanvas := TSkCanvasCustom(Canvas).Canvas;\n \/\/ Draw using Skia canvas (LCanvas) directly to unlock new features...\nend;<\/pre><\/div>\n\n\n\n
Right-to-Left<\/h3>\n\n\n\n
Custom Fonts: Express\u00e3o e identidade visual<\/h3>\n\n\n\n
program Project1;\nuses\n System.StartUpCopy,\n FMX.Forms,\n FMX.Skia,\n Unit1 in 'Unit1.pas' {Form1};\n{$R *.res}\nbegin\n GlobalUseSkia := True;\n TSkDefaultProviders.RegisterTypeface('Poppins.ttf');\n Application.Initialize;\n Application.CreateForm(TForm1, Form1);\n Application.Run;\nend.<\/pre><\/div>\n\n\n\nIFMXFontManagerService<\/code>:<\/p>\n\n\n\nprogram Project1;\nuses\n System.StartUpCopy,\n FMX.Forms,\n FMX.Platform,\n FMX.FontManager,\n FMX.Skia,\n Unit1 in 'Unit1.pas' {Form1};\n{$R *.res}\nbegin\n GlobalUseSkia := True;\n var LFontManager: IFMXFontManagerService;\n if TPlatformServices.Current.SupportsPlatformService(IFMXFontManagerService, LFontManager) then\n LFontManager.AddCustomFontFromFile('Poppins.ttf');\n Application.Initialize;\n Application.CreateForm(TForm1, Form1);\n Application.Run;\nend.<\/pre><\/div>\n\n\n\nControles VCL\/FMX<\/h1>\n\n\n\n
<\/h2>\n\n\n\n
![\"\"](\"https:\/\/adrianosantostreina.com.br\/blog\/wp-content\/uploads\/2024\/04\/image-6.png\")
<\/figure><\/div>\n\n\n var LAnimatedimage := TSkAnimatedImage.Create(Self);\n LAnimatedimage.LoadFromFile('Samples\\Demo\\Assets\\rocket.json');\n LAnimatedimage.Parent := Self;<\/pre><\/div>\n\n\n\n![\"\"](\"https:\/\/adrianosantostreina.com.br\/blog\/wp-content\/uploads\/2024\/04\/rocket.webp\")
<\/figure>\n\n\n\n<\/h2>\n\n\n\n
![\"\"](\"https:\/\/adrianosantostreina.com.br\/blog\/wp-content\/uploads\/2024\/04\/image-7.png\")
<\/figure><\/div>\n\n\n var LSvg := TSkSvg.Create(Self);\n LSvg.Svg.Source := TFile.ReadAllText('Samples\\Demo\\Assets\\panda.svg');\n LSvg.Parent := Self;<\/pre><\/div>\n\n\n\n![\"\"](\"https:\/\/adrianosantostreina.com.br\/blog\/wp-content\/uploads\/2024\/04\/image-8.png\")
<\/figure>\n\n\n\n
Perfeito, vamos elaborar um texto detalhado sobre a evolu\u00e7\u00e3o da integra\u00e7\u00e3o do Skia4Delphi com o Delphi, destacando a mudan\u00e7a significativa ocorrida na vers\u00e3o 12.<\/p>\n\n\n\n
\n\n\n\nComo instalar o Skia4Delphi?<\/h3>\n\n\n\n