MX2012009334A - Metodo y aparato para generar una interfaz de usuario. - Google Patents

Abstract

Se describen un método y un aparato para generar una interfaz de usuario; el método incluye: obtener capas que serán dibujadas y estilos de capas de las capas que serán dibujadas (101), recuperar información de atributos de cada capa que será dibujada de conformidad con el estilo de capas correspondiente a la capa y dibujar cada capa que será dibujada de conformidad con la información de atributos recuperada para obtener capas dibujadas (102); combinar las capas dibujadas para generar una interfaz de usuario (103); la solución de la presente invención realiza la diversificación de la interfaz de usuario y hace más fácil el cambio de la interfaz de usuario.

Description

METODO Y APARATO PARA GENERAR UNA INTERFAZ DE USUARIO La presente solicitud se basa en, y reivindica la prioridad de, la Solicitud de Patente china No. 201010109033.1 , presentada el 1 1 de febrero de 2010, titulada "un método y un aparato para generar una ¡nterfaz de usuario", cuya descripción se incorpora en la presente en su totalidad a manera de referencia.

CAMPO DE LA INVENCION La presente invención se refiere al campo técnico del Internet, y de manera más particular, a un método y a un aparato para generar una interfaz de usuario.

ANTECEDENTES DE LA INVENCION Con el desarrollo de la tecnología de redes y de software, cada vez más personas realizan funciones por medio de varios tipos de software extremo de cliente, por ejemplo software de mensajería instantánea, cajas de música, buzones de correo, etc. Con respecto al software extremo de cliente, la interfaz de usuario (IU) es una ventana para interactuar con un usuario. La gente implementa la función correspondiente a través de la operación del software extremo de cliente a través de la IU. El diseño inicial de IU tiende a proporcionar una interfaz de programa para satisfacer los requisitos de la mayoría de los usuarios. Sin embargo, debido a hábitos, entornos y niveles diferentes, una IU no puede cumplir los requisitos de todos los usuarios. Adicionalmente, con el aumento del número de los usuarios, este problema llega a ser cada vez más serio. El diseño de la IU es una tendencia para atraer más usuarios y adecuarse a los hábitos estéticos personales. Con el fin de cumplir con los hábitos estéticos y los requisitos de diferentes usuarios, cada vez más programas de aplicación apoyan la IU personalizada del usuario, es decir, cambio de piel. Por ejemplo, con respecto al software de mensajería instantánea el cual depende extremadamente de la experiencia del usuario, el "cambio de piel" es una función muy importante.

En el arte previo, un programa de aplicación almacena múltiples lUs con diferentes estilos por adelantado para la selección de un usuario. Cuando se quiere cambiar la piel, el usuario selecciona una IU a partir de las lUs candidatas y cambia la piel para implementar el cambio de la piel.

Se puede saber a partir de lo anterior que, debido a que los elementos de interfaz solamente adoptan recursos de imágenes símplex, la capacidad de exhibición es limitada y no puede implementar más y más expresiones en el diseño moderno de IU. Adicionalmente, los estilos de los recursos de imágenes en un conjunto de pieles, debe ser consistente. Por lo tanto, durante el cambio de la piel, todas las imágenes se deben cargar de nuevo. De esta manera, existen cada vez más imágenes en la IU del programa de aplicación. Los programadores deben diseñar un gran número de imágenes para el paquete de pieles, lo cual aumenta el costoso enormemente. Por lo tanto, la IU en el arte previo es símplex y el cambio de la piel es inconveniente.

BREVE DESCRIPCION DE LA INVENCION Las modalidades de la presente invención proporcionan un método y un aparato para generar una interfaz de usuario para proporcionar diferentes interfaces de usuario de conformidad con los requisitos de un usuario.

De conformidad con una modalidad de la presente invención, se proporciona un método para generar una interfaz de usuario. El método incluye las etapas de: obtener capas que serán dibujadas y estilos de las capas de las capas que serán dibujadas; recuperar información de atributos de cada capa de conformidad con el estilo de capas correspondiente a la capa, y dibujarla capa que será dibujada de conformidad con el estilo de capas recuperado para obtener capas dibujadas; y combinar las capas dibujadas para generar una interfaz de usuario.

De conformidad con otra modalidad de la presente invención, se proporciona un aparato para generar una interfaz de usuario. El aparato incluye: un módulo de obtención, adaptado para obtener capas que serán dibujadas y estilos de capas que serán dibujadas; un módulo de generación de capa, adaptado para recuperar información de atributos de cada capa de conformidad con el estilo de capas correspondiente a la capa, y dibujar cada capa que será dibujada de conformidad con la información de atributos recuperada para obtener capas dibujadas; y un módulo de generación de interfaz de usuario, adaptado para combinar las capas dibujadas para generar una interfaz de usuario.

De conformidad con todavía otra modalidad de la presente invención, se proporciona un método para generar una interfaz de usuario. La interfaz de usuario incluye múltiples capas, y el método incluye las etapas de: dibujar una capa de fondo; dibujar una capa de controlador; y combinar las múltiples capas incluyendo la capa de fondo y la capa de controlador para generar la interfaz de usuario.

