BR112012020136A2

BR112012020136A2 - método e aparelho para a geração de uma interface de usuário.

Info

Publication number: BR112012020136A2
Application number: BR112012020136-0A
Authority: BR
Inventors: Huanyou Zhou; Xiaoyuan Gu; Qiang Tu
Original assignee: Tencent Technology ( Shenzhen) Company Limited
Priority date: 2010-02-11
Filing date: 2011-01-07
Publication date: 2020-08-18
Also published as: CN102156999B; US20120313956A1; BR112012020136B1; CA2789684A1; CA2789684C; RU2012137767A; RU2530272C2; WO2011097965A1; MX2012009334A; CN102156999A

Abstract

MÉTODO E APARELHO PARA A GERAÇÃO DE UMA INTERFACE DE USUÁRIO. A presente invenção refere-se a um método e um aparelho para a geração de uma interface de usuário. O método inclui as etapas de: obter as camadas a serem de-senhadas e os estilos de camadas dentre as camadas a serem desenhadas (101), recuperar informações de atributos de cada camada a ser desenhada de acordo com o estilo de camada correspondente à camada, e desenhar cada camada a ser de-senhada de acordo com as informações de atributo recuperadas a fim de obter as camadas desenhadas (102); combinar as camadas desenhadas de modo a gerar uma interface de usuário (103). A solução da presente invenção produz a diversidade da interface de usuário e torna mais fácil a mudança da interface de usuário.

Description

| : ' 1118 Relatório Descritivo da Patente de Invenção para "MÉTODO E | APARELHO PARA A GERAÇÃO DE UMA INTERFACE DE USUÁRIO". O presente pedido se baseia no, e reivindica a prioridade do Pe- dido Chinês Número 201010109033.1, depositado em 11 de fevereiro de 2010, intitulado "A Method and an Apparatus for Generating a User Interfa- ce", cuja apresentação é incorporada ao presente documento a título de re- " ferência em sua totalidade.

CAMPO DA INVENÇÃO . A presente invenção refere-se ao campo técnico da internet, e | 10 mais particularmente, a um método e um aparelho para a geração de uma interface de usuário. | ANTECEDENTES DA INVENÇÃO Com o desenvolvimento das técnicas de rede e software, cada | vez mais pessoas executam funções através de diversos tipos de software de cliente final, por exemplo, o software de troca de mensagens instantâ- ' neas, caixa de música, caixa de correio, etc. No que diz respeito software de 2 cliente final, a Interface de usuário (UI) é uma janela para interagir com um usuário. As pessoas implementam uma função correspondente através da operação do software de cliente final por meio da interface UI. O desenho inicial da interface UI tenda a prover uma interface de programa a fim de a- tender às exigências de uma grande quantidade de usuários. No entanto, devido a hábitos, ambientes domésticos e níveis distintos, uma interface UI | não consegue satisfazer as necessidades de todos os usuários. Além disso, ! com o aumento do número de usuários, estrutura problema se torna cada vezmais sério. O desenho da interface UI se encontra em uma tendência de atrair mais usuários e se adequar a hábitos estéticos pessoais. A fim de a- tender aos hábitos estéticos e necessidades de diferentes usuários, um nú- mero crescente de programas aplicativos suporta a interface UI customizada pelo usuário, ou seja, uma "skin-change" (mudança de visual). Por exemplo, com relação ao software de troca de mensagens instantâneas que depende basicamente da experiência do usuário, a "skin-change" é uma função muito importante.

AN > ' ' 2/18 Na técnica anterior, um programa aplicativo armazena múltiplas interfaces UI com diferentes estilos antecipadamente para a seleção do usu- ário. Ao desejar mudar o seu visual, o usuário seleciona uma interface UI dentre as interfaces Ul candidatas e troca o visual no sentido de implementar amudançado visual. Pode-se reconhecer que a partir do acima explicado que, uma SJ vez que os elementos de interface só adotam recursos de imagem simplex, a capacidade de exibição é limitada e não consegue implementar muitas " outras expressões no atual desenho da interface UI. Além disso, os estilos dos recursos de imagem em um conjunto de visuais devem se manter con- | sistentes. Sendo assim, durante a mudança do visual, todas as imagens de- vem ser carregadas novamente. Deste modo, existem cada vez mais ima- gens na interface UI do programa aplicativo. Os programadores têm que de- senhar uma grande quantidade de imagens com relação ao pacote de visu- | 15 ais, o que aumenta demasiadamente o custo. Por conseguinte, a interface UI “ na técnica simplex da técnica anterior e de mudança do visual é inconveni- | 2 ente.

SUMÁRIO DA INVENÇÃO Modalidades da presente invenção provêêm um método e um aparelho para a geração de uma interface de usuário, de modo a prover dife- rentes interfaces de usuário de acordo com a exigência de um usuário.

De acordo com uma modalidade da presente invenção, um mé- todo para gerar uma interface de usuário é provido. O método inclui as eta- pas de: - obter as camadas a serem desenhadas e os estilos de cama- das dentre as camadas a serem desenhadas; - recuperar informações de atributos de cada camada de acordo com o estilo de camada correspondente à camada, e desenhar a camada a ser desenhada de acordo com o estilo da camada recuperada a fim de obter ascamadas desenhadas; e - combinar as camadas desenhadas de modo a gerar uma inter- face de usuário.

