MaterialioForDelphi

KO | EN

gitlite — search

#postgresql #shell #ios #sql #anthropic #data-science #java #cli #chatgpt #containers

MaterialioForDelphi

(★ 26)

Use Google's Material io TTF Font for VCL Components

File Explorer

ZIP Download

- Execute.MaterialButton.bmp
- Execute.MaterialColorSet.bmp
- Execute.MaterialIcons.Design.dpk
- Execute.MaterialIcons.Design.dproj
- Execute.MaterialIcons.DesignReg.pas
- Execute.MaterialIcons.dpk
- Execute.MaterialIcons.dproj
- Execute.MaterialIcons.Editor.dfm
- Execute.MaterialIcons.Editor.pas
- Execute.MaterialIcons.pas
- Execute.MaterialIcons.rc
- Execute.MaterialIcons.Register.pas
- Execute.MaterialIcons.Register.rc
- Execute.MaterialToolBar.bmp
- MaterialIcons-Regular.ttf
- Demo.dpr
- Demo.dproj
- Demo.Main.dfm
- Demo.Main.pas
demo.gif
design.gif
LICENSE
ProjectGroup.groupproj
README.md
screen1.png

# Use via CDN

jsDelivr

jsDelivr serves any public GitHub repository as a CDN with zero setup. Pick a version and a file to get a ready-to-paste link and snippet.

Version

File

Link

Example

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

Use Google's Material io TTF Font for VCL Components

![screen](https://raw.githubusercontent.com/tothpaul/MaterialioForDelphi/main/screen1.png)

## Installation

1. Open the ProjectGroup
2. Compile Execute.MaterialIcons.bpl
3. Build Execute.MaterialIcons.Design.bpl (Compile will fail !)
4. Install Execute.MaterialIcons.Design.bpl
5. Open and test Demo.dpr

Note that the MaterialIcon property is of type TMaterialIcon, this type do not have any RTTI, so Delphi IDE can't display it. 
To bypass this problem, at design time only {$IFDEF DESIGN_ONLY} the propery is define as a WideChar, hence the Build required for the design time package.
In fact, TMaterialIcon is a WideChar, but the enumeration take only the valid chars for the Material Icons font.
In your code you can change the property like this for instance "MaterialButton1.MaterialIcon := TMaterialIcon.Search".

## Components

TMaterialButton can display one the of Material Icon like a picture if you don't define the OnClick event.
if you define the OnClick event it acts like a TSpeedButton (see TMaterialColorSet for colors)

TMaterialToolBar is just a collection of TMaterialToolButton to quickly define a toolbar.
If the AutoSize property is set, the buttons are resized to fit the toolbar height.

![resize](https://raw.githubusercontent.com/tothpaul/MaterialioForDelphi/main/design.gif)

TMaterialColorSet defines the colors of the border, the background and the icon of a "Material" component in 4 different states: Default, Hover, Down and Disabled.
Instead of defining the color of each component individually, you can define few color sets and apply them as needed with the MaterialColorSet property.

With the MaterialIcon property Editor you can display all the availables Icons and search in the collection by name.

![runtime](https://raw.githubusercontent.com/tothpaul/MaterialioForDelphi/main/demo.gif)

MaterialioForDelphi

Owner Repos

File Explorer

# Use via CDN

Was this content helpful?

Recent Feedback

MaterialioForDelphi

Owner Repos

File Explorer

# Use via CDN

Was this content helpful?

Recent Feedback

Download README