En comparación con el arte previo, la solución técnica proporcionada por las modalidades de la presente invención tiene las siguientes ventajas: de conformidad con los requisitos de un usuario, se generan diferentes capas de la interfaz de usuario, y las diferentes capas se superponen para obtener la interfaz de usuario final. La interfaz de usuario se puede cambiar dinámicamente con el cambio de los atributos de las capas. De esta manera, se logra la diversificación de la interfaz de usuario y es fácil cambiar la piel de la interfaz de usuario.

BREVE DESCRIPCION DE LOS DIBUJOS Con el fin de hacer más clara la solución técnica en la presente invención o en el arte previo, a continuación se describirán brevemente los dibujos utilizados en la presente invención o en el arte previo. Deberá notarse que los siguientes dibujos son simplemente algunas modalidades. Aquellos expertos en la técnica obtendrán otros dibujos con base en estos dibujos sin un trabajo inventivo.

La FIG. 1 es un diagrama de flujo que ilustra un método para generar una interfaz de usuario de conformidad con una modalidad de la presente invención.

La FIG. 2 es un diagrama esquemático que ilustra una interfaz de usuario de conformidad con una modalidad de la presente invención.

La FIG. 3 es un diagrama esquemático que ilustra múltiples capas de la interfaz de usuario de conformidad con una modalidad de la invención.

La FIG. 4 es un diagrama de flujo que ilustra un método para generar una interfaz de usuario de conformidad con una modalidad de la presente invención.

La FIG. 5A es un diagrama esquemático que ilustra una estructura de una capa de conformidad con una modalidad de la presente invención.

La FIG. 5B es un diagrama esquemático que ilustra una estructura superpuesta de múltiples capas de conformidad con una modalidad de la presente invención.

La FIG. 5C es un diagrama esquemático que ilustra una interfaz de usuario que consiste de múltiples capas superpuestas de conformidad con una modalidad de la presente invención.

La FIG. 6 es un diagrama esquemático que ilustra una división lógica de capas de la interfaz de usuario de conformidad con una modalidad de la presente invención.

La FIG. 7 es un diagrama esquemático que ilustra una estructura de capas de la interfaz de usuario después de la división lógica de conformidad con una modalidad de la presente invención.

La FIG. 8 es un diagrama de flujo que ilustra un método para generar una interfaz de usuario de conformidad con una modalidad de la presente invención.

La FIG. 9 es un diagrama esquemático que ilustra una estructura de una capa de fondo de la interfaz de usuario de conformidad con una modalidad de la presente invención.

La FIG. 10 es un diagrama esquemático que ilustra una capa de imágenes en la capa de fondo de conformidad con una modalidad de la presente invención.

La FIG. 1 1 es un diagrama esquemático que ilustra una capa de color de la capa de fondo de conformidad con una modalidad de la presente invención.

La FIG. 12 es un diagrama esquemático que ilustra una capa de textura de conformidad con una modalidad de la presente invención.

La FIG. 13 es un diagrama esquemático que ilustra una capa de controlador de conformidad con una modalidad de la presente invención.

La FIG. 14 es un diagrama esquemático que ilustra una plantilla de multiplicación de una capa máscara de conformidad con una modalidad de la presente invención.

La FIG. 15 es un diagrama esquemático que ilustra una capa de luz azul de la capa máscara de conformidad con una modalidad de la presente invención.

La FIG. 16 es un diagrama esquemático que ilustra un aparato para generar una interfaz de usuario de conformidad con una modalidad de la presente invención.

DESCRIPCION DETALLADA DE LA INVENCION La presente invención se describirá con mayor detalle a continuación con referencia a los dibujos acompañantes y modalidades para hacer más clara la solución técnica y méritos en la misma. Deberá notarse que las siguientes descripciones son simplemente algunas modalidades de la presente invención. Con base en estas modalidades, aquellos expertos ordinarios en la materia obtendrían otras modalidades sin un trabajo inventivo.

La FIG. 1 es un diagrama de flujo que ilustra un método para generar una interfaz de usuario de conformidad de conformidad con una modalidad de la presente invención. Como se muestra en la FIG. 1 , el método incluye las siguientes etapas: Etapa 101 , se obtienen capas que serán dibujadas y estilos de las capas de las capas que serán dibujadas.

Etapa 102, se recupera información de atributos de las capas de conformidad con los estilos de las capas, y las capas se dibujan de conformidad con la información de atributos recuperada para generar capas dibujadas.

Etapa 103, las capas dibujadas se combinan para generar una interfaz de usuario.

La FIG. 2 muestra una interfaz de usuario completa. Se puede observar a partir de la FIG. 2 que, la interfaz de usuario incluye: una imagen de fondo con un tigre y dos controladores "OK" y "Cancelar'' utilizados para interactuar con el usuario.

