Visual Studio e Seus Containers

Visual Studio e seus Containers

http://www.linhadecodigo.com.br/artigo/2605/visual-studio-e-seus-con...

Pesquisar

HOME

DESENVOLVIMENTO

BANCO DE DADOS

DESIGN

GERNCIA

INFRA

PUBLIQUE

CURSOS

VDEOS

Desenvolvimento - C#

Visual Studio e seus Containerspor Everton Coimbra de Arajo 0 0 0Email00

Publicidade

Com muita satisfao retorno a publicar no Linha de Cdigo, onde o Mrcio sempre me recebeu bem e que por atividades relacionadas ao Doutorado me mantive afastado por um tempo. Retorno agora com um grupo de alunos, onde em cada artigo a ser publicado, apresentarei um deles vocs. Estes alunos se empenharam e dedicaram-se de forma extremamente comprometida com a pesquisa e aprendizado durante os semestres que mantivemos contato prximo nas disciplinas que a eles eu ministrava. Isso me motivou muito e fazer com que o resultado dos trabalhos deles aparecesse para o mundo e, nada melhor do que o Linha de Cdigo para isso. Neste primeiro artigo apresento o Jonathan Nascimento Welzel, que pode ser contactado pelo [email protected]. O Jonathan est concluindo neste REVISTAS DEVMEDIA

segundo semestre de 2009 suas disciplinas de graduao. Foi meu orientando no processo de estgio supervisionado e agora entra no processo de TCC (Trabalho de Concluso de Curso). O Jonathan, apesar de ter trabalhado comigo neste artigo sobre .NET tem uma grande experincia no desenvolvimento de aplicaes WEB com JSF e Richfaces, alm de profundo conhecimento em JPA, Hibernate e Hibernate Search. Desta forma, estejam a vontade em solicitar o curriculum dele.VER TODAS ASSINE

easy .net mag 21

.net Magazine 95

Este artigo o resultado de uma pesquisa do Jonathan sobre o uso de Containers em aplicaes Windows Forms, para .NET, atravs do Visual Studio, onde ns procuramos descrever as opes oferecidas pelo Visual Studio, para que voc possa ter noo dos mesmos e suas caractersticas, subsidiando recursos que o auxiliem em uma tomada de deciso de quando usar qual container.

Introduo Quando desenvolvemos uma aplicao que faa uso de uma interface grfica devemos considerar com muita ateno a maneira como os componentes de cada tela so dispostos nelas. Isso importante porque permite que as funcionalidades da aplicao sejam disponibilizadas para o usurio de maneira intuitiva que simplifique o seu uso. para nos ajudar nessa tarefa que o Visual Studio disponibiliza uma srie de componentes que se responsabilizam por gerenciar o modo como os componentes so organizados dentro deles. Esses componentes so chamados de Containers e se encontram na Toolbox, a paleta de ferramentas localizada no canto esquerdo da tela, do Visual Studio como ilustrado na Figura 1.

CURSOS EM DESTAQUE

Curso Refatorao com C# .NET Curso ASP.NET MVC Sistema de Vestibular Curso Visual Studio LightSwitch Curso Novidades Entity Framework 4.1 Curso ASP.NET Bsico com MySQL: Sistema de Concessionria Curso Conhecendo a Toolbox do Visual Studio 2010

VER TODOS

1 de 7

17/04/2012 21:58



TOP 10 - ARTIGOS

TOP 10 - AUTORES

1 2 3Figura 1 - Os 6 diferentes tipos de containers disponveis no Visual Studio.

HTML Bsico Comandos bsicos em SQL - insert, update, delete e select HTML Avanado Javascript: O Objeto Date() Resgatando Imagens Dinamicamente usando ASP.NET MVC e C# ResolveURL Tutorial Adobe Photoshop CS 2 Real Imagem P & B ASP.NET 2.0 - Herana visual com Master Page Excel: Como verificar se existe valores duplicados Strings em C# - Coisas que nem todos sabemVER TODOS

4 5 6 7 8 9 10

FlowLayoutPanel A primeira opo mostra o FlowLayoutPanel. Esse container dispe seus componentes em uma linha horizontal e a partir do momento que o seu espao se torna insuficiente para abrigar um determinado componente ele ento jogado para a linha de baixo, como ilustrado nas Figuras 2 e 3 logo abaixo:

Figura 2 - Um form em seu estado inicial usando um FlowLayoutPanel com 4 componentes.

Figura 3 - O mesmo form com sua largura reduzida, o que forou o label2 e seu TextBox para a linha de baixo (isso se o FlowLayoutPanel estiver docado ao form).

Como o tamanho do FlowLayoutPanel pode ser manualmente ajustado e seus componentes so automaticamente dispostos conforme o espao disponvel, ele se torna eficaz na hora de montar painis que contenham uma estrutura fixa e simples, como o representado acima. GroupBox Esse container serve para agrupar componentes que compartilhem alguma semelhana funcional dentro de uma mesma tela. Por exemplo, em uma tela de cadastro de produtos, caso seja necessrio especificar dados tanto do produto como do seu fornecedor seria melhor agrup-los em reas diferentes da tela, especificando quais campos pertencem a cada rea. A Figura 4 ilustra esse exemplo:

2 de 7

17/04/2012 21:58



Figura 4 - Os campos pertinentes a cada entidade dentro do processo de cadastro de um produto devidamente separados por containers GroupBox.

Panel O Panel representa a forma mais simples de se agrupar uma coleo de componentes. Ao contrrio do GroupBox esse container no possui uma propriedade onde se possa especificar um ttulo para o painel, mas muito eficiente na hora de delimitar regies com diferentes funcionalidades que meream destaque dentro de uma tela, como ilustrado na Figura 5.

