O SCV Free Form Designer é uma aplicação opensource que foi desenvolvida sobre a API SCV para agilizar a construção de interfaces gráficas usando a API SCV.

Ela deve proporcionar ao usuário a possibilidade de arranjar os componentes gráficos da API SCV de maneira visual, oferecendo recursos para adição e remoção de objetos e geração do código resultante. Ele também pode ser usado como ferramenta para estudo das funcionalidades e sintaxe de código do SCV, ou como ferramenta para construção da base da aplicação para posterior expansão manual com demais componentes.

Interface

O SCV Free Form Designer apresenta uma estrutura simples, que possibilita a construção interativa da interface do software. Ela possui apenas uma janela com um painel, onde é possível incluir componentes. A janela do SCV não possui um tamanho fixo, é possível modificar o tamanho da janela arrastando suas bordas, para melhor se adequar a interface.

Criação de Interfaces

Para criar uma interface no SCV Free Form Designer deve-se utilizar o menu, clicando com o botão direito na tela. O menu possui cinco opções que estão relacionados com a criação da interface: "Add Panel", "Add Component", "Clear Interface", "Generate Code" e "Open".

A opção "Add Panel" é usado para adicionar painéis na interface, os painéis são utilizados para agrupar componentes (widgets). Existem cinco tipos de painéis, como uma imagem ou um simples painel.

Dentro de um painel é possível adicionar outros painéis ou componentes, os quais não irão aparecer fora do painel.

Ao mover o painel, todos os componentes que estão em seu interior irão segui-lo. Clicando com o botão direito do mouse, pode-se remover componentes da interface.

Ao clicar na opção "Add Component" irá aparecer um sub-menu com uma lista de todos os componentes.

Ao clicar em algum componente ele será adicionado à tela na posição onde o mouse estava ao clicar com o botão direito, e estará vinculado ao componente superior na hierarquia de componentes que já foram adicionados à interface. Por exemplo, se o menu for aberto sobre um Panel, o novo componente será vinculado a este. Para mover um componente de posição, é preciso clicar no componente e arrastá-lo. É possível modificar o tamanho de alguns componentes clicando em suas bordas e arrastando. Alguns componentes possuem uma Label, e ao adicioná-los aparecerá uma caixa de texto onde deve ser escrito aquilo que se deseja que apareça no componente.

A opção "Clear Interface" irá remover todos os componentes e painéis da tela, restando apenas o painel inicial.

Geração de Código

O SCV Free Form designer gera código a partir dos componentes incluídos na interface. Para gerar o código é necessário clicar na opção "Generate Code". São gerados sempre três arquivos em linguagem C++, que são os seguintes:

application.h: protótipos das callbacks e definição da classe application.
application.cpp: Definição e inicialização dos componentes.
main.cpp: inicialização do scv e execução.

Adicionalmente podem ser criados os aquivos widgets.h e widgets.cpp se usada a opção "Generate Code with Custom Classes"

Os arquivos são criados no mesmo local onde a aplicação foi executada.