Layout Windows Forms 2º Semestre 2010 > PUCPR > TPU Bruno C. de Paula.

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