Con el fin de lograr la solución técnica anterior, una modalidad de la presente invención proporciona adicionalmente un aparato para generar una interfaz de usuario. En el aparato, las unidades básicas utilizadas para generar la interfaz de usuario son capas. Las capas así llamadas son diversas capas de dibujo separadas de una interfaz de usuario completa y cada capa forma una capa de la interfaz de usuario completa. Todas las capas se superponen y combinan finalmente para obtener la interfaz de usuario. Preferentemente, el contenido de algunas capas se puede reemplazar y/o modificar selectivamente. Como se muestra en la FIG. 3, a través de la separación de la interfaz de usuario completa mostrada en la FIG. 2, se pueden obtener múltiples capas, por ejemplo, una capa de fondo que lleva una imagen de tigre, una capa de controlador que lleva los controladores "OK" y "Cancelar". En vista de esto, la clave para generar una interfaz de usuario incluye la generación de cada capa y la combinación de múltiples capas. La generación de cada capa yla combinación de múltiples capas se pueden implementar configurando atributos de capa y superponiendo capas diferentes.

A continuación, la generación de la "capa" de unidad básica de la interfaz de usuario será descrita con detalle.

La generación de la capa incluye: la información de atributos de una capa que será dibujada se recupera, la capa que será dibujada se configura de conformidad con la información de atributos y se genera la capa.

Específicamente, como se muestra en la FIG. 4, el método para generar una interfaz de usuario incluye las siguientes etapas: Etapa 401 , se obtienen capas que serán dibujadas y estilos de las capas que serán dibujadas.

Las capas se dibujan como capas separadas de una interfaz de usuario completa. Por lo tanto, durante el dibujo de la interfaz de usuario se puede obtener una interfaz de usuario completa a través del dibujo de cada capa que constituye la interfaz de usuario y combinando múltiples capas, en donde el estilo de capa de cada capa es el estilo de la capa de dibujo correspondiente.

La interfaz de usuario se dibuja de conformidad con un estilo predefinido. Y la interfaz de usuario consiste de múltiples capas, en donde cada capa lleva parte del estilo de la interfaz de usuario, es decir, un estilo de capa. Por lo tanto, con el fin de completar la configuración total de la interfaz de usuario, se necesita obtener un estilo de capa llevado por cada capa.

Etapa 402, se recupera información de atributos de las capas de conformidad con los estilos de las capas. Las capas que serán dibujadas se dibujan de conformidad con la información de atributos recuperada para obtener capas dibujadas.

Los atributos de las capas incluyen principalmente dos categorías: atributos utilizados para configurar el estilo de la propia capa y atributos utilizados para suponerse con otras capas. Los atributos incluyen generalmente: (1 ) atributo de contenido de imagen; (2) atributo de transparencia; (3) atributo de modo de dibujo; y (4) atributo de modo de mezcla. A continuación, las funciones de los atributos anteriores serán descritas con mayor detalle. (1 ) Atributo de contenido de imagen El atributo de contenido de imagen, es decir, datos de color en la capa, forma el contenido de imagen de la capa a través de controlar los colores en todas las partes de la capa. Preferentemente, el atributo de contenido de imagen de la capa se obtiene cargando un archivo de imágenes regulares (o se diseña a través de la configuración de datos de color específicos). Después de que el archivo de imágenes se carga, los datos de color y el tamaño de la capa ya no cambiarán. (2) Atributo de transparencia Debido a que una interfaz de usuario completa en la modalidad de la presente invención se obtiene superponiendo y combinando múltiples capas, una capa superior cubrirá una capa inferior. Por lo tanto, se considera ya sea la necesidad de la propia capa o la necesidad de superponer y combinar múltiples capas, el atributo de transparencia de la capa debe configurarse.

Preferentemente, el atributo de transparencia de la capa se puede cambiar dinámicamente. Sin duda, otros atributos de la capa también se pueden cambiar dinámicamente. Por ejemplo, durante la ejecución de un programa, el atributo de transparencia se puede modificar periódicamente. Como tal, dos capas pueden desaparecer o aparecer poco a poco. (3) Atributo de modo de dibujo De conformidad con la descripción referente al atributo de contenido de imagen, después de que se selecciona el contenido de imagen de la capa, el tamaño de la capa no cambiará, pero el tamaño de la interfaz de usuario formada por la capa es generalmente ajustable. Por ejemplo: en un sistema Windows, el tamaño de una ventana (es decir, una expresión de la interfaz de usuario) se puede ajustar aleatoriamente. En este momento, la manera en cómo la capa llena la ventana entera se determina de conformidad con la configuración de este atributo, en donde el atributo de modo de dibujo incluye: modo de mosaico, modo de superposición, etc. (4) Atributo de modo de mezcla Cuando las capas se superponen, dos datos de color de las capas superpuestas necesitan mezclarse. El atributo de modo de mezcla es una fórmula de cálculo de mezcla para controlar el color entre dos capas. A través del cálculo de la mezcla, se obtienen datos de color en las partes de las capas superpuestas, de esta manera se obtiene un color nuevo.

