플러터를 사용하여 아름다운 기본 창 앱을 디자인하십시오
플러터를위한 유창한 UI의 비공식 구현. 공식 문서를 기반으로 작성되었습니다.
Flutter는 안정적인 Windows 지원을 제공하기 때문에 UI 가이드 라인을 지원하여 Fidelity를 갖춘 앱을 구축하여 재료 및 Cupertino를 지원하는 것과 같은 방식으로 필요합니다. 오프전한 유창한 UI 지원에 대한 자세한 내용은 이것을 참조하십시오.
또한 참조 :
이것은 오픈 소스 패키지입니다. 즉, 누구나 기여할 수 있습니다. 그러나 Bdlukaa는 적극적으로 유지하는 유일한 사람이므로 풀 요청을 검토하고 병합하는 데 시간이 걸릴 수 있습니다. 프로젝트를 지원하려면 후원자가 될 수 있습니다.
의존성에 패키지를 추가하십시오.
dependencies :
fluent_ui : ^4.4.0또는
dependencies :
fluent_ui :
git : https://github.com/bdlukaa/fluent_ui.git 마지막으로 dart pub get .
이 라이브러리를 사용하는 프로젝트는 안정적인 플러터 채널을 사용해야합니다.
앱 에서이 라이브러리를 사용하고 있습니까? 배지를 사용하여 다른 사람들에게 말할 수 있습니다.
README.md 또는 웹 사이트에 다음 코드를 추가하십시오.
< a title =" Made with Fluent Design " href =" https://github.com/bdlukaa/fluent_ui " >
< img
src =" https://img.shields.io/badge/fluent-design-blue?style=flat-square&color=gray&labelColor=0078D7 "
/>
</ a >공통 컨트롤은 악센트 색상을 사용하여 상태 정보를 전달합니다. 자세히 알아보십시오.
기본적으로 악센트 색상은 Colors.blue 입니다. 그러나 브랜드를 반영하기 위해 앱의 악센트 색상을 사용자 정의 할 수도 있습니다.
FluentThemeData (
accentColor : Colors .blue,
)시스템의 악센트 색상을 사용하려면 플러그인 시스템을 사용할 수 있습니다. :). 안드로이드, 웹, MacOS, Windows, Xbox 및 Linux (GTK 3+)를 지원합니다.
import 'package:system_theme/system_theme.dart' ;
FluentThemeData (
accentColor : SystemTheme .accentColor.accent. toAccentColor (),
)Fluentui 위젯은 현재 다음을 포함하여 다양한 수의 언어를 사용하여 다음을 포함합니다.
언어가 지원되지 않으면 앱이 충돌 할 수 있습니다. 새로운 언어에 대한 지원을 추가하거나 지원되는 언어를 사용할 수 있습니다. 자세히 알아보십시오
문제를 발견하거나 풀 요청을 수행하면 문제를 자유롭게 제출하십시오.
모든 기여는 환영합니다 :)
PR#216에서 우리는 Fluentui 위젯의 새로운 현지화에 대한 지원을 추가했습니다.
새로운 지역화 추가에 기여하려면 다음 단계를 따르십시오.
lib/l10n/intl_en.arb 파일을 새 언어 코드와 함께 lib/l10n 폴더로 복사하십시오.@locale 값을 업데이트하십시오.flutter gen-l10n 실행합니다.Flutter 공식 문서의 현지화에 대한 자세한 내용
질서에 관계없이, 프로젝트에 기여한 아래의 모든 사람들에게 감사합니다. 그것은 나에게 많은 것을 의미합니다 :)
Acrylic , FluentIcons generator 및 _FluentTextSelectionControls 구현의 경우.ProgressBar 및 ProgressRing 구현CommandBar 구현을위한 @Klondikedragon