Codrut-fluent-design-system
Codrut Fluent Design System은 유창한 설계 시스템 인 Windows 11의 인터페이스를 모방하기 위해 만들어진 다양한 구성 요소입니다. 이것은 Codrutsvisuallibrary와 혼동되지 않아야합니다.
통지 : 건설 중입니다 !!
구성 요소 패키지는 버그를 만나지 않고 완료 될 수있는 상태가 아닙니다. 이 패키지는 베타 단계로 진행되었습니다.
구성 요소
- 옵션 애니메이션으로 최소화 할 수있는 패널 인 패널을 최소화하고 Doublebufered에서 가장 잘 작동하며 더 많은 패널을 사용하려면 Align.Altop을 사용하십시오.
- 패널, 입증 된 기능이있는 TPANEL 구성 요소 및 시스템 색상 테마에 동기화하는 기능
- 버튼, 유창한 디자인 스타일의 강력한 버튼, 사용자 정의 색상, 모양, 버튼 유형, 긴 프레스, 2 상태, 체크 다운, 드롭 다운 등으로 사용자 정의 할 수 있습니다. 또한 수직 및 수평선과 아이콘도 정렬 할 수 있습니다.
- 기능을 갖춘 기능을 갖춘 Codrutsvisuallibrary의 매우 사용자 정의 가능하고 고급 버튼 인 Buttondesign은 여러 가지 방법, 아이콘 지원, 그라디언트, 악센트 색상 동기화, 정렬, 서브 텍스트, 자동 글꼴 사이징 등을 스타일링 할 수 있습니다.
- 라디오 버튼, 여러 aligmnets가있는 라디오 버튼 구성 요소
- 스크롤 바, 사용하지 않을 때 줄로 최소화하는 간단한 스크롤 바
- 현대적인 스크롤 바를 사용하는 최신 스크롤 박스 인 스크롤 박스
- Selector, 전환 할 때 애니메이션으로 여러 옵션 중에서 선택할 수있는 구성 요소
- 3 상태를 지원하는 애니메이션 확인란 인 CheckBox
- 편집 상자, 수직 정렬 지원이있는 연도 편집 상자
- 표준 아이콘, 여러 아이콘이있는 드로프 가능한 tgraphiccontrol 아이콘 구성 요소
- ICONV IEW, 드로잉 및 저장을 위해 fxicon 클래스에 의존하는 간단한 아이콘보기 컨트롤입니다. 매우 가볍습니다
- 슬라이더, 진드기 지지대가있는 슬라이더, 힌트 미리보기 및 더 많은 기능
- 흐릿한 재료, 벽지에서 가져올 수있는 acrilic 블러 상자 또는 화면의 스크린 샷. 앱과 같은 Windows 유창한 설계 시스템에 적합합니다
- 팝업 메뉴는 (fxoconselect) 아이콘을 지원하고 여러 하위 메뉴를 가질 수 있으며 악센트 색상 테두리가있는 배경에 아크릴 효과를 사용했습니다. 또한 점검 가능한 품목, 무선 항목, 분리기가 있으며 앞에서 언급했듯이 무한 레이어로 깊숙이 들어갈 수 있습니다.
- 더 많은 기능이있는 간단한 레이블과 같은 구성 요소 인 텍스트 상자. 또한 기본 클래스에 따라 몇 가지 구성 요소가 있습니다.
- 애니메이션 텍스트 상자, 값의 TStringlist에서 애니메이션 할 수있는 레이블 상자
- 스크롤 텍스트, 스크롤 텍스트가있는 상자. 페이드 크기, 페이드 너비 및 애니메이션 속도를 조정할 수 있습니다.
- 4 가지 스타일의 간단한 애니메이션 진행 막대
- 이미지를 유지할 수있는 진행중인 작업 구성 요소 인 ImageList
- 사각형, 원, 삼각형 및 미래에 더 많은 계획과 같은 간단한 모양
- 선형 드로우 목록, 주어진 알림 이벤트에 모두 그려진 여러 요소가있는 목록, 레이아웃은 자동으로 계산되며 사용자 정의 내용 정당화 및 방향을 제공 할 수 있습니다.
- 선형 제어 목록, TControllist와 유사하지만 레이아웃 및 사용자 정의 도면 측면에서 더 사용자 정의 할 수있는 CFX 컨트롤을 허용하는 선형 드로우 목록.
- 효과, 컨트롤에 효과를 오버레이 할 수 있습니다. 효과는 흐려질 수 있습니다. 모노 크롬, 반전, 딥 플라이, 색상, 줌 등!
- 다른 컨트롤을 내부에 저장하기위한 구성 요소 컨테이너 인 레이아웃
- 스크롤 가능한 레이아웃은 다른 레이아웃 기반 컨트롤이지만 컨트롤을 스크롤하기위한 두 개의 스크롤 바가 있습니다.
CodrutfluentDesignsystem으로 만든 앱
- Codrut 인쇄 -https://github.com/codrax/codrut-printing
- 파일 동기화 관리자 - (진행중인 작업)
CFX 시각 응용 프로그램 생성
- 델파이에서 새 VCL 응용 프로그램을 만듭니다

필수 단위 파일 CFX.Classes 필수 단위 파일은 CFX.Forms CFX.Types CFX.Colors CFX.ThemeManager
기본 양식 클래스를 FXForm으로 변경하십시오

팔레트에서 구성 요소를 추가 할 수있는 일부 구성 요소를 배치하십시오. CFX Main , CFX.Shapes , CFX Animations 및 CFX Utils 로 그룹화됩니다.
CFX Utils 의 응용 프로그램 관리자 ( FXAppManager ) 추가 앱 관리자는 응용 프로그램의 옵션 기능으로 응용 프로그램의 AppData 디렉토리를 자동으로 작성하고 양식이 닫힌 화면에 위치를 저장하고 시작시 재로드합니다. 또한 다음 형식으로 제공된 APIEND 포인트로 게시물 요청을 보내는 자동 업데이트 확인을 시작할 수도 있습니다.
{
"mode":"getversion",
"app":"app-api-name"
}
그리고 그것은 형식의 결과를 기대합니다
{
"version":"1.0.0",
"updateurl":"https://server.com/download-file.exe" // optional
{
- 추가 유닛 (선택 사항) 포함 가장 유용한 장치는 다음과 같습니다.
-
CFX.Dialogs , 대화 및 각 유형의 클래스 -
CFX.QuickDialogs , OpenMessage() 또는 OpenDialog() 또는 OpenInput() 과 같은 절차를 사용하여 빠른 대화를 실행합니다. -
CFX.FormClasses ,이 장치에는 전체 화면 대화 상자에 대한 모든 클래스가 포함되어 있습니다. 확인, 상태와 같은
이미지 갤러리
다음 이미지는 구성 요소 제품군의 알파 버전이며, 구성 요소는 향후 변경 될 것으로 예상됩니다.