Específicamente, la información de atributos de las capas se recupera de conformidad con los estilos de las capas. Y los atributos de las capas que serán dibujadas se configuran de conformidad con la información de atributos recuperados. La generación de una capa dibujada incluye las siguientes etapas: (1 ) La información de atributos correspondiente a la capa se recupera de conformidad con el estilo de la capa correspondiente.

Por ejemplo, el modo de dibujo correspondiente al estilo de capa puede ser mosaico, y el contenido de imagen correspondiente puede ser una imagen diseñada, etc. (2) El atributo de la capa que será dibujada se configura de conformidad con la información de atributos recuperada y se genera una capa dibujada.

Específicamente, la recuperación de la información de atributos de la capa de conformidad con el estilo de capa puede incluir uno o más de las siguientes: (1 ) Recuperar el archivo de imágenes que será cargado de conformidad con el estilo de capas; obtener los datos de color de conformidad con el archivo de imágenes, en donde los datos de color son la información de atributos de contenido de imágenes de la capa que será dibujada. (2) Recuperar la información de atributo de transparencia de la capa que será dibujada de conformidad con el estilo de capas y un efecto de superposición con otras capas. (3) Recuperar la información de atributo de modo de dibujo de la capa que será dibujada de conformidad con el estilo de capas y la ventana en donde se ubica la capa, en donde el atributo de modo de dibujo se utiliza para determinar el modo en el que la capa que será dibujada llena la ventana. (4) Recuperar la información de atributo de modo de mezcla de la capa que será dibujada de conformidad con el estilo de capas y un estilo de capas después de que se superponen capas diferentes, en donde el atributo de modo de mezcla se utiliza para obtener los datos de color de un cuadro de la capa que será dibujada.

El dibujo de la capa de conformidad con la información de atributos recuperada incluye: (1 ) Trasladar la información de atributos recuperada. (2) Si la información de atributos no es inválida, dibujar la capa que será dibujada de conformidad con la información de atributos.

Por ejemplo, si el contenido de imágenes de la capa que será dibujada es una imagen designada, la imagen se carga y los datos de color se recuperan. Si el modo de dibujo de la capa que será dibujada es de mosaico, la capa revestirá de mosaicos la ventana si la ventana de la capa es grande pero la capa es pequeña durante el uso.

Etapa 403, las capas se combinan para generar la interfaz de usuario.

La FIG. 5A muestra una capa, por ejemplo capa n, de conformidad con una modalidad de la presente invención. Como se muestra en la FIG. 5B, n capas se superponen con el fin de obtener de la parte superior a la parte inferior una interfaz de usuario completa mostrada en la FIG. 5C. La interfaz de usuario consiste de capas 1 a n.

Debe tenerse en cuenta que, el resultado de imágenes de las diversas capas se puede utilizar como una capa. Por lo tanto, el dibujo de la interfaz de usuario completa es en realidad una estructura de árbol de múltiples capas.

Se analiza la interfaz de usuario en la FIG. 1. La interfaz de usuario final consiste de múltiples elementos de expresión: imagen de fondo, color de fondo, forma del cuadro de imagen, sombra del cuadro de imagen y controlador. Con el fin de facilitar la obtención de cualquier interfaz de usuario, como se muestra en la FIG. 6, todas las capas de la interfaz de usuario se dividen en cuatro capas lógicas. Cada capa lógica puede tener múltiples capas. El dibujo de cada capa no contiene una funcionalidad especial. La capa lógica es el resultado de dibujar múltiples capas y se da un cierto objetivo de función para implementar cierta función. Durante el proceso de generación de la interfaz de usuario, las cuatro capas lógicas, a su vez se generan. Y las cuatro capas lógicas a su vez se superponen. Posteriormente, se obtiene la interfaz de usuario final. Como se muestra en la FIG. 7, las cuatro capas lógicas pueden ser: (1 ) capa lógica 1 - capa de fondo; (2) capa lógica 2 - capa de textura; (3) capa lógica 3 - capa de controlador; y (4) capa lógica 4 - capa máscara.

A continuación, cada capa lógica se describirá con mayor detalle con referencia a los dibujos acompañantes.

Como se muestra en la FIG. 8, de conformidad con una modalidad de la presente invención, el método para generar una interfaz de usuario incluye las siguientes etapas: Etapa 801 , se dibuja una capa de fondo de la interfaz de usuario. La capa de fondo consiste de dos capas, respectivamente es una capa de color y una capa de imagen. La función principal de esta capa lógica es completar el dibujo del fondo completo de la interfaz de usuario (por ejemplo, una ventana Windows). La capa de fondo es un puerto visual principal de la interfaz de usuario completa y se puede cambiar de conformidad con las preferencias del usuario. El color de la capa de color en la capa de fondo deberá ser consistente con el color completo de la imagen de la capa de imágenes, para asegurar el efecto visual (sin duda también es posible designar un color para la capa de color). Por lo tanto, el color de la capa de fondo se calcula mediante un programa automáticamente. El algoritmo de cálculo es comúnmente el algoritmo de cuantificación de color de octree utilizado constantemente, el cual calcula el color que aparece con más frecuencia y obtiene un color promedio cercano al color completo.