una na A AAA ON ' ' 3/18 De acordo com outra modalidade da presente invenção, um apa- relho para a geração de uma interface de usuário é provido. O aparelho in- clui: - um módulo de obtenção, adaptado de modo a obter as cama- dasaserem desenhadas e os estilos de camadas dentre as camadas a se- rem desenhadas; SÍ - um módulo de geração de camada, adaptado de modo a recu- perar as informações de atributo de cada camada de acordo com o estilo de camada correspondente à camada e desenhar cada camada a ser desenha- dade acordo com as informações de atributo recuperadas a fim de obter as | camadas desenhadas; e | - um módulo de geração de interface de usuário, adaptado de modo a combinar as camadas desenhadas de modo a gerar uma interface de usuário. De acordo com ainda outra modalidade da presente invenção, | “ um método para gerar uma interface de usuário é provido. A interface de . — usuário inclui múltiplas camadas, e o método inclui as etapas de: - desenhar uma camada de fundo; - desenhar uma camada de controlador; e - combinar as múltiplas camadas incluindo a camada de fundo e a camada de controlador de modo a gerar a interface de usuário.

Em comparação com a técnica anterior, a solução técnica provi- da pelas modalidades da presente invenção apresenta as seguintes vanta- gens: de acordo com a necessidade de um usuário, diferentes camadas da interface de usuário são geradas, e as diferentes camadas são sobrepostas a fim de obter a interface de usuário final. A interface de usuário pode ser alterada dinamicamente de acordo com a mudança dos atributos das cama- das. Sendo assim, a diversificação da interface de usuário é realizada e se torna fácil mudar o visual da interface de usuário.

BREVE DESCRIÇÃO DOS DESENHOS A fim de mais bem esclarecer a solução técnica na presente in- venção ou na técnica anterior, os desenhos usados na presente invenção ou

Y MN ' ' 4/18 | na técnica anterior serão descritos resumidamente a seguir. Deve-se notar que os desenhos a seguir são tão-somente algumas modalidades. Os ver- sados na técnica poderão se valer de outros desenhos com base nesses desenhos sem a realização de um trabalho inventivo. A figura 1 é um painel ilustrando um método para gerar uma in- terface de usuário de acordo com uma modalidade da presente invenção.

SÍ A figura 2 é um diagrama esquemático ilustrando uma interface de usuário de acordo com uma modalidade da presente invenção.

: A figura 3 é um diagrama esquemático ilustrando múltiplas ca- madas da interface de usuário de acordo com uma modalidade da presente invenção.

A figura 4 é um painel ilustrando um método para gerar uma in- terface de usuário de acordo com uma modalidade da presente invenção.

A figura 5(a) é um diagrama esquemático ilustrando uma estrutu- rade uma camada de acordo com uma modalidade da presente invenção.

' A figura 5(b) é um diagrama esquemático ilustrando uma estrutu- . rasobreposta de múltiplas camadas de acordo com uma modalidade da pre- sente invenção.

A figura 5(c) é um diagrama esquemático ilustrando uma interfa- cede usuário que consiste de múltiplas camadas sobrepostas de acordo com uma modalidade da presente invenção.

A figura 6 é um diagrama esquemático ilustrando uma divisão lógica das camadas da interface de usuário de acordo com uma modalidade da presente invenção.

A figura 7 é um diagrama esquemático ilustrando uma estrutura de camadas da interface de usuário após a divisão lógica de acordo com uma modalidade da presente invenção.

A figura 8 é um painel ilustrando um método para gerar uma in- terface de usuário de acordo com uma modalidade da presente invenção.

A figura 9 é a diagrama esquemático ilustrando uma estrutura de uma camada de fundo da interface de usuário de acordo com uma modali- dade da presente invenção.

| oo 5/18 | A figura 10 é um diagrama esquemático ilustrando uma camada de imagem na camada de fundo de acordo com uma modalidade da presen- te invenção.

A figura 11 é um diagrama esquemático ilustrando uma camada de corda camada de fundo de acordo com uma modalidade da presente invenção.

SÍ A figura 12 é um diagrama esquemático ilustrando uma camada de textura de acordo com uma modalidade da presente invenção. ' A figura 13 é um diagrama esquemático ilustrando uma camada | de controlador de acordo com uma modalidade da presente invenção.

A figura 14 é um diagrama esquemático ilustrando um gabarito de multiplicação de uma camada de máscara de acordo com uma modalida- de da presente invenção.

A figura 15 é um diagrama esquemático ilustrando uma camada azulclaro da camada de máscara de acordo com uma modalidade da pre- | “ senteinvenção. | : A figura 16 é um diagrama esquemático ilustrando um aparelho para a geração de uma interface de usuário de acordo com uma modalidade da presente invenção. | | 20 “DESCRIÇÃO DETALHADA DA INVENÇÃO | A presente invenção será descrita em mais detalhes a seguir, | com referência aos desenhos e modalidades em anexo de modo a tornar | mais evidentes a solução técnica e os méritos da mesma.

Deve-se notar que | as descrições a seguir são tão-somente algumas modalidades da presente invenção, as quais não compõem todas as modalidades da presente inven- ção.

Com base nessas modalidades, aqueles com conhecimento simples na técnica irão chegar a outras modalidades sem o esforço de um trabalho in- ventivo.

A figura 1 é um painel ilustrando um método para gerar uma in- terface de usuário de acordo com uma modalidade da presente invenção.

Tal como mostrado na figura 1, o método inclui as seguintes etapas.

Etapa 101, camadas a serem desenhadas e os estilos de cama-

| ' ' 6/18 | das dentre as camadas a serem desenhadas são obtidos.

