O interessante do Squeak-Etoys é que podemos misturar a programação feita usando os recursos gráficos, criados para serem usados por crianças, com linhas de código.

É claro que daria para somente usar linhas de código, mas achamos interessante que você trabalhe misturando os dois modos. Provavelmente alguma criança, sabendo que você sabe programar, vai lhe fazer perguntas sobre o uso da interface gráfica.

Uma coisa curiosa é que muitos "objetos" que têm representação gráfica não aparecem no "Object Catalog" (aquela janela verde). É o caso do TextField, que vamos ver nessa lição.

TextField é aquela áera onde o usuário pode entar com dados. Dados podem se colocados nele também por programa.

Você tem que abrir um Workspace e executar as linhas de código:

TextFieldMorph new openInWorld.

E aparece o TextField com o nome (prefixo) TextField que pode ser mudado. Se abrirmos outro virá com o nome TextField1.

Esse TextField, como todo objeto com representação gráfica tem um "halo" com seus botões e pode se abrir o Viewer que apresenta quase todos os recursos do objeto.

Nós aqui vamos apresentar (misturando uso gráfico com linhas de código), alguns desses, como se fosse um Reference resumido. Numa próxima lição, vamos apresentar um exemplo de uso do TextField, que deixará as coisas mais claras.

position

Arrastar o botão Move do "halo". Você pode ver as coordenadas mudarem no Viewer.

size

Arrastar o botão Size do "halo".

contents:'abcdef'.

contents.

Um dos botões do "halo" é um Menu. Se o abrirmos, temos determinados recursos para serem usados. No Viewer aparecem também vários recursos. Recomendamos que você "brinque" com todas as opções. Apresentamos algumas mais interessantes.:

sendToBack, bringToFront, embedInto

Se você coloca um TextBox dentro de outro objeto pode "prendê-lo" nesse, usando embedInto.

changeColor

Muda a cor do fundo.

borderColor, borderWidth, borderStyle

Na figura aparecem alguns estilos de bordas quando essa tem a cor preta.

shadowColor, shadowOffset

beLocked

O TextBox será usado só para output.

roundCorners

gradientFill, secondColor, radialFill

Você tem que usar o Viewer para criar esses efeitos:

show

hide

              LIÇÃO ANTERIOR       PRÓXIMA LIÇÃO