fluent_ui

Fluent_ui

Diseñe hermosas aplicaciones nativas de Windows usando Flutter

Implementación no oficial de la interfaz de usuario fluida para Flutter. Está escrito basado en la documentación oficial.

Leer la documentación

---

Contenido

• Motivación y
• Instalación
  • Insignia
  • Color acento
• Localización
• Contribución
  • Contribuyendo nuevas localizaciones
  • Expresiones de gratitud

Motivación y mantenimiento

Dado que Flutter tiene soporte de Windows estable, es necesario tener soporte para sus pautas de UI para crear aplicaciones con fidelidad, de la misma manera que tiene soporte para el material y Cupertino. Vea esto para obtener más información sobre el soporte de interfaz de usuario fluido con fluidez.

Ver también:

• Material UI para Flutter
• UI de Cupertino para Flutter
• MacOS UI para Flutter

---

Este es un paquete de código abierto, lo que significa que cualquiera puede contribuir a él. Sin embargo, yo, bdlukaa, soy el único que lo mantiene activamente, por lo que puede llevar algún tiempo revisar y fusionar solicitudes de extracción. Si desea apoyar el proyecto, puede convertirse en un patrón:

Instalación

Agregue el paquete a sus dependencias:

 dependencies :
  fluent_ui : ^4.4.0

O

 dependencies :
  fluent_ui :
    git : https://github.com/bdlukaa/fluent_ui.git

Finalmente, ejecute dart pub get Descargue el paquete.

Los proyectos que usan esta biblioteca deben usar el canal estable de Flutter

Insignia

¿Estás usando esta biblioteca en tu aplicación? Puedes usar una insignia para decirle a los demás:

Agregue el siguiente código a su README.md o a su sitio web:

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

---

Color acento

Los controles comunes usan un color de acento para transmitir información de estado. Aprende más.

Por defecto, el color de acento es Colors.blue . Sin embargo, también puede personalizar el color de acento de su aplicación para reflejar su marca:

 FluentThemeData (
  accentColor : Colors .blue,
)

Para usar el color de acento del sistema, puede usar el complemento System_theme hecho por mí :). Tiene soporte para (21/01/2023) Android, Web, MacOS, Windows, Xbox y Linux (GTK 3+).

 import 'package:system_theme/system_theme.dart' ;

FluentThemeData (
  accentColor : SystemTheme .accentColor.accent. toAccentColor (),
)

Localización

Los widgets de Fluentui actualmente admiten una gran cantidad de idiomas, que incluyen:

• Árabe (@dmakwt)
• Bahasa Indonesia (@ekasetiawans)
• Bielorruso (@superkeka)
• Checo (@Morning4Coffe-Dev)
• Croata (@zeromolecule)
• Holandés (@h3x4d3c1m4l)
• Inglés
• French (@winxaito)
• Alemán (@Larsb24)
• Griego (@Pana-G)
• Hebreo (@yehudakremer)
• Hindi (@alexmercerind)
• Húngaro (@redyau)
• Italiano (@patricknicolosi)
• Japonés (@chari8)
• Coreano (@dubh3)
• Malayo (@Jonsaw)
• Persa (@xmine64)
• Polaco (@Madik7)
• Portugués (@bdlukaa)
• Rumano (@antoniocranga)
• Ruso (@Raitonoberu)
• Chino simplificado (@zacksleo, @rk0cc)
• Tamil (@sarankumar-ns)
• Chino tradicional (@zacksleo, @rk0cc)
• Tailandés (@líneas de código)
• Turco (@timurturbil)
• Español (@Henry2man)
• Ucraniano (@vadimbarda)
• Urdu (@sherzahmad720)
• Uzbek (@bobobekturdiyev)

Si no es compatible con un idioma, su aplicación puede bloquearse. Puede agregar soporte para un nuevo idioma o usar un idioma compatible. Obtenga más información

Contribución

No dude en presentar un problema si encuentra un problema o realiza solicitudes de extracción.

Todas las contribuciones son bienvenidas :)

Contribuyendo nuevas localizaciones

En PR#216 agregamos apoyo para nuevas localizaciones en widgets fluentui.

Si desea contribuir a agregar nuevas localizaciones, siga estos pasos:

• Bifurcar el repositorio
• Copiar el archivo lib/l10n/intl_en.arb en la carpeta lib/l10n con un nuevo código de idioma, siguiendo esta lista de códigos ISO 859-1
• Actualice el contenido en el archivo recién creado. Especialmente, actualice el valor @locale con el código ISO correspondiente.
• Ejecute su proyecto y la generación de código se llevará a cabo o ejecutará el comando flutter gen-l10n
• Cuando haya terminado, haga una nueva solicitud de extracción

Más sobre la localización en la documentación oficial de Flutter

Expresiones de gratitud

Independientemente del orden, gracias a todas las personas a continuación por contribuir con el proyecto. Significa mucho para mí :)

• @HRX03 para el generador Acrylic , FluentIcons y la implementación _FluentTextSelectionControls .
• @Raitonubero ProgressBar e implementación ProgressRing
• @AlexMercerind para el complemento Flutter_ACrylic, utilizado en la aplicación de ejemplo
• @LeanFlutter para el complemento Window_Manager, utilizado en la aplicación Ejemplo.
• @Henry2man para el apoyo de localización
• @KlondikEdragon para la implementación CommandBar