El Color de nuestros programas???

[[Chris]]

Empezado por Delphius

¿Donde está la inconsistencia?

Los iconos para las acciones Nuevo y Editar son en 2D, mientras que el de Imprimir está en 3D. Aparte de eso, el estilo y paleta de colores del último difiere de los dos primeros. Por eso es que creo existe una inconsistencia amigo.

Saludos,
Chris

[[maeyanes]]

Aquí una muestra de como se ve en Aero con efecto Glass:

Activa:



Inactiva:




Saludos...

[[Delphius]]

Empezado por Chris

Los iconos para las acciones Nuevo y Editar son en 2D, mientras que el de Imprimir está en 3D.

Bueno... pero es un detalle menor, es poca cosa. No creo que sea para tanto.

Empezado por Chris

Aparte de eso, el estilo y paleta de colores del último difiere de los dos primeros. Por eso es que creo existe una inconsistencia amigo.

¿Estilo? ¿Que estilo?
¿Y cómo le sabes que tiene una paleta de color diferente?

Me parece que esto si ya se va para la 5ta pata al gato

O sera que yo poca importancia le doy al tema de lo estético que no me pongo a ver si todos son 3D o si tienen sombra, o si están basados en una misma paleta... Mientras la aplicación funcione y el usuario pueda distinguir bien lo que hace cada cosa.

Saludos,

[[Chris]]

Empezado por Delphius

Bueno... pero es un detalle menor, es poca cosa. No creo que sea para tanto.

O sera que yo poca importancia le doy al tema de lo estético que no me pongo a ver si todos son 3D o si tienen sombra, o si están basados en una misma paleta... Mientras la aplicación funcione y el usuario pueda distinguir bien lo que hace cada cosa.

La parte visual de la aplicación también importa desde mi punto de vista. Si te fijas, Apple se distingue de la competencia por el estilo. Por el empeño que ponen en cada detalle de la GUI. No se trata de que te exijas los mismos estándares de Apple, pero si puedes hacer algo mejor, por lo menos haz el intento. No te olvides que las cosas primero entran por la vista.

Una regla de oro para el desarrollo de software es la consistencia, y ésta se aplica para la interfaz y sus detalles.

Saludos,
Chris

[[Delphius]]

Empezado por Chris

La parte visual de la aplicación también importa desde mi punto de vista. Si te fijas, Apple se distingue de la competencia por el estilo. Por el empeño que ponen en cada detalle de la GUI. No se trata de que te exijas los mismos estándares de Apple, pero si puedes hacer algo mejor, por lo menos haz el intento. No te olvides que las cosas primero entran por la vista.

Una regla de oro para el desarrollo de software es la consistencia, y ésta se aplica para la interfaz y sus detalles.

Saludos,
Chris

No si, entiendo lo que dices y estoy de acuerdo. En mi caso si bien dije poca... no quiere decir nula.
De que debería cuidar mejor la apariencia, pues si te lo creo... te lo creo perfectamente. Es que para esas cosas no tengo mucha mano.

Si tu no me hubieras dicho de las inconsistencias no me hubiera enterado.

Saludos,

[[Chris]]

Empezado por maeyanes

Aquí una muestra de como se ve en Aero con efecto Glass:
...

Haz satisfecho mis espectativas
De hecho quería ver cómo el efecto "Glass" se aplicaba bajo los controles de Ruta y el Edit de Búsqueda. De hecho tengo curiosidad cómo lo has hecho. Lo que yo he investigado sobre el tema, requiere de muchas llamadas a la API de DWM.

Saludos,
Chri

[[maeyanes]]

Hola...

Empezado por Chris

Haz satisfecho mis espectativas
De hecho quería ver cómo el efecto "Glass" se aplicaba bajo los controles de Ruta y el Edit de Búsqueda. De hecho tengo curiosidad cómo lo has hecho. Lo que yo he investigado sobre el tema, requiere de muchas llamadas a la API de DWM.

Saludos,
Chri

La verdad que si me dio mucho trabajo lograr el efecto deseado. En si, cuando detecto que se está dibujando en un área con efecto Glass, el dibujo lo hago usando bitmaps de 32Bits con canal alpha, de esta forma logro la semitransparencia y solo uso la API de GDI.

También hago uso de algunas funciones de la unidad UXTheme para dibujar el texto con transparencia y otras funciones que cree usando como base los ejemplos mostrados en esta web: Delphi Heaven.

Ambos controles, el de los breadcrumbs y el searchbox, apenas los estoy desarrollando y aunque ya tienen la funcionalidad básica, aún les falta.


Saludos...

[[Chris]]

Empezado por maeyanes

La verdad que si me dio mucho trabajo lograr el efecto deseado. En si, cuando detecto que se está dibujando en un área con efecto Glass, el dibujo lo hago usando bitmaps de 32Bits con canal alpha, de esta forma logro la semitransparencia y solo uso la API de GDI.

También hago uso de algunas funciones de la unidad UXTheme para dibujar el texto con transparencia y otras funciones que cree usando como base los ejemplos mostrados en esta web: Delphi Heaven.

Ambos controles, el de los breadcrumbs y el searchbox, apenas los estoy desarrollando y aunque ya tienen la funcionalidad básica, aún les falta.

Realmente haz logrado realizar un trabajo muy limpio y profesional. Te felicito mucho por ello. Yo también he estado investigando y haciendo pruebas al respecto. Lo único que no he podido lograr es obtener el efecto de extender la barra de ventana cuando se está en AERO Basic. Cosa que parece que tú me has ganado

Por otro lado, para el BreadCrumb puedes revisar este componente, talvez te sea de utilidad.

Saludos,
Chris

[[maeyanes]]

Hola...

Empezado por Chris

Realmente haz logrado realizar un trabajo muy limpio y profesional. Te felicito mucho por ello. Yo también he estado investigando y haciendo pruebas al respecto. Lo único que no he podido lograr es obtener el efecto de extender la barra de ventana cuando se está en AERO Basic. Cosa que parece que tú me has ganado

Bueno, en realidad es un TPanel, al cual le cambio el color dependiendo si la ventana está activa o inactiva, esto capturando los mensajes de windows en la ventana MDIChild.

Código Delphi [-]
interfase

type
  TMDIChildForm = class(TForm)
  private
    procedure WMNCActivate(var Message: TWMNCActivate); message WM_NCACTIVATE;
  end;

implementation

procedure TMDIChildForm.WMNCActivate(var Message: TWMNCActivate);
begin
  inherited;
  if Message.Active then
    pnlCaption.Color := clGradientActiveCaption
  else
    pnlCaption.Color := clGradientInactiveCaption
end;

Por otro lado, para el BreadCrumb puedes revisar este componente, talvez te sea de utilidad.

Ese componente ya lo conocía, es más, de ahí saqué la idea de hacer mi versión del control.

El control, el cual llamo TmeycBreadcrumbsView, ya hace gran parte de la funcionalidad deseada, solo me falta la parte de navegar usando el teclado.

Aquí unas capturas de su funcionamiento:

Mouse Over:


Menu Popup:

Saludos,
Chris

Saludos...

[[Chris]]

Empezado por maeyanes

Bueno, en realidad es un TPanel, al cual le cambio el color dependiendo si la ventana está activa o inactiva, esto capturando los mensajes de windows en la ventana MDIChild.

Muy ingeniosa tu solución con el panel amigo. Creo que probaré la idea en este prototipo que había estado trabajando.


Por último, me queda la duda de por qué te descantaste por los componentes que te he mencionado?

Saludos,
Chris