Skip to content

Home

Jump to bottom
Carlo Barazzetta edited this page Jun 8, 2020 · 67 revisions

Welcome to the IconFontsImageList guide (VCL & FMX)

Delphi 10.4 Sydney Support

Actual official version 1.10 (VCL) and 1.5 (FMX)

https://github.com/EtheaDev/IconFontsImageList/blob/master/Packages/IconFontsImageListComponentIcon.png

The VCL component is compatible with Delphi versions starting from Delphi 7 to actual version.

The FMX components are compatible with Delphi versions starting 10.1 to actual version.

In this repository you can find all the sources of components and some demos.

Full support for Fonts collections with surrogate pair characters and a complete CharMap form (VCL only) to show and collect icons more easily: look here for more informations.

Preview

This image shows the component editor and the CharMap (VCL version) https://github.com/EtheaDev/IconFontsImageList/blob/master/Demo/Images/Sample.jpg

This image shows the demo and the component editor (FMX version) https://github.com/EtheaDev/IconFontsImageList/blob/master/Demo/Images/SampleFMX.jpg

Video tutorial (italian only)

Watch this video tutorial on Youtube: Watch the video

Quick overview of IconFontsImageList VCL Version

Use the advanced Component Editor (VLC) to easily create your Font Icons, from different Fonts:

https://github.com/EtheaDev/IconFontsImageList/blob/master/Demo/Images/ImageEditor.jpg

Change the color of all Icons of your application with "one line of code", according to the active VCL Style:

https://github.com/EtheaDev/IconFontsImageList/blob/master/Demo/Images/DemoChangeStyle.gif

Resize Icons at any pixel size is very simple:

https://github.com/EtheaDev/IconFontsImageList/blob/master/Demo/Images/DemoChangeSize.gif

Quick overview of IconFontsImageListFMX and IconFontImageFMX

Use the advanced Component Editor (FMX) to easily create your Font Icons, from different Fonts, and automatically synchronize source and destination icon collection:

https://github.com/EtheaDev/IconFontsImageList/blob/master/Demo/Images/ImageEditorFMX.jpg

For FMX you can use two components: TIconFontsImageListFMX and TIconFontImageFMX.

With TIconFontsImageListFMX you can easily create your Font Icons, from different Fonts, with autoresize support.

With TIconFontImageFMX you can use a single Font Icon into a Image component with autoresize support.

You can use any "Icon Font": remember to deploy them with you app and install them into the device.

Prerequisites

The Demos uses the materialdesignicons-webfont.ttf Icon-Font, so you must install it in your system.

WARNING:

Take care of different versions of the same Font, as explained here: Deploy of the application.

Installation

Clone repository, open Package Group "IconFontsImageGroupPackages.groupproj" of your Delphi version located in: IconFontsImageList\Packages\DXXX. For Delphi7 the file to open is "IconFontsImageListPackage.bpg".

Build RunTime package: IconFontsImageList_DXXX and IconFontsImageListFMX_DXXX

Install DesignTime package: dclIconFontsImageList_DXXX and dclIconFontsImageListFMX_DXXX

Getting started

Start here for further information.

License

Licensed under the Apache License, Version 2.0, (the "License")

Contributors

Any contribution is welcome!

Clone this wiki locally