Etapa 102, as informações de atributo das camadas são recupe- radas de acordo com os styles das camadas, e as camadas são desenhadas de acordo com as informações de atributo recuperadas de modo a gerar camadas desenhadas. | Etapa 103, as camadas desenhadas são combinadas de modo a SJ gerar uma interface de usuário.

A figura 2 mostra uma interface de usuário completa.

Pode-se | observar a partir da figura 2 que, a interface de usuário inclui: uma imagem j de fundo com um tigre e dois controladores "OK" e "Cancelar" usados para | interagir com um usuário. | A fim de alcançar a solução técnica, uma modalidade da presen- te invenção provê ainda um aparelho para a geração de uma interface de usuário.

No aparelho, as unidades básicas usadas para a geração da inter- face de usuário são as camadas.

As assim chamadas camadas são várias “ camadas de desenho separadas de uma interface de usuário completa e . cada camada forma uma camada da interface de usuário completa.

Todas as camadas são finalmente sobrepostas e combinadas a fim de obter a inter- face de usuário.

De preferência, o conteúdo de algumas camadas pode ser | substituído e/ou modificado seletivamente.

Tal como mostrado na figura 3, através da separação da interface de usuário completa mostrada na figura 2, múltiplas camadas podem ser obtidas, por exemplo, uma camada de fundo que carrega a imagem de um tigre, uma camada de controlador que carrega | os controladores "OK" e "Cancelar". Por conseguinte, a chave para a gera- çãode uma interface de usuário inclui a geração de cada camada e a com- binação de múltiplas camadas.

A geração de cada camada e a combinação de múltiplas camadas podem ser implementadas por meio da configuração dos atributos das camadas e da sobreposição de diferentes camadas.

A seguir, a geração da "camada" de unidade básica da interface de usuário será descrita em detalhe.

A geração da camada inclui: as informações de atributo de uma camada a ser desenhada são recuperadas, a camada a ser desenhada é

| eo 78 | configurada de acordo com as informações de atributo e a camada é gerada.

Em termos específicos, tal como mostrado na figura 4, o método para gerar | uma interface de usuário inclui as seguintes etapas.

Etapa 401, camadas a serem desenhadas e os estilos de cama- | 5 dasdentreascamadas a serem desenhadas são obtidos. | As camadas são camadas de desenho separadas de uma inter- " face de usuário completa.

Sendo assim, durante o desenho da interface de usuário, uma interface de usuário completa pode ser obtida através do de- ] senho de cada camada que constitui a interface de usuário e a combinação de múltiplas camadas, sendo que o estilo de camada de cada camada é o estilo da camada de desenho correspondente.

A interface de usuário é desenhada de acordo com um estilo predefinido.

E a interface de usuário consiste de múltiplas camadas, sendo que cada camada carrega parte do estilo da interface de usuário, ou seja, | 15 um estilo de camada.

Portanto, a fim de completar a configuração geral da * interface de usuário, um estilo de camada carregado em cada camada preci- — saserobtido.

Etapa 402, as informações de atributo das camadas são recupe- radas de acordo com os estilos de camadas.

As camadas a serem desenha- | dassão desenhadas de acordo com as informações de atributo recuperadas a fim de obter as camadas desenhadas. i Os atributos das camadas incluem principalmente duas catego- rias: atributos usados para configurar o estilo da camada em si e atributos usados para se sobrepor a outras camadas.

Os atributos de modo geral in- cluem:(1)o atributo de conteúdo de imagem; (2) atributo de transparência; (3) atributo de modo de desenho; e (4) atributo de modo de mistura.

A se- guir, as funções dos atributos acima serão descritas em mais detalhes. (1) Atributo de conteúdo de imagem O atributo de conteúdo de imagem, ou seja, os dados de cor so- breacamada formam o conteúdo de imagem da camada através do controle das cores em todos os cantos sobre a camada.

De preferência, o atributo de conteúdo de imagem da camada é obtido ao carregar um arquivo de imagem

| ' ' 8/18 regular (ou ao ser desenhado através da configuração de dados de cor es- pecíficos). Depois de o arquivo de imagem ser carregado, os dados de cor e o tamanho da camada não mais serão modificados. (2) Atributo de transparência Uma vez que uma interface de usuário completa na modalidade da presente invenção é obtida por meio da sobreposição e combinação de SJ múltiplas camadas, uma camada superior irá cobrir uma camada inferior.

Deste modo, a necessidade de uma camada em si ou a necessidade de uma ] sobreposição e a combinação de múltiplas camadas são consideradas, e o atributo de transparência da camada deve ser configurado.

De preferência, o atributo de transparência da camada pode ser “dinamicamente alterado.

Certamente, outros atributos da camada podem também ser modificados dinamicamente.

Por exemplo, durante a execução de um programa, o atributo de transparência pode ser modificado periodica- mente.

Assim sendo, duas camadas podem desaparecer ou aparecer pouco * a pouco. : (3) Atributo de modo de desenho De acordo com a descrição relativa ao atributo de conteúdo de imagem, depois de o conteúdo de imagem da camada ser selecionado, o tamanho da camada não irá se alterar, mas o tamanho da interface de usuá- rio formada pela camada é geralmente ajustável.

Por exemplo, em um sis- tema Windows, o tamanho de uma janela (ou seja, uma expressão da inter- face de usuário) pode ser ajustado aleatoriamente.

