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

telemidia.puc.rio.br
from telemidia.puc.rio.br More from this publisher
11.07.2015 Views

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

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

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!