Este guia de thiết kế foi criado para o Windows 7 e não foi atualizado para versões mais recentes vày Windows. Grande parte das diretrizes ainda se aplica em princípio, mas a apresentação e os exemplos óc refletem nossas diretrizes de design atuais.
Bạn đang xem: Ícones: qual sua importância?
Ícones são representações pictóricas de objetos, importantes não apenas por razões estéticas como parte da identidade visual de um programa, mas também por razões utilitárias como abreviação para transmitir significado que os usuários percebem quase instantaneamente. O Windows Vista apresenta um novo estilo de iconografia que traz um nível mais alto de detalhes e sofisticação para o Windows.
Nota: As diretrizes relacionadas aos ícones padrão são apresentadas em um artigo separado.
Conceitos de design
Aero é o nome para a experiência do usuário bởi Windows Vista, representando os valores incorporados no design da estética, bem como a visão por trás da interface bởi usuário. Aero significa: autêntico, energético, reflexivo e aberto. A Aero pretende estabelecer um kiến thiết profissional e bonito. A estética Aero cria uma experiência elegante e de alta qualidade que facilita a produtividade do usuário e até mesmo impulsiona uma resposta emocional.
Os ícones do Windows Vista diferem dos ícones no estilo vị Windows XP das seguintes maneiras:
O estilo é mais realista vì chưng que ilustrativo, mas óc muito fotorealista. Ícones são imagens simbólicas que devem ter uma aparência melhor vì que fotorealista!Os ícones têm um tamanho máximo de 256 x 256 pixels, tornando-os adequados para telas de alto dpi (pontos por polegada). Esses ícones de alta resolução permitem alta qualidade visual em exibições de lista com ícones grandes.Sempre que for prático, os ícones de documentos fixos são substituídos por miniaturas vì chưng conteúdo, facilitando a identificação e a localização de documentos.Os ícones domain authority barra de ferramentas têm menos detalhes e nenhuma perspectiva, para otimizar para tamanhos menores e distinção visual.Ícones bem projetados:
Melhore a comunicação visual do programa.Impacte fortemente a impressão geral dos usuários sobre o thiết kế visual bởi programa e apreço pelo ajuste e término.Melhore a usabilidade facilitando a identificação, o aprendizado e a localização de programas, objetos e ações.As imagens a seguir descrevem o que torna o estilo Aero domain authority iconografia no Windows Vista diferente daquele usado no Windows XP.
Os ícones vày Windows Vista (o bloqueio e a tecla à esquerda) são autênticos, nítidos e detalhados. Eles são renderizados em vez de desenhados, mas não são completamente fotorealistas.
Os ícones vày Windows Vista (os dois à esquerda) são profissionais e bonitos, com atenção aos detalhes que melhoram a qualidade de produção bởi ícone.
Esses ícones vị Windows Vista mostram o equilíbrio óptico e a precisão percebida em perspectiva e detalhes. Isso permite que eles fiquem grandes ou pequenos, de perto ou à distância. Além disso, esse estilo de iconografia funciona para telas de alta resolução.
Esses exemplos mostram diferentes tipos de ícones, incluindo um objeto tridimensional em perspectiva, um ícone frontal (plano) e um ícone de barra de ferramentas.
Diretrizes
Perspectiva
Os ícones no Windows Vista são tridimensionais e mostrados em perspectiva como objetos sólidos ou objetos bidimensionais mostrados diretamente. Use ícones simples para arquivos e para objetos que são realmente simples, como documentos ou pedaços de papel.
Ícones 3d e simples típicos.
Objetos tridimensionais são representados em perspectiva como objetos sólidos, vistos a partir de uma exibição de olhos de pássaros baixos com dois pontos de fuga.
Este exemplo mostra pontos de perspectiva e de fuga típicos de ícones 3D.
Nos tamanhos menores, o mesmo ícone pode mudar de perspectiva para direto. Com o tamanho de 16 x 16 pixels e menores, renderize ícones diretamente (voltados para a frente). Para ícones maiores, use a perspectiva.
Exceção: Os ícones domain authority barra de ferramentas são sempre voltados para a frente, mesmo em tamanhos maiores.
Este exemplo mostra como o mesmo ícone é tratado de forma diferente, dependendo bởi vì tamanho.
Fonte de luz
A fonte de luz para objetos dentro domain authority grade de perspectiva está acima, ligeiramente mãng cầu frente de e ligeiramente à esquerda do objeto. A fonte de luz converte sombras ligeiramente na parte traseira e direita domain authority base vì objeto.Todos os raios de luz são paralelos e atingem o objeto ao longo bởi vì mesmo ângulo (como o sol). O objetivo é ter uma aparência de iluminação uniforme em todos os ícones e efeitos de destaque. Os raios de luz paralelos produzem sombras que têm o mesmo comprimento e densidade, fornecendo mais unidade entre vários ícones.Sombras
Geral
Use sombras para levantar objetos visualmente da tela de fundo e para fazer com que os objetos 3d apareçam aterrados, em vez de flutuar desajeitadamente no espaço.
Use um intervalo de opacidade de 30 a 50% para sombras. Às vezes, um nível diferente de sombra deve ser usado, dependendo da forma ou domain authority cor de um ícone.
Emplume ou encurte a sombra, se necessário, para evitar que ela seja cortada pelo tamanho domain authority caixa vị ícone.
Não use sombras em ícones com tamanhos 24 x 24 ou menores.
Sombras de ícone típicas.
Ícones simples
Ícones simples geralmente são usados para ícones de arquivo e objetos simples do mundo real, como um documento ou um pedaço de papel. A iluminação de ícone plano vem vày canto superior esquerdo a 130 graus.Ícones menores (por exemplo, 16x16 e 32x32) são simplificados para facilitar a leitura. No entanto, se eles contiverem uma reflexão dentro vì ícone (geralmente simplificado), eles poderão ter uma sombra de soltar apertada. A sombra de soltar varia em opacidade de 30 a 50%.Os efeitos de camada podem ser usados para ícones simples, mas devem ser comparados com outros ícones simples. As sombras para objetos variam um pouco, de acordo com o que parece melhor e é mais consistente dentro vì conjunto de tamanhos e com os outros ícones no Windows Vista. Em algumas ocasiões, pode até ser necessário modificar as sombras. Isso será especialmente verdadeiro quando os objetos forem colocados sobre outros.Um intervalo sutil de cores pode ser usado para alcançar o resultado desejado. As sombras ajudam os objetos a se sentarem no espaço. A cor afeta o peso percebido domain authority sombra e pode distorcer a imagem se ela for muito pesada.
A opção Soltar Sombra na caixa de diálogo Estilo de Camada e uma sombra típica para um ícone simples.
Intervalos de sombras de ícone simples básicos
| Cor | Preto |
| Modo de mesclagem | Multiplicar |
| Opacidade | 22 a 50%, dependendo da cor vị item |
| Ângulo | 120-130 (usar luz global) |
| Distância | 3 para 256x256, variando até 1 para 32x32 |
| Visualização | 0 |
| Tamanho | 7 para 256x256, variando até 2 para 32x32 |
Ícones tridimensionais
Crie sombras para ícones 3 chiều caso a caso, com um esforço para se ajustar a uma variedade de distância de conversão e penas para ser totalmente transparente. Crie as imagens em um tamanho um pouco menor vày que o tamanho geral bởi vì ícone exige para permitir espaço para uma sombra de soltar (para esses tamanhos que exigirão um). Verifique se a sombra não termina abruptamente mãng cầu borda do ícone.
Esses exemplos ajudam a demonstrar variações criadas com base mãng cầu forma e mãng cầu posição bởi próprio objeto. Às vezes, a sombra precisa ser emplumada ou encurtada para evitar que ela seja cortada pelo tamanho domain authority caixa de ícone.
Cor e saturação
As cores geralmente são menos saturadas vì que eram o Windows XP.
Use gradientes para criar uma imagem com aparência mais realista.
Os arquivos de ícone também exigem versões de paleta de 8 bits e 4 bits para dar suporte à configuração padrão em uma área de trabalho remota. Esses arquivos podem ser criados por meio de um processo em lotes, mas devem ser revisados, pois alguns exigirão retoque para melhor legibilidade.
Não há restrição estrita de paleta de cores. Somente saturação completa (canto superior direito) é evitada.
Níveis de bit: thiết kế de ICO para 32 bits (alfa incluído) + 8 bits + 4 bits (dithered down automaticamente px poke apenas mais crítico). Somente uma cópia de 32 bits domain authority imagem de 256 x 256 pixels deve ser incluída e apenas a imagem de 256 x 256 pixels deve ser compactada para manter o tamanho vị arquivo baixo. Várias ferramentas de ícone oferecem compactação para o Windows Vista.
Níveis de bit: barras de ferramentas de 24 bits + alfa (máscara de 1 bit), 8 bits e 4 bits.
Barras de ferramentas ou arquivos AVI: use magenta (R255 G0 B255) como a cor de transparência da tela de fundo.
Requisitos de tamanho
Geral
Preste atenção especial aos ícones de alta visibilidade, como ícones de aplicativo main, ícones de arquivo que podem aparecer no Windows Explorer e ícones que aparecem no menu Iniciar ou mãng cầu área de trabalho. Ícones de aplicativo e itens de Painel de Controle: o conjunto completo inclui 16x16, 32x32, 48x48 e 256x256 (escalas de código entre 32 e 256). O formato de arquivo .ico é necessário. Para o Modo Clássico, o conjunto completo é 16x16, 24x24, 32x32, 48x48 e 64x64. Opções de ícone de thành quả de lista: Use miniaturas dinâmicas ou ícones de arquivo do tipo de arquivo (por exemplo, .doc); conjunto completo. Ícones da barra de ferramentas: 16x16, 24x24, 32x32. Observe que os ícones domain authority barra de ferramentas são sempre simples, óc 3D, mesmo no tamanho 32x32. Ícones da caixa de diálogo e vị assistente: 32x32 e 48x48. Sobreposições: Código do shell principal (por exemplo, um atalho) 10x10 (para 16x16), 16x16 (para 32x32), 24x24 (para 48x48), 128x128 (para 256x256). Observe que alguns deles são ligeiramente menores, mas estão próximos desse tamanho, dependendo da forma e vì equilíbrio óptico. Área de Início Rápido: Os ícones reduzirão horizontalmente de 48x48 em sobreposições dinâmicas Alt+Tab, mas para uma versão mais nítida, adicione um arquivo 40x40 a .ico. Ícones de balão: 32x32 e 40x40. Tamanhos adicionais: Eles são úteis para ter em mãos recursos para criar outros arquivos (por exemplo, anotações, tiras de barra de ferramentas, sobreposições, dpi alto e casos especiais): 128x128, 96x96, 64x64, 40x40, 24x24, 22x22, 14x14, 10x10 e 8x8. Você pode usar .ico, .png, .bmp ou outros formatos de arquivo, dependendo bởi código nessa área.Para dpi alto
O Windows Vista tem como destino 96 dpi e 120 dpi.As tabelas a seguir mostram exemplos de proporções de dimensionamento aplicadas a dois tamanhos de ícone comuns. Observe que nem todos esses tamanhos devem ser incluídos no arquivo .ico. O código reduzirá verticalmente os maiores.
| 96 | 16x16 | 1.0 (100%) |
| 120 | 20x20 | 1.25 (125%) |
| 144 | 24x24 | 1.5 (150%) |
| 192 | 32x32 | 2.0 (200%) |
| 96 | 32x32 | 1.0 (100%) |
| 120 | 40x40 | 1.25 (125%) |
| 144 | 48 x 48 | 1.5 (150%) |
| 192 | 64x64 | 2.0 (200%) |
Tamanhos de arquivo .ico (padrão)
Tamanhos de arquivo .ico (casos especiais)
Anotações e sobreposições
As anotações vão no canto inferior direito bởi ícone e devem preencher 25% domain authority área vì ícone. Exceção: os ícones 16x16 recebem anotações 10x10.Não use mais de uma anotação em um ícone.As sobreposições ficam no canto inferior esquerdo vày ícone e devem preencher 25% da área de ícone. Exceção: os ícones 16x16 exigem sobreposições 10x10.Nível de detalhes
O tamanho 16x16 de muitos desses ícones ainda é amplamente utilizado e, portanto, importante.
Os detalhes em um ícone desse tamanho devem mostrar claramente o ponto-chave do ícone.
À medida que um ícone fica menor, a transparência e alguns detalhes especiais encontrados em tamanhos maiores devem ser sacrificados para simplificar e obter o ponto.
Atributos e cores devem ser exagerados e usados para enfatizar as principais formas.
Em 16x16, o ícone bởi dispositivo de áudio portátil pode ser facilmente confundido com um telefone celular para que a peça bởi vì ouvido seja um detalhe visual chave a ser mostrado.
Simplesmente reduzir horizontalmente do tamanho 256x256 óc funciona.
Todos os tamanhos precisam de um nível relevante de detalhes; quanto menor o ícone, mais você precisa para exagerar os detalhes definidores.
Desenvolvimento de ícones
Projetar e produzir ícones
Contrate um designer gráfico experiente.Xem thêm: Cho Mình Hỏi Là Xài Laptop Gaming Cắm Sạc Liên Tục Có Sao Không ?
Para ótimos elementos gráficos, imagens e ícones funcionam com especialistas. A experiência em ilustrações usando arte vetor ou programas 3d é recomendada. Planeje realizar séries de iterações, desde esboços de conceito iniciais, até maquetes no contexto, até revisão de produção final e ajuste e término de ícones no produto de trabalho.A criação vày ícone Think Ahead pode ser cara. Reúna todos os detalhes e requisitos existentes, como: o conjunto completo de ícones necessários; a função main e o significado para cada; famílias ou clusters no conjunto que você deseja ser aparente; requisitos de marca; os nomes de arquivo exatos; formatos de imagem usados em seu código; e requisitos de tamanho. Verifique antecipadamente se você pode aproveitar ao máximo seu tempo com o designer. Lembre-se de que o designer pode óc estar familiarizado com seu produto, portanto, forneça informações funcionais, capturas de tela e seções de especificação, conforme apropriado. Planeje revisões geopolíticas e legais conforme apropriado. Mapeie um período de tempo e tenha comunicação regular.Do esboço de conceito ao produto final
Ferramentas
Lápis e papel: Ideias de conceito iniciais, listadas e esboçadas. 3D Studio Max: Renderize objetos 3 chiều em perspectiva. Adobe Photoshop: Esboçar e iterar, simular no contexto e finalizar detalhes. Adobe Illustrator/ Macromedia Freehand: Esboçar e iterar, finalizar detalhes. Gamani Gif Movie Gear: Produzir arquivo .ico (com compactação, se necessário). Workshop de Ícone vị Axialis: Produzir arquivo .ico (com compactação, se necessário).O meopc.com Visual Studio óc dá suporte a ícones vì Windows Vista (não há suporte para canal alfa ou mais de 256 cores).Produção
Neste artigo
Os ícones fornecem uma abreviação visual para uma ação, um conceito ou um produto. Ao comprimir o significado em uma imagem simbólica, os ícones podem cruzar as barreiras linguísticas e ajudar a conservar um recurso valioso: o espaço mãng cầu tela. Ícones bons se harmonizam com a tipografia e com o restante domain authority linguagem bởi design. Eles óc misturam metáforas e comunicam apenas o que é necessário, da forma mais rápida e simples possível.
Os ícones podem aparecer dentro e fora dos aplicativos. Dentro vì seu aplicativo, você usa ícones para representar uma ação, como copiar texto ou ir para a página de configurações.
Este artigo descreve os ícones na interface bởi vì usuário vì aplicativo. Para saber mais sobre ícones que representam seu aplicativo no Windows (ícones de aplicativos), consulte Ícones de aplicativos.
Saiba quando usar ícones
Ícones podem economizar espaço, mas quando você deve usá-los?
Use um ícone para ações, como recortar, copiar, colar e salvar, ou para itens em um menu de navegação. Use um ícone se for fácil para o usuário entender o que ele significa e se for simples o bastante para ser entendido em tamanhos pequenos.
Não use um ícone se o significado óc está claro, ou se para que fique claro seja necessário usar uma forma complexa.
Use o tipo certo de ícone
Há muitas maneiras de criar um ícone. É possível: Você pode usar uma fonte de símbolo como a fonte Segoe Fluent Icons. Você pode criar sua própria imagem baseada em vetor. Usar uma imagem de bitmap, embora isso óc seja recomendado. Aqui está um resumo das maneiras pelas quais você pode adicionar um ícone ao seu aplicativo.
Para adicionar um ícone em seu aplicativo XAML, use um Icon
Element ou um Icon
Source.
Esta tabela mostra os diferentes tipos de ícones derivados de Icon
Element e Icon
Source.
| Animated Icon | Fonte bởi ícone animado | Representa um ícone que exibe e controla um visual que pode ser animado em resposta à interação bởi usuário e às alterações de estado visual. |
| Bitmap Icon | Bitmap Icon Source | Representa um ícone que usa um bitmap como conteúdo. |
| Font Icon | Fonte do ícone domain authority fonte | Representa um ícone que usa um glifo domain authority fonte especificada. |
| Icon Source Element | N/D | Representa um ícone que usa um Icon Source como seu conteúdo. |
| Image Icon | Imagem Icon Source | Representa um ícone que usa uma imagem como conteúdo. |
| Path Icon | Origem Do Ícone do Caminho | Representa um ícone que usa um caminho vetorial como seu conteúdo. |
| Symbol Icon | Symbol Icon Source | Representa um ícone que usa um glifo do Symbol Theme Font Family recurso como seu conteúdo. |
Icon
Element vs. Icon
Source
Icon
Element é um Framework
Element, portanto, ele pode ser adicionado à árvore de objetos XAML como qualquer outro elemento domain authority interface do usuário vì seu aplicativo. No entanto, ele não pode ser adicionado a um Resource
Dictionary e reutilizado como um recurso compartilhado.
Icon
Source é semelhante a Icon
Element; no entanto, como não é um Framework
Element, ele não pode ser usado como um elemento autônomo em sua interface do usuário, mas pode ser compartilhado como um recurso. Icon
Source
Element é um elemento de ícone especial que encapsula um Icon
Source para que você possa usá-lo em qualquer lugar que precisar de um Icon
Element. Um exemplo desses recursos é mostrado na próxima seção.
Element
Você pode usar uma classe derivada de Icon
Element como um componente de interface vày usuário autônomo.
Este exemplo mostra como definir um glifo de ícone como o conteúdo de um Button. Defina o Font
Family bởi botão como Symbol
Theme
Font
Family e sua propriedade nội dung como o valor Unicode bởi vì glifo que você deseja usar.
Você também pode adicionar explicitamente um dos objetos de elemento de ícone listados anteriormente, como Symbol
Icon. Isso lhe dá mais tipos de ícones para escolher. Ele também permite combinar ícones e outros tipos de conteúdo, como texto, se desejar.
Este exemplo mostra como você pode definir um Font
Icon
Source em um Resource
Dictionary e, em seguida, usar um Icon
Source
Element para reutilizar o recurso em diferentes locais vì seu aplicativo.
...
O aplicativo Galeria da Win
UI 3 inclui exemplos interativos da maioria dos controles, recursos e funcionalidades domain authority Win
UI 3. Obtenha o aplicativo mãng cầu meopc.com Store ou o código-fonte no Git
Hub
Propriedades vì ícone
Você geralmente coloca ícones em sua interface bởi usuário atribuindo um a uma icon propriedade de outro elemento XAML. Icon que incluem Source no nome usam um Icon
Source; caso contrário, a propriedade usa um Icon
Element.
Esta lista mostra alguns elementos comuns que têm uma icon propriedade.
| App Bar Button.Icon App Bar Toggle Button.Icon Auto Suggest Box.Query Icon Menu Flyout Item.Icon Menu Flyout Sub Item.Icon Swipe Item.Icon Source Xaml UICommand.Icon Source | Navigation View Item.Icon Selector Bar Item.Icon Tab View Item.Icon Source | Animated Icon.Fallback Icon Source Animated Icon Source.Fallback Icon Source Icon Source Source Element.Icon Source Info Badge.Icon Source Info Bar.Icon Source Teaching Tip.Icon Source |
Dica
Você pode exibir esses controles no aplicativo Galeria do Win
UI 3 para ver exemplos de como os ícones são usados com eles.
Os exemplos restantes nesta página mostram como atribuir um ícone à icon propriedade de um controle.
Font
Icon e Symbol
Icon
A maneira mais comum de adicionar ícones ao seu aplicativo é usar os ícones vì sistema fornecidos pelas fontes de ícone no Windows. O Windows 11 apresenta uma nova fonte de ícone vì chưng sistema, Segoe Fluent Icons, que fornece mais de 1.000 ícones projetados para a linguagem Fluent Design. Pode não ser intuitivo obter um ícone de uma fonte, mas a tecnologia de exibição de fontes vị Windows significa que esses ícones terão uma aparência nítida e nítida em qualquer exibição, em qualquer resolução e em qualquer tamanho.
Importante
Família de fontes padrão
Em vez de especificar um Font
Family diretamente, Font
Icon e Symbol
Icon usam a família de fontes definida pelo Symbol
Theme
Font
Family recurso de tema XAML. Por padrão, esse recurso usa a família de fontes Segoe Fluent Icon. Se o aplicativo for executado no Windows 10, versão 20H2 ou anterior, a família de fontes Segoe Fluent Icon óc estará disponível e o Symbol
Theme
Font
Family recurso retornará à família de fontes Segoe MDL2 Assets .
Enumeração Symbol
Muitos glifos comuns vị Symbol
Theme
Font
Family estão incluídos mãng cầu enumeração Symbol . Se o glifo necessário estiver disponível como um Symbol, você poderá usar um Symbol
Icon em qualquer lugar em que usaria um Font
Icon com a família de fontes padrão.
Você também usa nomes de símbolo para definir uma icon propriedade em XAML usando sintaxe de atributo, como esta
Dica
Você só pode usar nomes de símbolo para definir uma icon propriedade usando a sintaxe de atributo abreviada. Todos os outros tipos de ícone devem ser definidos usando a sintaxe de elemento de propriedade mais longa, conforme mostrado em outros exemplos nesta página.
Ícones de fonte
Apenas um pequeno subconjunto de glifos de Ícone fluente de Segoe está disponível mãng cầu enumeração Símbolo . Para usar qualquer um dos outros glifos disponíveis, use um Font
Icon. Este exemplo mostra como criar um App
Bar
Button com o Send
Fill ícone.
Se você não especificar um Font
Family ou especificar um Font
Family que não esteja disponível no sistema em tempo de execução, o Font
Icon retornará à família de fontes padrão definida pelo recurso de Symbol
Theme
Font
Family tema.
Você também pode especificar um ícone usando um valor de Glifo de qualquer fonte disponível. Este exemplo mostra como usar um Glyph domain authority fonte Emoji Segoe UI.
Para obter mais informações e exemplos, consulte a documentação das classes Font
Icon e Symbol
Icon .
Dica
Use a página Iconografia no aplicativo Galeria vày Win
UI 3 para exibir, pesquisar e copiar o código de todos os ícones disponíveis no Segoe Fluent Icons.
Animated
Icon
O movimento é uma parte importante domain authority linguagem Fluent Design. Os ícones animados chamam a atenção para pontos de entrada específicos, fornecem comentários de estado para estado e adicionam prazer a uma interação.
Você pode usar ícones animados para implementar ícones leves e baseados em vetor com movimento usando animações Lottie .
Para obter mais informações e exemplos, consulte Ícones animados e a documentação da classe Animated
Icon .
Path
Icon
Você pode usar um Path
Icon para criar ícones personalizados que usam formas baseadas em vetor, para que eles sempre pareçam nítidos. No entanto, criar uma forma usando uma geometria XAML é complicado porque você precisa especificar individualmente cada ponto e curva.
Este exemplo mostra duas maneiras diferentes de definir a geometria usada em um Path
Icon.
Para saber mais sobre como usar classes Geometry para criar formas personalizadas, consulte a documentação da classe e Mover e desenhar comandos para geometrias. Consulte também a documentação vày WPF Geometry. A classe Win
UI Geometry não tem todos os mesmos recursos que a classe WPF, mas a criação de formas é a mesma para ambas.
Para obter mais informações e exemplos, consulte a documentação domain authority classe Path
Icon .
Bitmap
Icon e Image
Icon
Você pode usar um Bitmap
Icon ou Image
Icon para criar um ícone a partir de um arquivo de imagem (como PNG, GIF ou JPEG), embora óc o recomendemos se outra opção estiver disponível. As imagens bitmap são criadas com um tamanho específico para poderem ser dimensionadas dependendo vì chưng tamanho desejado vị ícone e domain authority resolução da tela. Quando a imagem é reduzida (reduzida), ela pode parecer desfocada. Quando é ampliado, pode parecer em blocos e pixelado.
Bitmap
Icon
Por padrão, um Bitmap
Icon remove todas as informações de cor domain authority imagem e renderiza todos os pixels óc transparentes na cor vày primeiro plano . Para criar um ícone monocromático, use uma imagem sólida em um plano de fundo transparente no formato PNG. Outros formatos de imagem serão carregados aparentemente sem erros, mas resultarão em um bloco sólido domain authority cor bởi vì primeiro plano.
Você pode substituir o comportamento padrão definindo a propriedade Show
As
Monochrome como false. Nesse caso, o Bitmap
Icon se comporta da mesma forma que um Image
Icon para tipos de arquivo bitmap com suporte (arquivos SVG não são suportados).
Para obter mais informações e exemplos, consulte a documentação da classe Bitmap
Icon .
Dica
O uso de Bitmap
Icon é semelhante ao uso de Bitmap
Image; consulte a classe Bitmap
Image para obter mais informações aplicáveis ao Bitmap
Icon, como definir a propriedade Uri
Source no código.
Image
Icon
Um Image
Icon mostra a imagem fornecida por uma das classes derivadas de Image
Source. O mais comum é Bitmap
Source, mas, como mencionado anteriormente, não recomendamos imagens de bitmap para ícones devido a possíveis problemas de dimensionamento.
Os recursos SVG (Scalable Vector Graphics) são ideais para ícones, pois sempre parecem nítidos em qualquer tamanho ou resolução. Você pode usar um SVGImage
Source com um Image
Icon, que dá suporte ao modo estático seguro da especificação SVG, mas não dá suporte a animações ou interações.Para obter mais informações, consulte SVGImage
Source e suporte a SVG.
Um Image
Icon ignora a propriedade Foreground , portanto, ele sempre mostra a imagem em sua cor original. Como a cor bởi vì primeiro plano é ignorada, o ícone óc responde às alterações de estado visual quando usado em um botão ou outro controle semelhante.
Para obter mais informações e exemplos, consulte a documentação domain authority classe Image
Icon .
Dica
O uso de Image
Icon é semelhante ao controle Image; consulte a classe Image para obter mais informações aplicáveis a Image
Icon. Uma diferença notável é que, com o Image
Icon, apenas o primeiro quadro de uma imagem de vários quadros (como um GIF animado) é usado. Para usar ícones animados, consulte Animated
Icon.