Como se muestra en la FIG. 9, la capa de fondo incluye: un módulo de cambio de imagen 11 y un módulo de cálculo de color 13. Cuando el usuario inicia una solicitud de cambio de imagen de fondo, el módulo de cambio de imagen 11 recibe la solicitud de cambio de imagen de fondo y cambia la imagen de conformidad con la imagen seleccionada por el usuario. Después de que el usuario cambia la imagen, el módulo de cambio de imagen 1 1 informa a la capa de imagen 12 re-cargar la imagen y leer los datos de color de la imagen cargada. Después de la lectura de los datos de color, la capa de imagen 12 transmite los datos de color al módulo de cálculo de color 1 3. El módulo de cálculo de color 13 calcula un color que es cercano al color completo de la imagen y transmite el color a la capa de color 14. La capa de color 1 almacena los datos de color.

El módulo de cambio de imagen 1 1 y el módulo de cálculo de color 13 no están involucrados en el proceso de dibujo de la imagen. Después de ser superpuesta, la capa de imagen 12 y la capa de color 14 se toman como el contenido de fondo principal de la ventana completa. Arriba de la capa de fondo está la capa lógica que expresa otros detalles.

Por ejemplo: el archivo de imágenes mostrado en la FIG. 10 se carga como la capa de imagen, y la capa de color mostrada en la FIG. 1 1 se obtiene de conformidad con el archivo de imágenes.

Etapa 802, se superpone la capa de textura de la interfaz de usuario.

La capa de textura es una capa que tiene un efecto de iluminación y está superpuesta sobre la capa de fondo. Debido a que la capa de fondo simplemente es una superposición de la imagen y el color, es una imagen plana en el área de dibujo completa. Una ventana Windows regular consiste de una barra de título, un área de cliente, una barra de estatus, etc. La capa de textura dibuja una capa que tiene solamente información de iluminación en la capa de fondo para cambiar el brillo de la capa de fondo. De esta manera, cada área lógica de la ventana Windows se puede diferenciar en la capa de fondo. La información de brillo se determina de conformidad con los datos de color del atributo de contenido de imagen.

El contenido de esta capa lógica no necesita el ajuste del usuario y de esta manera está fijo.

Por ejemplo, la FIG. 12 muestra una capa de textura que tiene solamente información de brillo.

Etapa 803, se superpone una capa de controlador de la interfaz de usuario.

Cada ventana tiene un controlador, por ejemplo, un botón de Windows, cuadros de texto, cuadros de lista. El controlador de la ventana se dibuja en esta capa. Esta capa solamente necesita para recuperar el atributo de contenido de imagen y obtener el estilo de controlador predefinido.

Por ejemplo, un ejemplo de capa de controlador se muestra en la FIG. 13.

Cuando la capa de controlador se superpone sobre la capa de fondo y la capa de la textura, se necesita obtener el atributo de la capa de controlador. El contenido de imagen y el atributo de transparencia de la capa de fondo y aquellos de la capa de controlador se mezclan.

Etapa 804, se superpone la capa máscara de la interfaz de usuario.

Esta capa lógica se dibuja después de que se dibujan otras capas. Por lo tanto, esta capa puede cubrir todos los consoladores de la ventana. La capa máscara se utiliza principalmente para proporcionar un cuadro para la ventana y para proporcionar un efecto de sombra para el cuadro. En consecuencia, la capa máscara incluye una capa de forma de cuadro y una capa de sombra de cuadro.

A continuación, las dos funciones anteriores se describirán con detalle. (a) La capa de forma de cuadro Antes de que esta capa se dibuje, la capa formada por capas dibujadas previamente es generalmente un área rectangular, por ejemplo, la imagen y el color de fondo de la capa de fondo ambos se exhiben mediante un área rectangular. Sin embargo, en un diseño general de interfaz de usuario, con el fin de asegurar la belleza de la interfaz de usuario, el borde de la ventana es comúnmente un ángulo redondeado o un borde irregular. La capa máscara es para definir un borde de ventana en la capa rectangular obtenida previamente utilizando una capa adicional para formar el cuadro de la ventana. Preferentemente, de conformidad con el atributo de modo de mezcla, la determinación del cuadro de la ventana se lleva a cabo a través de una mezcla de la información de atributos de la capa adicional y la capa rectangular obtenida previamente.

Específicamente, los datos de color y los datos de transparencia de cada pixel en la imagen incluyen cuatro túneles: a (transparencia), r (rojo), g (verde) y b (azul). Una fórmula de multiplicación de mezcla es la siguiente: Dsta = Srca * Dsta Dstr = SrCr * Dstr Dstg = Srcg * Dstg Dstb = Srcb * Dstb Src es una capa adoptada para definir el borde de la ventana. El contenido de la capa es una imagen con transparencia y se puede definir mediante la interfaz de usuario; Dst es el contenido de imagen de las capas que se han dibujado.

