layout windows forms 2º semestre 2010 > pucpr > tpu bruno c. de paula
TRANSCRIPT
![Page 1: Layout Windows Forms 2º Semestre 2010 > PUCPR > TPU Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062312/552fc0f8497959413d8b510b/html5/thumbnails/1.jpg)
Layout Windows Forms
2º Semestre 2010 > PUCPR > TPU
Bruno C. de PaulaBruno C. de Paula
![Page 2: Layout Windows Forms 2º Semestre 2010 > PUCPR > TPU Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062312/552fc0f8497959413d8b510b/html5/thumbnails/2.jpg)
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.
![Page 3: Layout Windows Forms 2º Semestre 2010 > PUCPR > TPU Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062312/552fc0f8497959413d8b510b/html5/thumbnails/3.jpg)
3
Containers
6 controles;Organizam os
demais controles em paineis, abas, grupos;
![Page 4: Layout Windows Forms 2º Semestre 2010 > PUCPR > TPU Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062312/552fc0f8497959413d8b510b/html5/thumbnails/4.jpg)
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;
![Page 5: Layout Windows Forms 2º Semestre 2010 > PUCPR > TPU Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062312/552fc0f8497959413d8b510b/html5/thumbnails/5.jpg)
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.
![Page 6: Layout Windows Forms 2º Semestre 2010 > PUCPR > TPU Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062312/552fc0f8497959413d8b510b/html5/thumbnails/6.jpg)
6
Revisão: criação de componente em tempo de execução
![Page 7: Layout Windows Forms 2º Semestre 2010 > PUCPR > TPU Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062312/552fc0f8497959413d8b510b/html5/thumbnails/7.jpg)
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...
![Page 8: Layout Windows Forms 2º Semestre 2010 > PUCPR > TPU Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062312/552fc0f8497959413d8b510b/html5/thumbnails/8.jpg)
8
![Page 9: Layout Windows Forms 2º Semestre 2010 > PUCPR > TPU Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062312/552fc0f8497959413d8b510b/html5/thumbnails/9.jpg)
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.
![Page 10: Layout Windows Forms 2º Semestre 2010 > PUCPR > TPU Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062312/552fc0f8497959413d8b510b/html5/thumbnails/10.jpg)
10
11/04/23
Layout Fixo
![Page 11: Layout Windows Forms 2º Semestre 2010 > PUCPR > TPU Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062312/552fc0f8497959413d8b510b/html5/thumbnails/11.jpg)
11
Modos de Layout (SnapToGrid X SnapLines)Controle do alinhamento dos
componentes na tela;Menu Tools > Options > Windows Forms
Designer > General > LayoutMode
![Page 12: Layout Windows Forms 2º Semestre 2010 > PUCPR > TPU Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062312/552fc0f8497959413d8b510b/html5/thumbnails/12.jpg)
12
Exemplo de formulário com grid de 8x8, no modo SnapToGrid
![Page 13: Layout Windows Forms 2º Semestre 2010 > PUCPR > TPU Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062312/552fc0f8497959413d8b510b/html5/thumbnails/13.jpg)
13
Em roxo: a base lineEm azul: a space line
![Page 14: Layout Windows Forms 2º Semestre 2010 > PUCPR > TPU Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062312/552fc0f8497959413d8b510b/html5/thumbnails/14.jpg)
14
Padding
Padding é distância entre a borda do controle e a área útil;
![Page 15: Layout Windows Forms 2º Semestre 2010 > PUCPR > TPU Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062312/552fc0f8497959413d8b510b/html5/thumbnails/15.jpg)
15
Margem
Margem é a distanciamento entre controles adjacentes.
Margem entre os controles
![Page 16: Layout Windows Forms 2º Semestre 2010 > PUCPR > TPU Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062312/552fc0f8497959413d8b510b/html5/thumbnails/16.jpg)
16
Fonte: Windows Forms Programming 2.0De Chris Sells e Michael Weinhardt
![Page 17: Layout Windows Forms 2º Semestre 2010 > PUCPR > TPU Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062312/552fc0f8497959413d8b510b/html5/thumbnails/17.jpg)
17
Ordem Z (Z-Order)
Menu Bring To Front ou Send To Back janela Document Outline (View > Document Outline).
![Page 18: Layout Windows Forms 2º Semestre 2010 > PUCPR > TPU Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062312/552fc0f8497959413d8b510b/html5/thumbnails/18.jpg)
18
Ordem de Navegação (Tab Order e Tab Stop)
Menu View > Tab Order;
![Page 19: Layout Windows Forms 2º Semestre 2010 > PUCPR > TPU Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062312/552fc0f8497959413d8b510b/html5/thumbnails/19.jpg)
Atalho de Botão
& antes do Text de label ou botão;Atalho = ALT + Tecla.
1911/04/23
![Page 20: Layout Windows Forms 2º Semestre 2010 > PUCPR > TPU Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062312/552fc0f8497959413d8b510b/html5/thumbnails/20.jpg)
20
Layout Dinâmico
Um componente deve ser redimensionado quando seu contâiner pai é redimensionado
![Page 21: Layout Windows Forms 2º Semestre 2010 > PUCPR > TPU Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062312/552fc0f8497959413d8b510b/html5/thumbnails/21.jpg)
21
Ancoramento (Anchor)
Preservação da distância entre a borda de um controle e a borda de seu contâiner pai
![Page 22: Layout Windows Forms 2º Semestre 2010 > PUCPR > TPU Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062312/552fc0f8497959413d8b510b/html5/thumbnails/22.jpg)
22
Ancoramento Bottom / Right
![Page 23: Layout Windows Forms 2º Semestre 2010 > PUCPR > TPU Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062312/552fc0f8497959413d8b510b/html5/thumbnails/23.jpg)
23
Top / Botton e Left / Right
![Page 24: Layout Windows Forms 2º Semestre 2010 > PUCPR > TPU Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062312/552fc0f8497959413d8b510b/html5/thumbnails/24.jpg)
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.
![Page 25: Layout Windows Forms 2º Semestre 2010 > PUCPR > TPU Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062312/552fc0f8497959413d8b510b/html5/thumbnails/25.jpg)
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);
![Page 26: Layout Windows Forms 2º Semestre 2010 > PUCPR > TPU Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062312/552fc0f8497959413d8b510b/html5/thumbnails/26.jpg)
26
Table Layout
![Page 27: Layout Windows Forms 2º Semestre 2010 > PUCPR > TPU Bruno C. de Paula](https://reader035.vdocuments.net/reader035/viewer/2022062312/552fc0f8497959413d8b510b/html5/thumbnails/27.jpg)
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