Neste momento, a ma- neira como a camada preenche a janela inteira é determinada de acordo coma configuração deste atributo, sendo que o atributo de modo de dese- nho inclui: o modo lado a lado, o modo sobreposto, etc. (4) Atributo de modo de mistura Quando as camadas são sobrepostas, dois dados de cor das camadas sobrepostas precisam ser misturados.

O atributo de modo de mis- turaé uma fórmula de computação de mistura para o controle de cor entre as duas camadas.

Através da computação de mistura, os dados de cor em todos os lugares das camadas sobrepostas são obtidos, e, deste modo, uma

| | ' ' 9/18 nova cor é obtida. | Em termos específicos, as informações de atributo das camadas são recuperadas de acordo com os estilos de camadas.

E os atributos den- tre as camadas a serem desenhadas são configurados de acordo com as informações de atributo recuperadas.

A geração de uma camada desenhada | | inclui as seguintes etapas. | o (1) As informações de atributo correspondentes à camada são ! recuperadas de acordo com o correspondente estilo de camada. ; 7 Por exemplo, o modo de desenho correspondente ao estilo de ! camada pode ser em mosaico (lado a lado), e o conteúdo de imagem cor- respondente pode ser uma imagem designada, etc. | (2) O atributo da camada a ser desenhada é configurado de a- cordo com as informações de atributo recuperadas e uma camada desenha- da é gerada. | Em termos específicos, a recuperação das informações de atri- “* —butoda camada de acordo com o estilo de camada pode incluir uma ou mais ! . — etapas dentre as seguintes: (1) Recuperar o arquivo de imagem a ser carregado de acordo com o estilo de camada; obter os dados de cor de acordo com o arquivo de imagem, sendo que os dados de cor vêm a ser a informação de atributo de conteúdo de imagem da camada a ser desenhada. (2) Recuperar as informações de atributo de transparência da camada a ser desenhada de acordo com o estilo de camada e um efeito de sobreposição a outras camadas. (3) Recuperar as informações de atributo de modo de desenho da camada a ser desenhada de acordo com o estilo de camada e a janela na qual a camada se situa, sendo que o atributo de modo de desenho é usado para a determinação do modo no qual a camada deve ser desenhada preen- che a janela. (4) Recuperar as informações de atributo de modo de mistura da camada a ser desenhada de acordo com o estilo de camada e um estilo de camada depois de diferentes camadas serem sobrepostas, sendo que o atri-

' ' 10/18 l buto de modo de mistura é usado para obter os dados de cor de um quadro de camada da camada a ser desenhada.

A etapa de desenhar a camada de acordo com as informações de atributo recuperadas inclui as etapas de: (1) Atravessar as informações de atributo recuperadas. | (2) Quando as informações de atributo não são nulas, desenhar ! C a camada a ser desenhada de acordo com as informações de atributo.

Por exemplo, quando o conteúdo de imagem da camada a ser | ' desenhada é uma imagem designada, a imagem é carregada e os dados de cor são recuperados.

Quando o modo de desenho da camada a ser dese- nhada é lado a lado, a camada irá fazer um mosaico na janela quando a ja- nela da camada é larga, mas a camada fica pequena durante o uso.

Etapa 403, as camadas são combinadas de modo a gerar a in- terface de usuário. | A figura 5(a) mostra uma camada, por exemplo, a camada n, de * acordo com uma modalidade da presente invenção.

Tal como mostrado na R figura 5(b), n camadas são sobrepostas em uma ordem de cima para baixo a fim de obter uma interface de usuário completa mostrada na figura 5(c). A interface de usuário consiste das camadas 1 a n.

Deve-se notar que, o resultado da imagem das diversas cama- das pode ser usado como uma camada.

Sendo assim, o desenho da interfa- ce de usuário completa é de fato uma estrutura de árvore de múltiplas ca- madas.

A interface de usuário na figura 1 é analisada.

A interface de u- suário final consiste de múltiplos elementos de expressão, tais como: uma imagem de fundo, uma cor de fundo, uma forma de quadro de imagem, uma sombra de quadro de imagem e um controlador.

A fim de facilitar a obtenção de qualquer interface de usuário, tal como mostrado na figura 6, todas as camadas da interface de usuário são divididas em quatro camadas lógicas.

Cada camada lógica pode ter múltiplas camadas.

O desenho de cada cama- da não contém uma funcionalidade especial.

A camada lógica é o resultado de se desenhar múltiplas camadas e recebe um determinado objetivo de

' ' 11/18 l função a fim de implementar determinada função.

Durante o processo de | geração da interface de usuário, as quatro camadas lógicas são, por vez, geradas e as quatro camadas lógicas são, por sua vez, sobrepostas.

Em seguida, a interface de usuário final é obtida.

Tal como mostrado na figura 7, | as quatrocamadas lógicas podem ser (1) a camada lógica 1 - a camada de ! fundo; (2) a camada lógica 2 - a camada de textura; (3) a camada lógica 3 - O a camada de controlador; e (4) a camada lógica 4 - a camada de máscara. | Em seguida, cada camada lógica será descrita em mais detalhes ' com referência aos desenhos em anexo.

Tal como mostrado na figura 8, de acordo com uma modalidade da presente invenção, o método para gerar uma interface de usuário inclui as seguintes etapas. | Etapa 801, uma camada de fundo da interface de usuário é de- | senhada. | A camada de fundo consiste de duas camadas, respectivamen- “te, uma camada de cor e uma camada de imagem.

A função principal desta . camada lógica é completar o desenho de todo o fundo da interface de usuá- rio (por exemplo, uma janela do sistema Windows). A camada de fundo é uma porta visual principal da interface de usuário completa e pode ser alte- rada de acordo com a preferência do usuário.

A cor da camada de cor na camada de fundo deve ser consistente com a cor total da imagem da cama- da de imagem, de modo a garantir o efeito visual (certamente, será igual- mente possível se designar uma cor para a camada de cor). Sendo assim, a cor da camada de fundo é computada por um programa automaticamente.

O ! algoritmo de computação é geralmente o algoritmo de quantificação de cor de uma árvore de oito (octree) que calcula a cor que aparece com mais fre- quência e obtém uma cor média próxima à cor total.

Tal como mostrado na figura 9, a camada de fundo inclui: um módulo de mudança de imagem 11 e um módulo de cálculo de cor 13. Quando o usuário inicializa uma solicitação de mudança de imagem de fun- do, o módulo de mudança de imagem 11 recebe a solicitação de mudança de imagem de fundo e muda a imagem de acordo com a imagem seleciona-

| : ' 12/18 | da pelo usuário.

Depois de o usuário alterar a imagem, o módulo de mudan- ça de imagem 11 informa a camada de imagem 12 a fim de recarregar a i- magem e ler os dados de cor da imagem carregada.

Após a leitura dos da- dos de cor, a camada de imagem 12 transmite os dados de cor para o módu- —lode cálculo de cor 13. O módulo de cálculo de cor 13 calcula uma cor que é próxima à cor total da imagem e transmite a cor para a camada de cor 14. À SJ camada de cor 14 armazena os dados de cor. | O módulo de mudança de imagem 11 e o módulo de cálculo de | cor 13 não são envolvidos no processo de desenho de imagem.

Após ser sobreposta, a camada de imagem 12 e a camada de cor 14 são tomadas como o conteúdo de fundo principal da janela inteira.

Acima da camada de fundo, encontra-se a camada lógica que expressa outros detalhes. | Por exemplo, o arquivo de imagem mostrado na figura 10 é car- ' regado como a camada de imagem, e a camada de cor mostrada na figura | 15 11é obtida de acordo com o arquivo de imagem. ' Etapa 802, a camada de textura da interface de usuário é sobre- - posta.

A camada de textura é uma camada tendo um efeito de luz e é sobreposta à camada de fundo.

Uma vez que a camada de fundo é sim- plesmente uma sobreposição da imagem e da cor, a mesma é uma imagem plana em toda a área de desenho.

Uma janela regular do sistema Windows consiste de uma barra de título, uma área de cliente, uma barra de status, etc.

A camada de textura desenha uma camada que tem apenas as informa- ções de luz sobre a camada de fundo a fim de mudar o brilho da camada de fundo.

Sendo assim, cada área lógica da janela do sistema Windows pode ser diferenciada sobre a camada de fundo.

A informação de brilho é deter- minada de acordo com os dados de cor do atributo de conteúdo de imagem.

O conteúdo desta camada lógica não precisa do ajuste do usuá- rio e, portanto, é fixo.

Por exemplo, a figura 12 mostra uma camada de textura tendo apenas a informação de brilho.

Etapa 803, uma camada de controlador da interface de usuário é

' ' 13/18 sobreposta.

Cada janela tem um controlador, por exemplo, um botão Win- dows, uma caixa de texto, uma caixa de lista. O controlador da janela é de- senhado nesta camada. Esta camada só precisa recuperar o atributo de con- teúdodeimagem e obter o estilo de controlador predefinido. Por exemplo, uma camada de controlador exemplar é mostrada SJ na figura 13. Quando a camada de controlador é sobreposta à camada de : fundo e à camada de textura, o atributo da camada de controlador precisa ser obtido. O conteúdo de imagem e o atributo de transparência da camada | de fundo e os da camada de controlador são misturados.

Etapa 804, a camada de máscara da interface de usuário é so- breposta.

Esta camada lógica é desenhada depois de outras camadas se- rem desenhadas. Deste modo, esta camada pode cobrir todos os controla- “dores da janela. A camada de máscara é principalmente usada para a provi- .— sãode um quadro para a janela e para a provisão de um efeito de sombre- amento para o quadro. Por conseguinte, a camada de máscara inclui uma camada de forma de quadro e uma camada de sombra de quadro. A seguir, as duas funções acima serão descritas em detalhe.

(a) A camada de forma de quadro Antes de esta camada ser desenhada, a camada formada pelas camadas previamente desenhadas é de modo geral uma área retangular, por exemplo, a imagem e a cor de fundo da camada de fundo são exibidas emuma área retangular. No entanto, em um desenho de interface de usuá- rio geral, a fim de garantir a beleza da interface de usuário, a borda da janela é geralmente um ângulo arredondado ou uma borda irregular. A camada de máscara deve definir uma borda de janela sobre a camada retangular previ- amente obtida usando uma camada adicional de modo a formar o quadro da janela. De preferência, de acordo com o atributo de modo de mistura, a de- terminação do quadro da janela é feita ao se misturar as informações de a- tributo da camada adicional e da camada retangular previamente obtida.

' ' 14/18 Em termos específicos, os dados de cor e os dados de transpa- rência de cada pixel na imagem incluem quatro túneis: uma (transparência), r (vermelho), g (verde) e b (azul). Uma fórmula de multiplicação de mistura é como se segue: Dsta = Srca * Dsta Dst,= Src, * Dst, "s Dst, = Src7 * Dst, Dst, = Src, * Dst, ] Src é uma camada adotada para a definição da borda de janela.

