MaterialioForDelphi - GitLite

KO | EN

gitlite — search

#cloud-native #agent #csharp #php #git #tensorflow #dotnet #privacy #docker #open-source

MaterialioForDelphi

(★ 26)

Use Google's Material io TTF Font for VCL Components

파일 탐색기

ZIP 다운로드

- 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

# CDN으로 사용하기

jsDelivr

jsDelivr는 공개 GitHub 리포지토리를 별도 설정 없이 CDN으로 즉시 서빙합니다. 버전과 파일을 고르면 웹페이지에 바로 붙일 수 있는 링크와 예시 코드가 만들어집니다.

버전

파일

링크

예시

// 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)