En la Src, la porción con pixeles que son completamente transparentes (cuatro túneles a, r, g, y b, todos son 0) tiene un resultado calculado de completamente transparente. La porción con pixeles que son completamente blancos (cuatro túneles a, r, g, y b todos son 1 ) tiene un resultado calculado de consistente con contenido dibujado previamente. Por lo tanto, un diseñador de IU puede controlar la forma del marco de la ventana personalizando el contenido de imagen.

Preferentemente, el dibujo del cuadro de la ventana se puede llevar a cabo a través de una plantilla. Como se muestra en la FIG. 14, es una plantilla de multiplicación de la capa máscara. (b) Capa de sombra de cuadro Con el fin de realizar la sombra transparente en el borde de la ventana, solamente se requiere adicionar una capa con transparencia. El contenido de la capa puede ser una imagen designada por un diseñador de IU. Después del procesamiento de las capas, los dibujos de cada capa han tenido una cierta sombra de borde. La capa de sombra solamente se requiere para generar una capa transparente adecuada para la sombra de borde.

Por ejemplo, como se muestra en la FIG. 15, es una capa de luz azul de la capa máscara utilizada para generar la sombra del cuadro de la ventana.

Finalmente, después de los dibujos de cada una de las capas anteriores, se genera la interfaz de usuario como se muestra en la FIG. 2.

Deberá notarse que, la modalidad anterior describe simplemente la recuperación de la información de atributos principal de las capas y el dibujo de las capas de conformidad con la información de atributos principal. El atributo de capa no está restringido a aquellos en las modalidades de la presente invención. Todos los atributos que se pueden recuperar de los estilos de capas y utilizados para dibujar las capas se incluyen en el alcance de protección de la presente invención, por ejemplo, atributo de audio, etc. Adicionalmente, las capas lógicas anteriores son simplemente una modalidad preferida. Todas las capas que se pueden separar de la interfaz de usuario están incluidas en el alcance de protección de la presente invención, por ejemplo, capa de efecto dinámico, etc.

De conformidad con una modalidad de la presente invención, se proporciona un aparato para generar una interfaz de usuario. El aparato 1600 incluye: Un módulo de obtención 16 0, adaptado para obtener capas que serán dibujadas y estilos de capas de las capas que serán dibujadas; un módulo de generación de capa 1620, adaptado para recuperar información de atributos de las capas de conformidad con los estilos de capas, dibujar las capas que serán dibujadas de conformidad con la información de atributos recuperada para obtener capas dibujadas; y un módulo de generación de interfaz 1630, adaptado para combinar las capas dibujadas para generar la interfaz de usuario.

Las capas dibujadas incluyen una o más de las siguientes: una capa de fondo, una capa de la textura, una capa de controlador y una capa máscara.

La información de atributo incluye: contenido de imagen, transparencia, modo de dibujo y modo de mezcla.

El módulo de generación de capa 1620 incluye un sub-módulo de recuperación 1621 , adaptado para: obtener un archivo de imágenes requerido para cargarse de conformidad con el estilo de capas; obtener datos de color de conformidad con el archivo de imágenes, en donde los datos de color son información de atributos de contenido de imagen de la capa que será dibujada; o, recuperar la información de atributo de transparencia de la capa que será dibujada de conformidad con el estilo de capas y un efecto de superposición con otras capas; o, recuperar la información de atributo de modo de dibujo de la capa que será dibujada de conformidad con el estilo de capas y la ventana donde se ubica la capa, en donde el atributo de modo de dibujo se utiliza para determinar el modo en el que la capa que será dibujada llena la ventana; o, recuperar la información de atributo de modo de mezcla de la capa que será dibujada de conformidad con el estilo de capas y un estilo de capas después de que se superponen capas diferentes, en donde el atributo de modo de mezcla se utiliza para obtener los datos de color de un cuadro de la capa que será dibujada.

El sub-módulo de recuperación 1621 está adaptado para: obtener primeros datos de color del archivo de imágenes de conformidad con el archivo de imágenes; y obtener segundos datos de color que coincidan con los primeros datos de color de conformidad con el archivo de imágenes.

El sub-módulo de recuperación 1621 está adaptado para: obtener una capa de forma de cuadro de conformidad con un estilo de capas después de que se superponen capas diferentes; obtener datos de color de las capas que se han dibujado y datos de color de la capa de forma de cuadro; y mezclar los datos de color de las capas que se han dibujado y los datos de color de la capa de forma de cuadro de conformidad con una fórmula de multiplicación de mezcla de color para obtener los datos de color del cuadro de la capa que será dibujada.

El módulo de generación de capa 1620 incluye un sub-módulo de dibujo 1622, adaptado para: trasladar la información de atributos recuperada, dibujar la capa que será dibujada de conformidad con la información de atributos si la información de atributos no es válida.

El módulo de generación de interfaz 1630 está adaptado para superponer por lo menos dos capas dibujadas para generar la interfaz de usuario.

El aparato incluye adicionalmente: un módulo de cambio 1640, adaptado para cambiar dinámicamente el atributo de las capas que se han dibujado.