O conteúdoda camada é uma imagem com transparência e pode ser defini- do pela interface de usuário; Dst é o conteúdo de imagem das camadas que foram desenhadas.

No Src, a porção com pixéis é totalmente transparente (todos os quatro túneis a, r, g e b são 0) tem um resultado computado de transparên- ciatotal. A porção com pixéis é totalmente branca (todos os quatro túneis a, “ rn gebsão1)tem um resultado computado consistente com o conteúdo : previamente desenhado. Sendo assim, um projetista de interface Ul pode controlar a forma de quadro da janela por meio da customização do conteú- do de imagem.

De preferência, o desenho do quadro da janela pode ser feito a- través de um gabarito. Tal como mostrado na figura 14, o mesmo é um ga- barito de multiplicação da camada de máscara.

(b) Camada de sombra de quadro A fim de realizar a sombra transparente sobre a borda da janela, é apenas necessário se adicionar uma camada com transparência. O conte- údo da camada pode ser uma imagem desenhada por um projetista de inter- face UI. Após o processamento das camadas, os desenhos de cada camada passam a ter uma certa forma de borda. A camada de sombra é apenas ne- cessária para a geração de uma camada transparente que se ajusta à forma da borda.

Por exemplo, tal como mostrado na figura 15, a mesma é uma camada azul claro da camada de máscara usada para gerar a sombra do

| ' ' 15/18 l quadro da janela.

Finalmente, depois dos desenhos de cada camada acima, a in- terface de usuário tal como mostrado na figura 2 é gerada.

Deve-se notar que, a modalidade acima simplesmente descreve a recuperação das informações de atributo principais das camadas e o de- | senho das camadas de acordo com as informações de atributo principais. O SJ atributo de cada camada não se restringe aos da modalidade da presente invenção. Todos os atributos que podem ser recuperados a partir dos estilos de camadas e usados no desenho das camadas são incluídos no âmbito de proteção da presente invenção, por exemplo, um atributo de áudio, etc. Além disso, as camadas lógicas acima são meramente uma modalidade preferida. Todas as camadas podem ser separadas da interface de usuário e são inclu- ídas no âmbito de proteção da presente invenção, por exemplo, a camada de efeito dinâmico, etc. De acordo com uma modalidade da presente invenção, um apa- * — relho para a geração de uma interface de usuário é provido. O aparelho . 1600 inclui: - um módulo de obtenção 1610, adaptado de modo a obter as camadas a serem desenhadas e os estilos de camadas dentre as camadas aserem desenhadas; - um módulo de geração de camada 1620, adaptado de modo a recuperar as informações de atributo das camadas de acordo com os estilos de camadas, desenhar as camadas a serem desenhadas de acordo com as informações de atributo recuperadas a fim de obter as camadas desenha- dase - um módulo de geração de interface 1630, adaptado de modo a combinar as camadas desenhadas de modo a gerar a interface de usuário.

As camadas desenhadas incluem uma ou mais camadas dentre as seguintes: uma camada de fundo, uma camada de textura, uma camada ! de controlador e uma camada de máscara.

As informações de atributo incluem: o conteúdo de imagem, | transparência, modo de desenho e modo de mistura.

' ' 16/18 O módulo de geração de camada 1620 inclui um submódulo de recuperação 1621, adaptado de modo a: - obter um arquivo de imagem requerido a ser carregado de a- cordo com o estilo de camada, obter os dados de cor de acordo com o ar- — quivodeimagem, sendo que os dados de cor vêm a ser uma informação de atributo de conteúdo de imagem da camada a ser desenhada; S - OU, recuperar as informações de atributo de transparência da camada a ser desenhada de acordo com o estilo de camada e um efeito de | sobreposição a outras camadas; - OU, recuperar as informações de atributo de modo de desenho da camada a ser desenhada de acordo com o estilo de camada e a janela na qual a camada se situa, sendo que o atributo de modo de desenho é usado para a determinação do modo no qual a camada deve ser desenhada preen- chendo a janela; - Ou, recuperar as informações de atributo de modo de mistura “ da camada a ser desenhada de acordo com o estilo de camada e um estilo : de camada depois de diferentes camadas serem sobrepostas, sendo que o atributo de modo de mistura é usado para obter os dados de cor de um qua- dro da camada a ser desenhada.

O submódulo de recuperação 1621 é adaptado de modo a: - obter os primeiros dados de cor do arquivo de imagem de a- cordo com o arquivo de imagem; e - obter os segundos dados de cor que correspondem aos primei- ros dados de cor de acordo com o arquivo de imagem.

O submódulo de recuperação 1621 é adaptado de modo a: - obter uma camada de definição de quadro de acordo com um estilo de camada depois de diferentes camadas serem sobrepostas; - obter os dados de cor das camadas que foram desenhadas e os dados de cor da camada de definição de quadro; e - misturar os dados de cor das camadas que foram desenhados e os dados de cor da camada de definição de quadro de acordo com uma fórmula de multiplicação de mistura de cor a fim de obter os dados de cor do

' ' 17/18 | quadro da camada a ser desenhada.

O módulo de geração de camada 1620 inclui um submódulo de desenho 1622, adaptado de modo a: - atravessar as informações de atributo recuperadas, desenhar a camada a ser desenhada de acordo com as informações de atributo quando as informações de atributo não são nulas.

S O módulo de geração de interface 1630 é adaptado de modo a sobrepor pelo menos duas camadas desenhadas de modo a gerar a interfa- * cedeusuário.

