Page 1 of 1

Fluent design

Posted: Thu Apr 09, 2020 11:12 am
by joseluispalma
¿Soporta la última versión Fluent design en los diálogos, ventanas, y controles principales?

https://www.microsoft.com/design/fluent/#/windows

Re: Fluent design

Posted: Thu Apr 09, 2020 3:50 pm
by cnavarro
Desde hace muchas versiones Fivewin soporta cualquier FONT que tengas instalado en tu equipo

Image

Re: Fluent design

Posted: Thu Apr 09, 2020 4:33 pm
by joseluispalma
Cristóbal,

¿Es posible por ejemplo que todos los diálogos se muestren así?

Image

Re: Fluent design

Posted: Thu Apr 09, 2020 5:03 pm
by cnavarro
Por supuesto, dependiendo del nivel de detalle al que quieras llegar será más o menos largo de desarrollar, pero nada del otro mundo
Otra posibilidad es utilizar la clase que incluí en Fw TDockPnel, busca en el foro

Re: Fluent design

Posted: Thu Apr 09, 2020 5:45 pm
by joseluispalma
¿Y se puede aplicar de serie a todos los diálogos que ya tengo?

Re: Fluent design

Posted: Thu Apr 09, 2020 5:47 pm
by cnavarro
joseluispalma wrote:¿Y se puede aplicar de serie a todos los diálogos que ya tengo?
Están diseñados por código o redefinidos?

Re: Fluent design

Posted: Thu Apr 09, 2020 5:48 pm
by joseluispalma
Redefinidos.

Re: Fluent design

Posted: Thu Apr 09, 2020 6:15 pm
by cnavarro
Bueno, pues el primer paso es probar en uno de ellos, a añadir al estilo del diálogo el estilo WS_POPUP
Cuando lo pruebes y veas cómo queda podremos seguir
Hablando sobre el font al que hacer referencia al principio de este hilo, he de decirte que yo llevo usando la "Segoe Symbol" ( aunque hay otros fonts ) desde que empecé a usar Windows 10 ya que viene instalada por defecto, que también tiene Glyphs que puedes utilizar.

Re: Fluent design

Posted: Mon Apr 13, 2020 9:31 am
by MOISES
Por si te ayuda, aquí tienes los colores oficiales de Microsoft:

https://solvit.io/2454237

Re: Fluent design

Posted: Mon Apr 13, 2020 1:52 pm
by cnavarro
Moises, puedes decirme si coinciden con los que hay definidos en colores.ch de la carpeta include?

Re: Fluent design

Posted: Mon Apr 13, 2020 2:44 pm
by MOISES
Cristóbal:

Únicamente tienes los básicos, pero los tienes comentados.

Re: Fluent design

Posted: Mon Apr 13, 2020 4:41 pm
by cnavarro
Moises, puedes hacer un fichero .ch con los defines tal cual tú los entiendes y enviármelo?
Usa los defines, con estas iniciales para no interferir en las actuales ( lleva dos MM al principio )
#define MMETRO_ ....
Gracias

Re: Fluent design

Posted: Mon Apr 13, 2020 6:58 pm
by karinha

Code: Select all

// -> NEW: C:\AMBIENTY\COLORMET.CH - kapiabafwh@gmail.com

// Cores base
// Nome da cor

#define CLR_Lima             RGB(   164, 196, 0 )
#define CLR_Verde            RGB(   96, 169, 23 )
#define CLR_Esmeralda        RGB(     0, 138, 0 )
#define CLR_Cerceta          RGB(   0, 171, 169 )
#define CLR_Azul             RGB(   0, 175, 240 )
#define CLR_Ciano            RGB(  27, 161, 226 )
#define CLR_Cobalto          RGB(    0, 80, 239 )
#define CLR_Indigo           RGB(   106, 0, 255 )
#define CLR_Tolet            RGB(   170, 0, 255 )
#define CLR_Rosa             RGB(  220, 79, 173 )
#define CLR_Magenta          RGB(   216, 0, 115 )
#define CLR_Carmesim         RGB(    162, 0, 37 )
#define CLR_Vermelho         RGB(   206, 53, 44 )
#define CLR_laranja          RGB(   250, 104, 0 )
#define CLR_Ambar            RGB(  240, 163, 10 )
#define CLR_Amarelo          RGB(   227, 200, 0 )
#define CLR_Castanho         RGB(   130, 90, 44 )
#define CLR_Oliva            RGB( 109, 135, 100 )
#define CLR_AcoSteel         RGB( 100, 118, 135 )
#define CLR_Malva            RGB(  118, 96, 138 )
#define CLR_Taupe            RGB(  135, 121, 78 )

// Cores escuras(Dark)
// Nome da cor

#define CLR_MarromDark       RGB(    99, 54, 47 )
#define CLR_CarmesimDark     RGB(    100, 0, 36 )
#define CLR_MagentaDark      RGB(    129, 0, 60 )
#define CLR_IndigoDark       RGB(    75, 0, 150 )
#define CLR_CianoDark        RGB(  27, 110, 174 )
#define CLR_CobaltoDark      RGB(    0, 53, 106 )
#define CLR_CercetaDark      RGB(     0, 64, 80 )
#define CLR_EsmeraldaDark    RGB(      0, 62, 0 )
#define CLR_VerdeDark        RGB(   18, 128, 35 )
#define CLR_LaranjaDark      RGB(   191, 90, 21 )
#define CLR_VermelhoDark     RGB(   154, 22, 22 )
#define CLR_RosaDark         RGB(   154, 22, 90 )
#define CLR_VioletaDark      RGB(   87, 22, 154 )
#define CLR_AzulDark         RGB(   22, 73, 154 )

// Cores claras(White)
// Nome da cor

#define CLR_AzulWhite        RGB(  67, 144, 223 )
#define CLR_AzulWhite+       RGB(   0, 204, 255 )
#define CLR_CianoWhite       RGB(  89, 205, 226 )
#define CLR_CercetaWhite     RGB(  69, 255, 253 )
#define CLR_LuzGreen         RGB(  122, 214, 29 )
#define CLR_OlivaLight       RGB(  120, 170, 28 )
#define CLR_LaranjaWhite     RGB( 255, 193, 148 )
#define CLR_LuzRosa          RGB( 244, 114, 208 )
#define CLR_LuzRed           RGB(   218, 90, 83 )

// Cores cinza(Dark)
// Nome da cor

#define CLR_PretoDark        RGB(       0, 0, 0 )
#define CLR_SombrioDark      RGB(    29, 29, 29 )
#define CLR_CinzaDark+       RGB(    34, 34, 34 )
#define CLR_Cinza_Dark       RGB(    51, 51, 51 )
#define CLR_CinzentoDark     RGB(    85, 85, 85 )
#define CLR_CinzaWhite       RGB( 153, 153, 153 )
#define CLR_IsqueiroDark     RGB( 238, 238, 238 )
#define CLR_BrancoWhite      RGB( 255, 255, 255 )
 
Saludos.