La presente invención tiene las siguientes ventajas: las capas diferentes de la interfaz de usuario se generan de conformidad con los requisitos de los usuarios, y las capas se superponen para obtener la interfaz de usuario final. La interfaz de usuario se puede cambiar dinámicamente cambiando el atributo de las capas. Como tal, se lleva a cabo la diversificación de la interfaz de usuario y la interfaz de usuario se puede cambiar de manera más fácil. Adicionalmente, debido a que la interfaz de usuario se divide en múltiples capas, el efecto visual de la interfaz de usuario completa se puede cambiar simplemente cambiando alguna de las capas. Adicionalmente, el usuario es capaz de personalizar la interfaz de usuario utilizando sus imágenes. El estilo de la interfaz de usuario completa se puede ajustar automáticamente de conformidad con la personalización del usuario. Por lo tanto, la solución proporcionada por la presente invención no solamente puede cambiar una piel de manera conveniente, sino que tampoco se requiere almacenar un gran número de imágenes por adelantado.

Con base en las descripciones anteriores, aquellos expertos con conocimientos medios en la técnica sabrían que la solución de la presente invención se puede implementar mediante un software acompañante con plataforma de hardware necesaria. También es posible implementar la solución mediante hardware. Pero la primera es la mejor. Con base en este entendimiento, la solución de la presente invención o la parte de contribución de la presente invención se pueden expresar mediante un producto de software en esencia. El producto de software se puede almacenar en un medio de almacenamiento legible por computadora e incluye instrucciones legibles por computadora ejecutables por un dispositivo terminal (por ejemplo, un teléfono móvil, una computadora personal, un servidor, o un dispositivo de red, etc.) para implementar las etapas del método proporcionado por las modalidades de la presente invención.

Lo que se ha descrito e ilustrado en la presente es un ejemplo de la descripción junto con algunas de sus variaciones. Los términos, descripciones y figuras utilizadas en la presente se establecen solamente a manera de ilustración y no son consideradas como limitaciones.

Aquellos expertos en la técnica sabrían que los módulos en el aparato de las modalidades de la presente invención se pueden distribuir en el aparato de la modalidad, o pueden tener variaciones y distribuirse en uno o más aparatos. Los módulos se pueden integrar como un todo o disponer de manera separada. Los módulos se pueden combinar en un módulo o dividir en múltiples sub-módulos.

Muchas variaciones son posibles dentro del espíritu y alcance de la descripción, la cual está concebida para definirse por las siguientes reivindicaciones - y sus equivalentes - en las cuales todos los términos están entendidos en su sentido razonable más amplio a menos que se indique lo contrario.

Claims (21)

NOVEDAD DE LA INVENCION REIVINDICACIONES

1.- Un método para generar una interfaz de usuario, que comprende las etapas de: obtener capas que serán dibujadas y estilos de capas de las capas que serán dibujadas; recuperar información de atributos de cada capa de conformidad con el estilo de capas correspondiente a la capa, y dibujar cada capa que será dibujada de conformidad con el estilo de capas recuperado para obtener capas dibujadas; y combinar las capas dibujadas para generar una interfaz de usuario.

2. - El método de conformidad con la reivindicación 1 , caracterizado además porque las capas dibujadas comprenden una o más de una capa de fondo; una capa de textura; una capa de controlador y una capa máscara; y la información de atributos comprende: contenido de imagen, transparencia, modo de dibujo y modo de mezcla.

3. - El método de conformidad con la reivindicación 2, caracterizado además porque la recuperación de la información de atributos de cada capa de conformidad con el estilo de capas correspondiente a la capa comprende una o más de las siguientes: obtener un archivo de imágenes requerido para cargarse de conformidad con el estilo de capas; obtener datos de color de conformidad con el archivo de imágenes, en donde los datos de color son información de atributos de contenido de imagen de la capa que será dibujada; recuperar la información de atributo de transparencia de la capa que será dibujada de conformidad con el estilo de capas y un efecto de superposición con otras capas; recuperar la información de atributo de modo de dibujo de la capa que será dibujada de conformidad con el estilo de capas y la ventana donde se ubica la capa, en donde el atributo de modo de dibujo se utiliza para determinar el modo en el que la capa que será dibujada llena la ventana; y recuperar la información de atributo de modo de mezcla de la capa que será dibujada de conformidad con el estilo de capas y un estilo de capas después de que se superponen capas diferentes, en donde el atributo de modo de mezcla se utiliza para obtener los datos de color de un cuadro de la capa que será dibujada.

4. - El método de conformidad con la reivindicación 3, caracterizado además porque la obtención de los datos de color del archivo de imágenes comprende: obtener primeros datos de color del archivo de imágenes de conformidad con el archivo de imágenes; y obtener segundos datos de color que coincidan con los primeros datos de color de conformidad con el archivo de imágenes.

5. - El método de conformidad con la reivindicación 1 , caracterizado además porque el dibujo de la capa que será dibujada de conformidad con la información de atributos recuperada comprende: trasladar la información de atributos recuperada; y si la información de atributos no es inválida, dibujar la capa que será dibujada de conformidad con la información de atributos.