O aparelho inclui ainda: - um módulo de mudança 1640, adaptado de modo a dinamica- mente alterar o atributo das camadas que foram desenhadas.

A presente invenção apresenta as seguintes vantagens: diferen- tes camadas da interface de usuário são geradas de acordo com a necessi- dade do usuário, e as camadas são sobrepostas a fim de obter a interface — de usuário final.

A interface de usuário pode ser modificada dinamicamente por meio da alteração do atributo das camadas.

Assim sendo, a diversidade da interface de usuário é realizada e a interface de usuário fica mais fácil de ser alterada.

Além disso, uma vez que a interface de usuário é dividida em | múltiplas camadas, o efeito visual de toda a interface de usuário pode ser modificado ao simplesmente alterar algumas das camadas.

Além disso, o usuário é capaz de customizar a interface de usuário usando as suas foto- grafias.

O estilo de toda a interface de usuário pode ser ajustado automati- camente de acordo com a customização do usuário.

Sendo assim, a solução provida pela presente invenção poderá não somente modificar um visual convenientemente, como também não precisará armazenar antecipadamen- te uma grande quantidade de imagens.

Com base nas descrições acima, aqueles com conhecimento simples na técnica irão reconhecer que a solução da presente invenção po- de serimplementada por um software que acompanha uma necessária pla- taforma de hardware.

É igualmente possível se implementar a solução por ; meio de um hardware.

Contudo, o primeiro caso representa a melhor opção.

' ' 18/18 Com base neste entendimento, a solução da presente invenção ou a parte de contribuição da presente invenção pode ser revelada essencialmente por um produto de software.

O produto de software pode ser armazenado em um meio de armazenamento legível em máquina e inclui instruções legíveis em máquina executáveis por um dispositivo terminal (por exemplo, um tele- fone celular, um computador pessoal, um servidor ou um dispositivo de rede, . etc.) a fim de implementar as etapas de método providas pelas modalidades da presente invenção. ' O que foi descrito e ilustrado no presente documento vem a ser um exemplo da presente invenção juntamente com algumas de suas varia- ções.

Os termos, descrições e figuras usadas no presente documento são descritas tão-somente a título de ilustração e não como limitação.

Aqueles com conhecimento simples na técnica podem reconhe- cer que os módulos no aparelho dentre as modalidades da presente inven- ção podem ser distribuídos no aparelho da modalidade, ou pode ter varia- “ — çõese ser distribuídos em um ou mais aparelhos.

Os modules podem ser integrados como um todo ou dispostos separadamente.

Os módulos podem ser combinados em um módulo ou divididos em múltiplos submódulos.

Muitas variações são possíveis dentro do espírito e âmbito da presente invenção, o qual deve ser definido pelas reivindicações a seguir - e seus equivalentes - nos quais todos os termos são concebidos em seu sen- tido mais amplamente razoável, a menos que de outra maneira indicado. | |

Claims

' ' 15 | REIVINDICAÇÕES

1. Método para gerar uma interface de usuário, compreendendo as etapas de: - obter as camadas a serem desenhadas e os estilos de cama- dasdentreascamadas a serem desenhadas; - recuperar informações de atributos de cada camada de acordo W com o estilo de camada correspondente à camada, e desenhar cada cama- da a ser desenhada de acordo com o estilo da camada recuperada a fim de Ú obter as camadas desenhadas; e - combinar as camadas desenhadas de modo a gerar uma inter- face de usuário.

2. Método, de acordo com a reivindicação 1, no qual: - as camadas desenhadas compreendem uma ou mais dentre uma camada de fundo, uma camada de textura, uma camada de controlador euma camada de máscara; e , - as informações de atributo compreendem: o conteúdo de ima- gem, transparência, modo de desenho e modo de mistura.

3. Método, de acordo com a reivindicação 2, no qual a etapa de recuperar as informações de atributos de cada camada de acordo com o estilo de camada correspondente à camada compreende uma ou mais eta- pas dentre as seguintes: - obter um arquivo de imagem a ser carregado de acordo com o estilo de camada, obter dados de cor de acordo com o arquivo de imagem, sendo que os dados de cor vêm a ser uma informação de atributo de conte- údodeimagem da camada a ser desenhada; - recuperar informações de atributos de transparência da cama- da a ser desenhada de acordo com o estilo de camada e um efeito de so- breposição a outras camadas; - recuperar informações de atributos de modos de desenho da camada a ser desenhada de acordo com o estilo de camada e uma janela na qual a camada se situa, sendo que o atributo de modo de desenho é usado para a determinação de um modo no qual a camada deve ser desenhada

' ' 2/5 preenchendo a janela; e - recuperar informações de atributos de modos de mistura da camada a ser desenhada de acordo com o estilo de camada e um estilo de camada depois de diferentes camadas serem sobrepostas, sendo que o atri- —butode modo de mistura é usado para obter os dados de cor de um quadro da camada a ser desenhada. " 4, Método, de acordo com a reivindicação 3, no qual a etapa de obter os dados de cor do arquivo de imagem compreende as etapas de: ' - obter primeiros dados de cor do arquivo de imagem de acordo como arquivo de imagem; e - obter segundos dados de cor que correspondem aos primeiros dados de cor de acordo com o arquivo de imagem.

5. Método, de acordo com a reivindicação 1, no qual a etapa de desenhar a camada a ser desenhada de acordo com as informações de atri- —butorecuperadas compreende as etapas de: ' - atravessar as informações de atributo recuperadas; e - quando as informações de atributo não são nulas, desenhar a camada a ser desenhada de acordo com as informações de atributo.

