Programando em NCL 3.0.pdf - Telemidia - PUC-Rio
Programando em NCL 3.0.pdf - Telemidia - PUC-Rio Programando em NCL 3.0.pdf - Telemidia - PUC-Rio
3.12 Navegação por TeclasA próxima funcionalidade que agregaremos em nossa aplicação OPrimeiro João é a opção de escolher a música de fundo, ou seja, asubstituição do chorinho pelo “rock”, ou um “techno”, ou um estilo“cartoon”.A escolha do ritmo se dará por meio de navegação sobre ícones(imagens) que os representam. A navegação se dará por meio das teclasCURSOR_RIGHT e CURSOR_LEFT do controle remoto. O ícone em foco,se selecionado pela tecla ENTER, efetuará a substituição da música.Como os ícones estarão sempre visíveis, para não sobrepô-los ao vídeoda animação vamos redimensionar a região que define onde esse vídeo seráapresentado. Teremos também de definir as regiões onde os ícones serãoexibidos. Assim, o novo elemento pode ser definido conformeilustrado na Listagem 3.43. Devemos notar, pela nova definição, que todas asregiões são definidas com relação à região da figura de fundo e que os íconescorrespondentes aos vários ritmos da música de fundo serão apresentados naparte mais inferior da tela.112
Como próximo passo, temos de definir o novo conjunto de descritores.Descritores são especificados para cada um dos quatro ícones, a seremapresentados para a seleção do ritmo.Na definição de cada descritor, devemos informar seu índice para anavegação pelas teclas do controle remoto. Isso é feito pelo atributofocusIndex do elemento . Devemos também informar ospróximos elementos a receberem o foco quando navegarmos por meio dasteclas CURSOR_RIGHT e CURSOR_LEFT, indicando os próximos valoresde focusIndex que deverão ser objeto de foco. Isso será feito por meio dosatributos moveRight e moveLeft, respectivamente. Assim, tomando comoexemplo o elemento “chorinhoDesc” da Listagem 3.44, vemosque seu índice para foco é “2” e que, quando o elemento que oreferencia está com o foco e a tecla CURSOR_RIGHT do controle remoto épressionada, o foco é movido para o elemento que referencia oelemento com o atributo focusIndex igual a “3”. Analogamente,quando o elemento que referencia o elemento “chorinhoDesc” está com o foco e a tecla CURSOR_LEFT do controleremoto é pressionada, o foco é movido para o elemento quereferencia o elemento com o atributo focusIndex igual a “5”. AListagem 3.44 ilustra a definição dos novos descritores. Note que anavegação pelos ícones que representam os ritmos é circular.Listagem 3.44 Novos descritores com a definição de atributos para navegação por teclas.O leitor já deve ter percebido que, além dos quatro ícones mencionados,também teremos de acrescentar à aplicação mais três objetos de áudio, umavez que o áudio do chorinho já estava presente na versão anterior daaplicação.Vamos, então, estabelecer o seguinte cenário para nossa aplicação.Como anteriormente, o áudio chorinho começará 5 segundos após o início daaplicação. Juntamente com o início do “choro”, vamos também iniciar aapresentação dos ícones (imagens) para choro, rock, techno e cartoon. Para113
- Page 102 and 103: Todo elemento possui um identifica
- Page 104 and 105: Ao referenciar um conector definido
- Page 106 and 107: Listagem 3.16 Documento NCL com reu
- Page 108 and 109: elementos , mesmo que seus valores
- Page 110 and 111: 70Listagem 3.19 Definição dos nov
- Page 112 and 113: 72
- Page 114 and 115: onBeginonBeginonEndStartStartonBegi
- Page 116 and 117: 76
- Page 118 and 119: Listagem 3.22 O Primeiro João com
- Page 120 and 121: 80
- Page 122 and 123: 3.7 Usando o Canal de Interatividad
- Page 124 and 125: “lEndShoes” deve ser substituí
- Page 126 and 127: 86
- Page 128 and 129: Vamos, nessa nova versão, exibir t
- Page 130 and 131: O leitor deve notar, comparando a F
- Page 132 and 133: Listagem 3.31 Redefinição dos rel
- Page 134 and 135: 94
- Page 136 and 137: nó settings deve ser declarado e s
- Page 138 and 139: Agora, que já temos a manipulaçã
- Page 140 and 141: ligando o elemento ao elemento qu
- Page 142 and 143: 102
- Page 144 and 145: Listagem 3.37 O Primeiro João com
- Page 146 and 147: 3.16 ilustra a nova visão estrutur
- Page 148: 108
- Page 151: Listagem 3.42 O Primeiro João com
- Page 155 and 156: Listagem 3.45 Finalização de todo
- Page 157 and 158: Listagem 3.47 Elemento “menu”.
- Page 159 and 160: 119
- Page 161 and 162: 121
- Page 164 and 165: interface="soundLevel">124
- Page 166 and 167: por “changes”, contendo um scri
- Page 168 and 169: Listagem 3.53 Elos para incremento
- Page 170 and 171: procedimento descrito neste parágr
- Page 173 and 174: height="10%" zIndex="4"/>133
- Page 175 and 176: 135
- Page 177 and 178: 137
- Page 179 and 180: Figura 3.21 Cenas da aplicação O
- Page 181 and 182: 4.1 IntroduçãoA abordagem modular
- Page 183 and 184: descriptorBaseLinking Linking bindb
- Page 185 and 186: 4.3 Perfis NCLComo já mencionamos,
- Page 187 and 188: O atributo id do elemento pode rec
- Page 189 and 190: PARTE IILinguagem NCLPerfil EDTV149
- Page 191 and 192: 5.1 Introdução à Estrutura do C
- Page 193 and 194: Listagem 5.1 Estrutura do elemento
- Page 195 and 196: Capítulo 6Leiaute daApresentação
- Page 197 and 198: TVPDA Listagem 6.1 Definição
- Page 199 and 200: egistrado, também por default: o d
- Page 201 and 202: caso de regiões sobrepostas, quais
3.12 Navegação por TeclasA próxima funcionalidade que agregar<strong>em</strong>os <strong>em</strong> nossa aplicação OPrimeiro João é a opção de escolher a música de fundo, ou seja, asubstituição do chorinho pelo “rock”, ou um “techno”, ou um estilo“cartoon”.A escolha do ritmo se dará por meio de navegação sobre ícones(imagens) que os representam. A navegação se dará por meio das teclasCURSOR_RIGHT e CURSOR_LEFT do controle r<strong>em</strong>oto. O ícone <strong>em</strong> foco,se selecionado pela tecla ENTER, efetuará a substituição da música.Como os ícones estarão s<strong>em</strong>pre visíveis, para não sobrepô-los ao vídeoda animação vamos redimensionar a região que define onde esse vídeo seráapresentado. Ter<strong>em</strong>os também de definir as regiões onde os ícones serãoexibidos. Assim, o novo el<strong>em</strong>ento pode ser definido conformeilustrado na Listag<strong>em</strong> 3.43. Dev<strong>em</strong>os notar, pela nova definição, que todas asregiões são definidas com relação à região da figura de fundo e que os íconescorrespondentes aos vários ritmos da música de fundo serão apresentados naparte mais inferior da tela.112