Muitos de nós gostamos muito quando algo é feito para nós! Quando sentimos um certo “nível de propriedade” que nos permite destacar-nos do fundo da “massa cinzenta”. As mesmas cadeiras, mesas, computadores, etc. Tudo é como todo mundo!
Às vezes, mesmo uma coisa tão pequena como o logotipo de uma empresa em uma caneta comum faz com que pareça especial e, portanto, mais valioso.
Concorde que a maioria dos clientes preferirá um telefone Snom em vez de um telefone normal (como todo mundo), um telefone que eles associam a algo especial/pessoal. Tenho certeza que se você é um provedor de soluções de telefonia, também concordaria em associar sua empresa ao provedor daquele “especial” aos olhos do cliente.
Muitos de vocês sabem que o Snom pode oferecer níveis muito diferentes de personalização de telefones de mesa: desde alterações muito complexas de hardware e software que exigem tempo de desenvolvimento até alterações muito simples que estão disponíveis para todos imediatamente, de forma totalmente gratuita. É sobre este último que queremos falar hoje.
O firmware do menu de nossos telefones é construído em XML e permite personalizar de forma flexível a IU dos seguintes parâmetros (lista curta):
- imagem de fundo
- fonte e cor
- Ícones
- linguagem
- toques
- atribuição de chave
- e muito mais
Nesta 1ª parte do nosso artigo, falaremos sobre como você pode alterar a aparência visual do seu telefone Snom. Vamos falar sobre alguns pontos:
- Alterando o esquema de cores
- Alterando fontes
- Carregando uma imagem de fundo
- Exemplos de tópicos
Na Parte 2 do nosso artigo (em breve) falaremos sobre o restante das opções de personalização. Portanto, não "troque".
1. Alterando o esquema de cores
A partir da versão 10 do firmware, a interface colorida do telefone pode ser completamente alterada em termos de cor e transparência. Isso permite que você personalize a interface do usuário para obter legibilidade, clareza, preferências de cores ideais e outras alterações, por exemplo, na identidade corporativa da empresa.
Para facilitar a compreensão, existe um esquema para descrever as configurações de cores:
As cores são ajustadas usando valores RGB
Nome
Valores válidos
Valores por
omissão
descrição
barra de título_text_color
Grupo de 4
números, cada um >=0 e <=255.
vermelho, verde, azul, alfa (valor alfa 255 significa completamente
visível e 0 é completamente transparente).
51 51 51 255
Controla a cor e a transparência do texto em
linha de título, por exemplo, “Data”, “Hora”,
"Nome" etc.
cor do texto
51 51 51
255
Controla cor e transparência
texto do corpo, como “Menu”, “Modo de espera” e
todas as outras telas de texto principais.
subtext_color
123 124 126 255
Controla cor e transparência
subtexto, por exemplo, “Menu”, “Modo de espera” e todos
outras telas de subtexto.
extratext_color
123 124 126
255
Controla a cor e a transparência do primeiro
linhas de texto exibidas no lado direito do menu, como histórico de chamadas, data e
tempo
extratext2_color
123 124 126
255
Controla a cor e a transparência do segundo
linhas de texto exibidas no lado direito do menu, como histórico de chamadas, data e
tempo
barra de título_background_color
226 226 226
255
Controla a cor e a transparência do plano de fundo
linhas de cabeçalho
cor de fundo
242 242 242
255
Controla a cor e a transparência do plano de fundo em
cada tela.
fkey_background_color
242 242 242
255
Controla cor e transparência
botões sensíveis ao contexto.
fkey_pressed_background_color
61 133 198
255
Controla a cor e a transparência do plano de fundo
teclas sensíveis ao contexto quando pressionadas.
fkey_separator_color
182 183 184
255
Controla cor e transparência
Linhas divisórias de botão sensíveis ao contexto
fkey_label_color
123 124 126
255
Controla a cor e a transparência do texto,
usado em botões sensíveis ao contexto
fkey_pressed_label_color
242 242 242
255
Controla a cor e a transparência do texto,
usado em botões sensíveis ao contexto quando clicados
cor_de_linha_de_fundo_selecionada
255 255 255
255
Controla a cor e a transparência do plano de fundo
linha selecionada, por exemplo, em um menu ou em qualquer tela selecionável
select_line_indicator_color
61 133 198
255
Controla cor e transparência
indicador à esquerda da linha selecionada, por exemplo, no Menu ou em qualquer tela com
elementos selecionados
selecionado_line_text_color
61 133 198
255
Controla a cor e a transparência do texto em
linha selecionada, por exemplo, em um Menu ou qualquer tela com itens selecionados.
Também controla a cor do símbolo atual à medida que ele percorre
várias opções na janela de entrada
linha_cor_de_fundo
242 242 242
0
Controla a cor de fundo e a transparência para
cada linha do menu ou item de menu ou qualquer item da lista.
line_separator_color
226 226 226
255
Controla cor e transparência
linha divisória entre menus ou itens de menu e é mostrada apenas
quando mais de um item selecionado estiver disponível.
barra de rolagem_color
182 183 184
255
Controla a cor e a transparência da faixa
rolagem exibida em qualquer tela.
cor_do_cursor
61 133 198
255
Controla a cor e a transparência do cursor,
exibido nas telas usando o sinal de entrada.
status_msgs_background_color
242 242 242
255
Controla a cor de fundo e a transparência para
mensagens de status que aparecem nas telas de inatividade e de chamada. Este valor também se aplica ao plano de fundo
alterações de volume.
status_msgs_border_color
182 183 184
255
Controla a cor e a transparência da borda
para mensagens de status que aparecem nas telas de inatividade e de chamada. Este valor também se aplica à fronteira
alterações de volume.
etiqueta inteligente_background_color
242 242 242
255
Controla a cor de fundo e a transparência do SmartLabel.
smartlabel_pressed_background_color
61 133 198
255
Controla a cor de fundo e a transparência do SmartLabel quando uma tecla de função é pressionada.
smartlabel_separator_color
182 183 184
255
Controla a cor e a transparência da linha
separador entre cada tecla de função SmartLabel.
smartlabel_label_color
123 124 126
255
Controla a cor e a transparência do texto,
usado no SmartLabel.
smartlabel_pressed_label_color
242 242 242
255
Controla a cor e a transparência do texto,
usado no SmartLabel quando você pressiona uma tecla de função.
Agora que sabemos onde e o que está localizado, podemos ir para a interface web do telefone para a seção Configuração / Preferências, então a segunda guia Aparência:
Aqui você pode alterar os valores, e se clicar no ponto de interrogação, você será levado a uma página de descrição, onde também há uma nota sobre como especificar este valor caso você utilize um arquivo XML para a configuração. Por exemplo, para nossa primeira linha “Cor do Texto”:
2. Alterando fontes
As fontes em todos os snom phones são livremente personalizáveis e podem ser alteradas usando o provisionamento automático. Esteja ciente de que se a fonte TrueType ou bitmap usada atualmente for substituída por uma fonte personalizada, pode haver algumas inconsistências na renderização do texto porque a interface do usuário é otimizada para uma fonte TrueType específica.
Para substituir qualquer fonte, você deve criar um arquivo tar contendo a nova fonte, que deve ter o mesmo nome da fonte antiga que será substituída.
"tar -cvf fontes.tar arquivo de fonte.ttf"
Esse arquivo tar precisa ser referenciado no arquivo xml para que seja carregado corretamente quando o telefone for reinicializado.
<?xml version="1.0" encoding="utf-8" ?>
<settings>
<uploads>
<file url="http://192.168.23.54:8080/fonts.tar" type="font" />
</uploads>
</settings>
Mais detalhes sobre quais fontes estão pré-instaladas podem ser encontrados em nosso site.
Dessa forma, você pode baixar sua própria fonte para o seu telefone.
3. Faça upload de uma imagem de fundo
Usando um exemplo, mostraremos como carregar o plano de fundo corretamente e quais configurações são importantes.
Você pode fazer upload de uma imagem de fundo através da interface da Web → Preferencias → Aparência:
Esta configuração deve ser definida como um URL de imagem acessível. Assim que a configuração for alterada, a imagem de fundo será substituída.
Ou você pode alterar essa configuração usando o provisionamento automático adicionando a tag com um valor válido em seu arquivo xml.
Se este parâmetro estiver vazio ou a URL da imagem estiver incorreta, será usada a imagem de fundo padrão do telefone.
É importante: se você estiver usando software anterior à versão 10.1.33.33, deverá definir o valor da cor de fundo como totalmente transparente.
Isso é necessário porque a imagem de fundo está localizada em uma camada abaixo da cor de fundo padrão. Isto pode ser conseguido definindo o valor alfa como 0 para a cor de fundo.
A partir da versão de firmware 10.1.33.33, a transparência da cor de fundo se adapta automaticamente à imagem de fundo exibida no telefone. No entanto, não será totalmente transparente. Para obter total transparência, ajuste ainda deve ter um valor alfa de 0.
Para exibir a imagem de fundo corretamente, você deve salvá-la nos formatos png, jpg, gif, bmp ou tga. É altamente recomendável usar arquivos .png e otimizá-los com "
Tamanho da imagem dependendo do modelo:
modelo
autorização
D375/D385/D785
480 x 272
D335/D735/D765
320 x 240
D717
426 x 240
4. Exemplo de configuração de tema
1. "Tema escuro":
Ver
<?xml version="1.0" encoding="utf-8"?>
<settings>
<phone-settings>
<!-- When the background image is set, it automatically applies alpha changes to all elements.
Therefore it has to be listed at the beginning, so that all styles afterwards correctly apply-->
<custom_bg_image_url perm=""></custom_bg_image_url>
<!-- Background color is set to be not transparent because no background image is configured -->
<background_color perm="">43 49 56 255</background_color>
<titlebar_text_color perm="">242 242 242 255</titlebar_text_color>
<titlebar_background_color perm="">43 49 56 255</titlebar_background_color>
<text_color perm="">242 242 242 255</text_color>
<subtext_color perm="">224 224 224 255</subtext_color>
<extratext_color perm="">158 158 158 255</extratext_color>
<extratext2_color perm="">158 158 158 255</extratext2_color>
<fkey_background_color perm="">43 49 56 255</fkey_background_color>
<fkey_pressed_background_color perm="">61 133 198 255</fkey_pressed_background_color>
<fkey_separator_color perm="">70 90 120 255</fkey_separator_color>
<fkey_label_color perm="">224 224 224 255</fkey_label_color>
<fkey_pressed_label_color perm="">242 242 242 255</fkey_pressed_label_color>
<line_background_color perm="">242 242 242 0</line_background_color>
<selected_line_background_color perm="">50 60 80 255</selected_line_background_color>
<selected_line_indicator_color perm="">61 133 198 255</selected_line_indicator_color>
<selected_line_text_color perm="">61 133 198 255</selected_line_text_color>
<line_separator_color perm="">70 90 120 255</line_separator_color>
<scrollbar_color perm="">70 90 120 255</scrollbar_color>
<cursor_color perm="">61 133 198 255</cursor_color>
<status_msgs_background_color perm="">43 49 56 255</status_msgs_background_color>
<status_msgs_border_color perm="">70 90 120 255</status_msgs_border_color>
<!-- Settings for SmartLabel -->
<smartlabel_background_color perm="">43 49 56 255</smartlabel_background_color>
<smartlabel_pressed_background_color perm="">61 133 198 255</smartlabel_pressed_background_color>
<smartlabel_separator_color perm="">70 90 120 255</smartlabel_separator_color>
<smartlabel_label_color perm="">224 224 224 255</smartlabel_label_color>
<smartlabel_pressed_label_color perm="">242 242 242 255</smartlabel_pressed_label_color>
</phone-settings>
</settings>
2. "Tema Colorido":
Ver
<?xml version="1.0" encoding="utf-8"?>
<settings>
<phone-settings>
<!-- When the background image is set, it automatically applies alpha changes to all elements.
Therefore it has to be configured at the beginning so that all styles afterwards correctly apply-->
<custom_bg_image_url perm="">http://192.168.0.1/background.png</custom_bg_image_url>
<!-- Background color has to be transparent because a background image is configured -->
<background_color perm="">0 0 0 0</background_color>
<titlebar_text_color perm="">242 242 242 255</titlebar_text_color>
<titlebar_background_color perm="">43 49 56 40</titlebar_background_color>
<text_color perm="">242 242 242 255</text_color>
<subtext_color perm="">224 224 224 255</subtext_color>
<extratext_color perm="">224 224 224 255</extratext_color>
<extratext2_color perm="">224 224 224 255</extratext2_color>
<fkey_background_color perm="">43 49 56 40</fkey_background_color>
<fkey_pressed_background_color perm="">43 49 56 140</fkey_pressed_background_color>
<fkey_separator_color perm="">0 0 0 0</fkey_separator_color>
<fkey_label_color perm="">224 224 224 255</fkey_label_color>
<fkey_pressed_label_color perm="">224 224 224 255</fkey_pressed_label_color>
<line_background_color perm="">0 0 0 0</line_background_color>
<selected_line_background_color perm="">43 49 56 40</selected_line_background_color>
<selected_line_indicator_color perm="">61 133 198 255</selected_line_indicator_color>
<selected_line_text_color perm="">61 133 198 255</selected_line_text_color>
<line_separator_color perm="">0 0 0 0</line_separator_color>
<scrollbar_color perm="">61 133 198 255</scrollbar_color>
<cursor_color perm="">61 133 198 255</cursor_color>
<status_msgs_background_color perm="">61 133 198 255</status_msgs_background_color>
<status_msgs_border_color perm="">61 133 198 255</status_msgs_border_color>
<!-- Settings for SmartLabel -->
<smartlabel_background_color perm="">43 49 56 40</smartlabel_background_color>
<smartlabel_pressed_background_color perm="">43 49 56 140</smartlabel_pressed_background_color>
<smartlabel_separator_color perm="">0 0 0 0</smartlabel_separator_color>
<smartlabel_label_color perm="">242 242 242 255</smartlabel_label_color>
<smartlabel_pressed_label_color perm="">242 242 242 255</smartlabel_pressed_label_color>
</phone-settings>
</settings>
Esperamos que este tópico ajude você a entender a questão da personalização manual.
Para ser continuado ...
Fonte: habr.com