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
leftwidthrighttoprgPaizIndex = 1rgFilhozIndex = 2heightzIndex = 3bottomFigura 6.2 Atributos de posicionamento e dimensão de uma região.Vale observar que uma região herda por default os atributos da sua regiãopai. Vamos considerar um menu vertical de quatro opções. Em vez dedefinirmos a região correspondente a cada item de menu com posição relativaà tela do dispositivo, podemos aninhá-las a uma região que simboliza toda aárea de tela (bounding box) ocupada pelo menu (Figura 6.3).rgTVrgMenurgMenu1rgMenu2rgMenu3rgMenu4Figura 6.3 Leiaute de exemplo com diversas regiões (“rgMenu1”, “rgMenu2”,“rgMenu3”, “rgMenu4”) posicionadas de forma relativa a uma região pai (“rgMenu”).Observamos na Listagem 6.4 que a região “rgMenu1” começa a umadistância de 50 pixels das bordas superior e esquerda da tela e possui largurade 200 pixels, pois herda os valores desses atributos da região “rgMenu”. Poroutro lado, a altura de “rgMenu1” é de 50 pixels, conforme definido noatributo do próprio elemento.162
Listagem 6.4 Definição de regiões para um menu vertical com quatro opções.Para exemplificar a utilidade desse aninhamento de regiões, suponha queagora se decida que o menu deve ficar no lado direito da tela, em vez de nolado esquerdo. A partir da definição anterior, a única modificação que precisaser feita é na especificação dos atributos da região “rgMenu”: em vez desituar o menu a 50 pixels do lado esquerdo da região pai “rgTV” (posiçãodefinida através do atributo left), definimos agora o atributo right, situando omenu a 50 pixels do lado direito da região pai “rgTV”, conforme o trecho decódigo apresentado na Listagem 6.5. As demais regiões permaneceminalteradas.Listagem 6.5 Alteração de atributo de uma região pai.A Figura 6.4 ilustra essa nova disposição das regiões do menu.163
- Page 151 and 152: Listagem 3.42 O Primeiro João com
- Page 153 and 154: Como próximo passo, temos de defin
- 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: caso de regiões sobrepostas, quais
- Page 205 and 206: A Figura 6.6 ilustra a visão de le
- Page 207 and 208: Passos 1 e 2: Definindo Regiões de
- Page 209 and 210: Passo 5: Definindo a Porta do Conte
- Page 211 and 212: Capítulo 7Apresentação deObjetos
- Page 213 and 214: Listagem 7.2 Definição de uma bas
- Page 215 and 216: freeze: identifica o que acontece a
- Page 217 and 218: pVideoAberturargTVtelaInteiravideoP
- Page 219 and 220: Passo 4: Definindo a porta adiciona
- Page 221 and 222: mídia que podem ter seu valor inic
- Page 223 and 224: hiddenmídia menor queregiãohidden
- Page 225 and 226: Alguns parâmetros de descritor res
- Page 227 and 228: De forma análoga, para menus horiz
- Page 229 and 230: moveLeft: identifica o índice de n
- Page 231 and 232: de uma base de transições . 6 Os
- Page 233 and 234: type: atributo obrigatório que esp
- Page 235 and 236: Exemplo 7.3 — Reproduzindo uma Im
- Page 237 and 238: Capítulo 8Objetos de MídiaeContex
- Page 239 and 240: 8.1.2 O Atributo srcO atributo src
- Page 241 and 242: videoaudiotextvideo(i)audio(i)text(
- Page 243 and 244: Pela Tabela 8.1, cinco tipos especi
- Page 245 and 246: 8.3 PortasUma porta é um ponto de
- Page 247 and 248: tempo. Para sincronizar o término
- Page 249 and 250: 9.1 Âncoras de ConteúdoUma âncor
- Page 251 and 252: Alguns valores default para os atri
Listag<strong>em</strong> 6.4 Definição de regiões para um menu vertical com quatro opções.Para ex<strong>em</strong>plificar a utilidade desse aninhamento de regiões, suponha queagora se decida que o menu deve ficar no lado direito da tela, <strong>em</strong> vez de nolado esquerdo. A partir da definição anterior, a única modificação que precisaser feita é na especificação dos atributos da região “rgMenu”: <strong>em</strong> vez desituar o menu a 50 pixels do lado esquerdo da região pai “rgTV” (posiçãodefinida através do atributo left), definimos agora o atributo right, situando omenu a 50 pixels do lado direito da região pai “rgTV”, conforme o trecho decódigo apresentado na Listag<strong>em</strong> 6.5. As d<strong>em</strong>ais regiões permanec<strong>em</strong>inalteradas.Listag<strong>em</strong> 6.5 Alteração de atributo de uma região pai.A Figura 6.4 ilustra essa nova disposição das regiões do menu.163