Figura 5 - Um exemplo de como o Panel usado para agrupar controles e destacar uma determinada rea da tela.

SplitContainer O SplitContainer divide a sua rea de visualizao em dois, ou mais, painis cujos tamanhos podem ser ajustados em tempo de execuo por um separador. Esse tipo de controle geralmente associado a telas no estilo Windows Explorer, onde de um lado existe uma rvore de objetos e no outro uma lista de itens que pertencem a esse objeto. Ele se torna muito til na navegao e explorao de dados porque consegue facilmente separar os dados de um item de seu item e ao mesmo tempo gerar uma visualizao simples desses dados como mostrado na Figura 6.

3 de 7

17/04/2012 21:58



Figura 6 - Uma lista de animais mostrada no painel da esquerda e ao clicar em cada animal sua foto mostrada no painel da direita.

TabControl O TabControl um controle muito til pois nos permite mostrar vrios dialogs em um nico form, basta trocar de aba para acessar seu contedo, ou seja, ele capaz de condensar uma grande quantidade de telas em uma nica tela. Cada aba pode conter vrios controles, de acordo com a sua funo, como se fosse um form independente, mas geralmente so usados dentro de um nico contexto, simplesmente para facilitar e organizar em categorias ou reas a visualizao dos dados relativos a esse contexto. Os controles de insero e remoo de abas podem ser facilmente acionados atravs da smart tag desse container como ilustrado na Figura 7. j as propriedades de cada uma dessas abas podem ser visualizadas e alteradas atravs da propriedade TabPages desse container como ilustrado na Figura 8.

Figura 7 - As abas podem ser facilmente TabControl.

Figura 8 - As propriedades das abas podem ser TabControl.

adicionadas ou removidas a partir da smart tag do configuradas a partir da propriedade TabPages do

Para inserir controles dentro de cada aba basta selecionar a aba desejada e arrast-los para dentro dela. Um exemplo de resultado final pode ser visualizado na Figura 9.

4 de 7

17/04/2012 21:58



Figura 9 - Um exemplo de uso do TabControl com trs abas aninhadas, todas relativas ao contexto de configurao representado na figura.

TableLayoutPanel

Como o nome j diz, esse controle dispe seu contedo de forma tabular. Podemos adicionar linhas ou colunas, definir suas dimenses e agrup-las como em uma tabela qualquer. Cada clula da tabela pode abrigar um nico controle, a menos que um container como um Panel seja adicionado antes, que pode ser posicionado de vrias maneiras dentro dela. Uma propriedade interessante desse controle o AutoSize, que faz com que os tamanhos das clulas se ajustem automaticamente ao seu contedo, independente da configurao feita anteriormente. Essa configurao pode ser feita a nvel de linha/coluna, ou a nvel de container. Este container tambm oferece uma tela de configurao onde os tamanhos das suas linhas e colunas podem ser configurados de maneira individual como a Figura 10 mostra.

Figura 10 - Tela onde so configuradas as colunas e as linhas da tabela.

Esse tipo de layout se encaixa bem em situaes onde existe uma entrada grande de dados, como por exemplo em formulrios, porque os controles podem ser facilmente alinhados como a Figura 11 ilustra.

Figura 11 - Um formulrio de cadastro usando o TableLayoutPanel com sete linhas e duas colunas. O ltimo componente (abaixo do label6) usa um colSpan de 2.

ConclusoA importncia de um visual intuitivo que melhore a usabilidade do sistema muito grande, assim como a distribuio dos componentes, da mesma maneira, ajuda o usurio a interagir com a aplicao de forma gil e satisfatria. Isso para os programadores, que geralmente esto mais habituados com a parte da lgica de negcios da aplicao do que com seu visual, pode representar uma tafera um tanto quanto rdua. Porm o Visual Studio oferece vrias solues que facilitam de forma simples a organizao dos

5 de 7

17/04/2012 21:58



controles dentro da aplicao atravs do uso de containers. Fica a encargo do desenvolvedor saber quais componentes agrupar de acordo com a funcionalidade de cada tela ou de acordo com o contexto na qual ela est inserida.

Everton Coimbra de Arajo - Desde 1987 atua na rea de treinamento e desenvolvimento. Como Mestre em Cincia da Computao, professor da UNIVERSIDADE TECNOLGICA FEDERAL DO PARAN, Campus Medianeira, onde leciona disciplinas relacionadas ao desenvolvimento de aplicaes web, com Java e .NET. autor dos livros Desenvolvimento para WEB com Java, Orientao a Objetos com Java Simples, Fcil e Eficiente, Algoritmo - Fundamento e Prtica em sua terceira edio e dos livros Delphi - Implementao e Tcnicas para Ambientes Virtuais e C++ Builder - Implementao e Tcnicas para Ambientes Virtuais. Todos pela VisualBooks. Pode ser contactado atravs do e-mail [email protected] ou [email protected].

0 0 0Email0

0

Leia tambmResolveURLVisual Studio

Singleton - Padro de Projeto com Microsoft .NET C SharpC#

Visual Studio 2011: Novo LayoutVisual Studio

Formatando Datas com string.FormatC#

A instalao do Visual Studio 2011Visual Studio

ComentriosCurtir Login

Adicionar novo comentrio

Mostrando 0 comentriosM Notificar por e-mail S RSS

URL de Trackbackblog comments powered by DISQUS

6 de 7

17/04/2012 21:58



Linha de Cdigo faz parte do grupo Web-03

Poltica de privacidade e de uso | Anuncie | Cadastre-se | Fale conosco

2012 Linha de Cdigo. Todos os direitos reservados

7 de 7

17/04/2012 21:58

Documents

Visual Studio e Seus Containers