6. Método, de acordo com a reivindicação 1, no qual a etapa de combinar as camadas desenhadas de modo a gerar a interface de usuário compreende as etapas de: - misturar as informações de atributo das camadas desenhadas uma a uma de modo a gerar a interface de usuário.

7. Método, de acordo com qualquer uma das reivindicações 1 a 6,compreendendo ainda a etapa de: - alterar dinamicamente o atributo das camadas desenhadas.

8. Aparelho para a geração de uma interface de usuário, com- preendendo: - um módulo de obtenção, adaptado de modo a obter as cama- dasaserem desenhadas e os estilos de camadas dentre as camadas a se- rem desenhadas; - um módulo de geração de camada, adaptado de modo a recu-

' ' 3/5 | perar as informações de atributo de cada camada de acordo com o estilo de camada correspondente à camada e desenhar cada camada a ser desenha- da de acordo com as informações de atributo recuperadas a fim de obter as camadas desenhadas; e - um módulo de geração de interface de usuário, adaptado de modo a combinar as camadas desenhadas de modo a gerar uma interface ' de usuário.

9. Aparelho, de acordo com a reivindicação 8, no qual as cama- Ú das desenhadas compreendem uma ou mais dentre uma camada de fundo, uma camada de textura, uma camada de controlador e uma camada de Máscara; - as informações de atributo compreendem: o conteúdo de ima- gem, transparência, modo de desenho e modo de mistura.

10. Aparelho, de acordo com a reivindicação 9, no qual o módulo de geração de camada compreende um submódulo de recuperação, adap- * —tadode modo a obter um arquivo de imagem a ser carregado de acordo com o estilo de camada, obter os dados de cor do arquivo de imagem, sendo que os dados de cor vêm a ser uma informação de atributo de conteúdo de ima- gem da camada a ser desenhada; - Ou, recuperar as informações de atributo de transparência den- tre as camadas a serem desenhadas de acordo com o estilo de camada e um efeito de sobreposição a outras camadas; - OU, recuperar as informações de atributo de modo de desenho da camada a ser desenhada de acordo com o estilo de camada e a janela na quala camada se situa, sendo que o atributo de modo de desenho é usado para a determinação do modo no qual a camada deve ser desenhada preen- chendo a janela; - Ou, recuperar as informações de atributo de modo de mistura da camada a ser desenhada de acordo com o estilo de camada e um estilo de camada depois de diferentes camadas serem sobrepostas, sendo que o atributo de modo de mistura é usado para obter os dados de cor do quadro da camada a ser desenhada.

' ' 4/5

11. Aparelho, de acordo com a reivindicação 10, no qual o sub- módulo de recuperação é adaptado de modo a: - obter os primeiros dados de cor do arquivo de imagem de a- cordo com o arquivo de imagem; e - obter os segundos dados de cor que correspondem aos primei- ros dados de cor de acordo com o arquivo de imagem.

. 12. Aparelho, de acordo com a reivindicação 8, no qual o módulo de geração de camada compreende um submódulo de desenho, adaptado ' de modo a: - atravessar as informações de atributo recuperadas, e desenhar a camada a ser desenhada de acordo com as informações de atributo quan- do as informações de atributo não são nulas.

13. Aparelho, de acordo com a reivindicação 8, no qual o módulo de geração de interface é adaptado de modo a misturar as informações de atributo das camadas desenhadas uma a uma de modo a combinar as ca- ” —madas desenhadas.

14. Aparelho, de acordo com qualquer uma das reivindicações 8 a 12, compreendendo ainda: - um módulo de mudança, adaptado de modo a dinamicamente alteraro atributo das camadas desenhadas.

15. Método para gerar uma interface de usuário, no qual a inter- face de usuário compreende múltiplas camadas, o método compreende as etapas de: - desenhar uma camada de fundo; - desenhar uma camada de controlador; - combinar as múltiplas camadas que compreendem a camada de fundo e a camada de controlador de modo a gerar uma interface de usuá- rio.

16. Método, de acordo com a reivindicação 15, no qual a cama- dade fundocompreende uma camada de imagem e uma camada de cor, e a etapa de desenhar a camada de fundo compreende as etapas de: - carregar uma imagem a fim de desenhar a camada de imagem;

' ' 5/5 - calcular uma cor que aparece mais frequentemente na ima- gem, obtendo uma cor média que se fecha de modo a colorir toda a imagem, e desenhar a camada de cor usando a cor média.

17. Método, de acordo com a reivindicação 15, compreendendo aindaaetapade: - desenhar uma camada de textura sobre a camada de controla- ' dor. '

18. Método, de acordo com a reivindicação 15, compreendendo ] ainda a etapa de: - desenhar uma camada de máscara sobre a camada de contro- lador.

19. Método, de acordo com a reivindicação 18, no qual a cama- da de máscara compreende uma camada de forma de quadro e uma cama- da de sombra de quadro.

20. Método, de acordo com a reivindicação 15, no qual a etapa * — de combinar as múltiplas camadas que compreendem a camada de fundo e a camada de controlador de modo a gerar uma interface de usuário compre- ende a etapa de: | - misturar as informações de atributo das múltiplas camadas que compreendem a camada de fundo e a camada de controlador uma a uma de modo a gerar a interface de usuário.

21. Método, de acordo com a reivindicação 15, compreendendo ainda a etapa de: - alterar dinamicamente a transparência de algumas camadas.