AS MELHORES DICAS PARA A SUA EMPRESA!

Manutenção de Containers utilizando o TotalCross

Manutenção de Containers utilizando o TotalCross

Utilizar containers é algo muito comum no dia-a-dia de um programador, principalmente os que usam do Totalcross. Isto acontece devido ser uma pratica incrivelmente usual que serve para a criação de diferentes tipos de layout de interfaces UI, ou para separar uma certa área da outra. Para os que estão acostumados com HTML, podem compará-los as tags divs.

 

Mas afinal, o que é um Container?

Na programação orientada a objeto (POO) o Container é definido como um é um delimitador abstrato, sendo assim, ele é um objeto que contém outros objetos que podem ser adicionados ou removidos de maneira dinâmica durante o tempo de execução.

Diferente do modo de composição, onde os objetos são fixos, com o container posso ir adicionando e tirando, conforme a aplicativa “roda” para o usuário, facilitando muito mais a criação de layouts lúdicos. Como, por exemplo, o facebook.

O Facebook pode ter suas interfaces UI dividas em 3 partes principais: A parte azul mais escura, contendo o local para pesquisa; uma parte branca logo após, contendo buttons menus e o side menu das configurações e o feed sendo a parte do meio (para ver o código clique aqui).

Cada uma dessas partes poderia ser construída com containers. Usando-os para delimitar os espaços que deverão ocupar, setando cores e adicionando os componentes que que desejam que ali estejam.

 

E qual é a sintaxe?

Apesar de que possa parecer complicado, criar containers é bastante fácil, vejamos abaixo:

public class Inicial extends Container{//A classeherda de container

publicvoidinitUI(){

Container top = new Container();//crio um objeto do tipo

container

add(top, LEFT, TOP, PARENTSIZE, FONTSIZE + 250); //adiciono o container na tela e digo o espaço que ele irá delimitar, neste caso, um espaço na parte superior da interface

top.setBackColor(0x000000);//seto a cor de fundo do container (preto)

 

Labellbl=newLabel(“Totalcross”);// crio uma label

top.add(lbl, LEFT+20, CENTER+22, PARENTSIZE+10, PARENTSIZE+40);// adiciono a label dentro do espaço delimitado pelo container

     }

}

E tã-dã! É assim que se constrói um container e seta os objetos desejados dentro dele!

Bem simples, não é mesmo?

 

E como ir além?

Vimos como criar um container e setar um componente nele, mas e agora? Como usa-lo de maneira mais eficaz? Bem, basta construir o seu layout e aplica-lo! Vejamos outro exemplo da criação de um container bottom…

Container bottom = new Container();

bottom.setBackColor(0x000000);

add(bottom, LEFT, BOTTOM, FILL, FONTSIZE+200);

 

… E um no meio:

Container container = new Container();

add(container, LEFT, AFTER, FILL, FIT, top);

container.setBackColor(0x6495ED);

 

E voyalá! Você já tem a estrutura perfeita para o seu app!

 

Manutenção de Containers utilizando o TotalCross

 

 

_____________________________________________________________________________________________________________________________________________________________________________________________________________

 

Viu? Com totalcross é fácil de manusear os containers!  Quer saber mais? Acesse nosso blog!

Não esqueça de nos contar o que você achou!

 

 

Deixe uma resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *