Criando o Design da Interface

Existem vários jeitos de posicionar elementos em GTK, como Caixas, Grids e Tabelas. Escolheremos a tabela, por que de todos eles, acredito ser a mais fácil de entender.

A tabela funciona da seguinte maneira, quando a função "gtk_table_new (x, y, TRUE );" é chamada, o programa divide a interface em um número de X linhas e de Y colunas, sendo possível posicionar os elementos na interface de acordo om os pontos iniciais e finais das linhas e colunas, respectivamente (se você já editou imagens, vai ser moleza entender).

Se declararmos "gtk_table_new (3, 3 , TRUE);", estamos dizendo para ele dividir a interface em 4 linhas e 4 colunas. Sim, você leu certo, "(3 , 3 )" são 4 linhas e 4 colunas. Porque devemos lembrar que o 0 é o primeiro número, o 1 é o segundo, o 2 é o terceiro e assim por diante. Portanto, a primeira linha/Coluna é a 0.

Veja o exemplo gráfico de um programa feito a partir de uma tabela de 3 x 5:

Inserindo Elementos na Interface

Para inserirmos elementos na interface, devemos empacotar estes elementos dentro de nossa tabela através da função: "gtk_table_attach_defaults" e passar como argumentos 4 números, sendo eles:

1. O lado esquerdo da coluna.
2. O lado direito da coluna.
3. O lado inicial da linha.
4. O lado final da linha.

Veja o exemplo abaixo do empacotamento do botão "Teste":

Planejando a Interface

Para que seu software não saia feio, ou desproporcional, é fundamental que antes de qualquer linha de código, você faça todo o desenho de sua interface, para entender e planejar como ela ficará antes de começar a redigir seu código.
Fazendo a tabela da nossa interface, ela ficaria com as seguintes medidas, observe o desenho a baixo: Espero que com está página, tenha entendido todo o sistema de tabelas em GTK. Na próxima página iremos colocar a mão na massa e fazer o código completo da interface.