COMO: Personalizar um controlo de formulários Web móveis com modelos

Este guia passo-a-passo descreve como criar e utilizar modelos específicas do dispositivo para controlos de formulários da Web móveis. Este é um processo composto por dois passos. Em primeiro lugar, tem de atribuir um ou mais filtros de dispositivo para o controlo. Em segundo lugar, terá de criar um modelo de específicas do dispositivo que está associado a cada filtro de dispositivo. Este artigo pressupõe que instalou o Microsoft Visual Studio .NET e o Mobile Internet Toolkit com o Designer do Mobile Internet.

INFORMÁTICOS profissionais podem utilizar o Mobile Internet Toolkit para implementar Web sites para computadores pessoais e dispositivos móveis sem fios. Estes dispositivos podem variar entre Web telefones e computadores pessoais portáteis. O Mobile Internet Toolkit inclui um conjunto de controlos de servidor móvel que podem ser utilizados nas páginas Web. Os controlos móveis (estes são também chamados controlos de formulários da Web móveis) detectam o tipo de dispositivo é utilizado para procurar a aplicação. Estes controlos com base no que detecção, emitir a linguagem de marcação é adequada para um dispositivo específico. Por exemplo, se um utilizador é procurar utilizando um dispositivo sem fios Markup Language (WML), os controlos móveis emitir WML dispositivo do utilizador.

Dado que os dispositivos móveis têm uma grande variedade de capacidades de apresentação, poderá ser necessário personalizar a saída de páginas Web para dispositivos específicos. Uma forma de fazer é utilizando modelos para controlos móveis que se baseiam em tipo de dispositivo que está a ser utilizado para procurar a aplicação.

Requisitos

• Visual Studio .NET
  
• Móvel Internet Toolkit
  

Definir filtros de dispositivo

1. No formulário Mobile Web, clique no controlo Mobile formulário da Web ao qual o filtro será aplicado.
2. Na janela Propriedades, clique no botão reticências junto à propriedade AppliedDeviceFilters . A caixa de diálogo Aplicado filtros de dispositivo é apresentada.
3. Clique em Editar para criar ou modificar filtros. A caixa de diálogo Editor de filtros de dispositivo aparece.
4. Faça clique sobre um novo filtro de dispositivo por:
   1. Se clicar em novo filtro de dispositivo .
   2. Escrever o nome para o novo filtro. Note que os nomes de filtro são sensíveis a maiúsculas e minúsculas.
   3. Fazendo clique sobre um tipo de filtro (por exemplo, clique em Comparação de igualdade ) e escrever as informações adequadas nas caixas Comparar e argumento .
5. Utilize os botões de Seta para cima e Seta para baixo para definir a ordem no qual os filtros de dispositivo são guardados no ficheiro de configuração da aplicação (Web.config).
6. Clique em OK para guardar os filtros de dispositivo no ficheiro de configuração da aplicação e, em seguida, feche a caixa de diálogo Editor de filtros de dispositivo .

Aplicar filtros de dispositivo

1. Clique no controlo para o qual o filtro será aplicado.
2. Na janela Propriedades, clique no botão reticências junto à propriedade AppliedDeviceFilters . O estruturador de Internet Mobile apresenta a caixa de diálogo Aplicado filtros de dispositivo .
3. A caixa de Filtros de dispositivo disponível contém todos os filtros de dispositivo que são definidos ao nível da aplicação. Faça clique sobre o filtro de dispositivo que pretende utilizar ou, escreva o nome de um método avaliador delegado definido no ficheiro de código subjacente da página Web Forms móvel.
4. Clique em Adicionar À lista . O nome de filtro ou método dispositivo seleccionado está incluído na lista Aplicado filtros de dispositivo .
5. Na caixa Aplicado filtros de dispositivo , clique em novo filtro de dispositivo.
6. Na caixa de argumento , escreva o argumento de filtro de dispositivo opcional. Para filtros de comparação, o argumento substitui o valor que está definido na caixa de diálogo Editor de filtros de dispositivo e guardado no ficheiro Web.config. Para filtros baseados em delegado, o argumento é transmitido para o método. Se não especificar um argumento, é utilizado um valor nulo.
7. Utilize os botões Seta para cima e Seta para baixo para ordenar os filtros de dispositivo aplicado. Durante o tempo de execução, a aplicação testa os filtros um a um na parte superior à parte inferior. O primeiro filtro de dispositivo que provoca uma avaliação com êxito determina qual o conjunto de propriedade substitui os valores que a aplicação utiliza.
8. Clique em OK para fechar a caixa de diálogo Aplicado filtros de dispositivo .

Seleccionar um filtro aplicado dispositivo

1. Clique com o botão direito do rato qualquer controlo móvel que suporta modelos e, em seguida, clique em Opções Templating . A caixa de diálogo Opções de Templating aparece.
2. Na caixa Aplicado o filtro de dispositivos , faça clique sobre um filtro.
3. Opcionalmente, clique ou escreva um esquema de linguagem de marcação na caixa de Esquema de marcação . As informações que especificar são utilizadas apenas pelo Estruturador da Internet Mobile e não tem qualquer efeito em tempo de execução. É utilizado na vista HTML pela tecnologia Microsoft IntelliSense.
4. Feche a caixa de diálogo Opções de Templating . Quando o fizer, o estruturador define a propriedade TemplateDeviceFilter do controlo para o nome do filtro de dispositivo especificado na caixa Aplicado o filtro de dispositivo . O controlo seleccionado, em seguida, está pronto para modo de edição de modelo.

Editar modelos

1. No menu de atalho, clique em Editar modelo . Ver uma lista de modelos personalizáveis que suporta o controlo seleccionado actualmente.
2. No menu Editar modelo , clique no modelo que pretende editar.
3. Na maioria dos modelos, pode escrever texto literal directamente para o modelo ou pode arrastar controlos da caixa de ferramentas e, em seguida, definir as respectivas propriedades para formatar as informações que neles contidas. Por exemplo, poderá:
   • Arraste um controlo de etiqueta para o modelo de cabeçalho. Pode escrever texto do cabeçalho no controlo e, em seguida, configurar as respectivas propriedades. Por exemplo, pode alterar a cor de primeiro plano.
   • Arraste um controlo de imagem para um modelo de separador. Em seguida, é possível utilizar a propriedade ImageUrl para ligar a um ficheiro de gráfico na Web para o separador que pretende utilizar.
4. Quando tiver terminado, clique em Terminar edição de modelo no menu de atalho.