6. - El método de conformidad con la reivindicación 1 , caracterizado además porque la combinación de las capas dibujadas para generar una interfaz de usuario comprende: mezclar la información de atributos de las capas dibujadas una por una para generar la interfaz de usuario.

7. - El método de conformidad con cualquiera de las reivindicaciones 1 a 6, caracterizado además porque comprende adicionalmente: cambiar dinámicamente el atributo de las capas dibujadas.

8. - Un aparato para generar una interfaz de usuario, que comprende: un módulo de obtención, adaptado para obtener capas que serán dibujadas y estilos de capas que serán dibujadas; un módulo de generación de capa, adaptado para recuperar información de atributos de cada capa de conformidad con el estilo de capas correspondiente a la capa, y dibujar cada capa que será dibujada de conformidad con la información de atributos recuperada para obtener capas dibujadas; y un módulo de generación de interfaz de usuario, adaptado para combinar las capas dibujadas para generar una interfaz de usuario.

9. - El aparato de conformidad con la reivindicación 8, caracterizado además porque las capas dibujadas comprenden una o más de una capa de fondo; una capa de textura; una capa de controlador y una capa máscara; y la información de atributos comprende: contenido de imagen, transparencia, modo de dibujo y modo de mezcla.

10. - El aparato de conformidad con la reivindicación 9, caracterizado además porque el módulo de generación de capa comprende un sub-módulo de recuperación adaptado para obtener un archivo de imágenes que será cargado de conformidad con el estilo de capas, obtener los datos de color del archivo de imágenes, en donde los datos de color son información de atributos de contenido de imagen de la capa que será dibujada; o, recuperar información de atributo de transparencia de las capas que serán dibujadas de conformidad con el estilo de capas y un efecto de superposición con otras capas; o, recuperar la información de atributo de modo de dibujo de la capa que será dibujada de conformidad con el estilo de capas y la ventana donde se ubica la capa, en donde el atributo de modo de dibujo se utiliza para determinar el modo en el que la capa que será dibujada llena la ventana; o recuperar la información de atributo de modo de mezcla de la capa que será dibujada de conformidad con el estilo de capas y un estilo de capas después de que se superponen capas diferentes, en donde el atributo de modo de mezcla se utiliza para obtener datos de color del cuadro de la capa que será dibujada.

1 1.- El aparato de conformidad con la reivindicación 10, caracterizado además porque el sub-módulo de recuperación está adaptado para obtener primeros datos de color del archivo de imágenes de conformidad con el archivo de imágenes; y obtener segundos datos de color que coincidan con los primeros datos de color de conformidad con el archivo de imágenes.

12 - El aparato de conformidad con la reivindicación 8, caracterizado además porque el módulo de generación de capa comprende un sub-módulo de dibujo, adaptado para trasladar la información de atributos recuperada, y dibujar la capa que será dibujada de conformidad con la información de atributos si la información de atributos no es inválida.

13. - El aparato de conformidad con la reivindicación 8, caracterizado además porque el módulo de generación de interfaz está adaptado para mezclar la información de atributos de las capas dibujadas una por una para combinar las capas dibujadas.

14. - El aparato de conformidad con cualquiera de las reivindicaciones 8 a 12, caracterizado además porque comprende adicionalmente: un módulo de cambio, adaptado para cambiar dinámicamente el atributo de las capas dibujadas.

15. - Un método para generar una interfaz de usuario, en donde la interfaz de usuario comprende múltiples capas, el método comprende: dibujar una capa de fondo; dibujar una capa de controlador; combinar las múltiples capas que comprenden la capa de fondo y la capa de controlador para generar una interfaz de usuario.

16. - El método de conformidad con la reivindicación 15, caracterizado además porque la capa de fondo comprende una capa de imagen y una capa de color, y el dibujar la capa de fondo comprende: cargar una imagen para dibujar la capa de imagen; calcular un color que aparece de manera más frecuente en la imagen, obtener un color promedio cercano a un color completo de la imagen, y dibujar la capa de color utilizando el color promedio.

17. - El método de conformidad con la reivindicación 15, caracterizado además porque comprende adicionalmente: dibujar una capa de textura sobre la capa de controlador.

18. - El método de conformidad con la reivindicación 15, caracterizado además porque comprende adicionalmente dibujar una capa máscara sobre la capa de controlador.

19. - El método de conformidad con la reivindicación 18, caracterizado además porque la capa máscara comprende una capa de forma de cuadro y una capa de sombra de cuadro.

20.- El método de conformidad con la reivindicación 15, caracterizado además porque la combinación de las múltiples capas que comprenden la capa de fondo y la capa de controlador para generar una interfaz de usuario comprende: mezclar información de atributos de las múltiples capas que comprenden la capa de fondo y la capa de controlador una por una para generar la interfaz de usuario.

21.- El método de conformidad con la reivindicación 15, caracterizado además porque comprende adicionalmente: cambiar dinámicamente la transparencia de por lo menos una de la capa de fondo y la capa de controlador.