Post on 16-Apr-2015
Layout Windows Forms
2º Semestre 2010 > PUCPR > TPU
Bruno C. de PaulaBruno C. de Paula
Resumo da aulaEm breve, vamos começar a conhecer cada um dos principais controles e componentes disponíveis para a criação de nossas interfaces em Windows Forms;
O primeiro grupo de controles que trabalharemos serão os controles de layout. Tais controles permitirão que controlemos a exibição dos elementos na tela.
3
Containers
6 controles;Organizam os
demais controles em paineis, abas, grupos;
4
Grupos de Propriedades
Accessibility: acessibilidade;Appearance: aparência gráfica,
corresponde ao CSS, depende do componente;
Behavior: comportamento, geralmente associado a um código, depende do componete;
Data: ligação entre controles e dados;
5
Grupos de Propriedades
Design: como a instância do objeto deve ser criada;
Focus: controla a validação dos dados;
Layout: estilo de layout, corresponde ao layout em CSS.
6
Revisão: criação de componente em tempo de execução
7
Layout
• Um bom projeto de formulário pode ser a diferença entre o sucesso e o fracasso de uma aplicação, ou mesmo mudar o mundo...
8
9
Tipos de Layout
Fixo;Unidade de medida: Pixel;Aprender o que é: PADDING,
MARGEM, ORDEM Z, TAB ORDER;Dinâmico:
Tamanho varia conforme o contâiner;Aprender o que é: ANCORAMENTO,
PADDING, RESIZE AUTOMÁTICO.
10
11/04/23
Layout Fixo
11
Modos de Layout (SnapToGrid X SnapLines)Controle do alinhamento dos
componentes na tela;Menu Tools > Options > Windows Forms
Designer > General > LayoutMode
12
Exemplo de formulário com grid de 8x8, no modo SnapToGrid
13
Em roxo: a base lineEm azul: a space line
14
Padding
Padding é distância entre a borda do controle e a área útil;
15
Margem
Margem é a distanciamento entre controles adjacentes.
Margem entre os controles
16
Fonte: Windows Forms Programming 2.0De Chris Sells e Michael Weinhardt
17
Ordem Z (Z-Order)
Menu Bring To Front ou Send To Back janela Document Outline (View > Document Outline).
18
Ordem de Navegação (Tab Order e Tab Stop)
Menu View > Tab Order;
Atalho de Botão
& antes do Text de label ou botão;Atalho = ALT + Tecla.
1911/04/23
20
Layout Dinâmico
Um componente deve ser redimensionado quando seu contâiner pai é redimensionado
21
Ancoramento (Anchor)
Preservação da distância entre a borda de um controle e a borda de seu contâiner pai
22
Ancoramento Bottom / Right
23
Top / Botton e Left / Right
24
Docking
Borda de anexagem de um controle;Quanto MAIOR o Z-ORDER, MAIS
próximo da borda está o componente em relação a outro de Z-ORDER menor.
25
Controles de Layout
FlowLayoutPanel (System.Windows.Forms.FlowLayoutPanel);
GroupBox (System.Windows.Forms.GroupBox);
Panel (System.Windows.Forms.Panel); SplitContainer
(System.Windows.Forms.SplitContainer); TabControl
(System.Windows.Forms.TabControl); TableLayoutPanel
(System.Windows.Forms.TableLayoutPanel);
26
Table Layout
27
Referências
•Windows Forms 2.0 Programming.oChris Sells e Michael Weinhardt
•Curso sobre Layout em Windows Forms:ohttp://windowsclient.net/downloads/folders/applications/entry1333.aspx