desenvolvimento em .net - user interface
TRANSCRIPT
![Page 1: Desenvolvimento em .Net - User Interface](https://reader034.vdocuments.com.br/reader034/viewer/2022042503/5599ca2d1a28ab16368b45b5/html5/thumbnails/1.jpg)
Desenvolvimento em .Net
User Interface
![Page 2: Desenvolvimento em .Net - User Interface](https://reader034.vdocuments.com.br/reader034/viewer/2022042503/5599ca2d1a28ab16368b45b5/html5/thumbnails/2.jpg)
Objectivos● Identificar e saber utilizar objectos de interface
básicos (Form, Textbox, Label, Button)● Conhecer ferramentas de formatação de
interface● Conhcer e saber utilizar métodos e
propriedades comuns de formação● Saber para que servem restantes objectos de
interface da plataforma
![Page 3: Desenvolvimento em .Net - User Interface](https://reader034.vdocuments.com.br/reader034/viewer/2022042503/5599ca2d1a28ab16368b45b5/html5/thumbnails/3.jpg)
Objectivos● Conhecer objetos do pacote infragistics
netadvantage 2005● Saber utilizar mesagebox.show● Saber criar menus e menus de contexto● Perceber herança em objectos de interface● Conhecer o objecto errorProvider e
errorProvider component● Saber utilizar errorProvider e evento Validating
![Page 4: Desenvolvimento em .Net - User Interface](https://reader034.vdocuments.com.br/reader034/viewer/2022042503/5599ca2d1a28ab16368b45b5/html5/thumbnails/4.jpg)
Toolbox
![Page 5: Desenvolvimento em .Net - User Interface](https://reader034.vdocuments.com.br/reader034/viewer/2022042503/5599ca2d1a28ab16368b45b5/html5/thumbnails/5.jpg)
Objectos de Interface Basicos● Form● Textbox● Label● Button
![Page 6: Desenvolvimento em .Net - User Interface](https://reader034.vdocuments.com.br/reader034/viewer/2022042503/5599ca2d1a28ab16368b45b5/html5/thumbnails/6.jpg)
Ferramentas de Formatação● Align● Make same size● Horizontal spacing● Vertical spacing● Center in form● Order
– nota: não é o tab order mas sim z-index● Lock controls
![Page 7: Desenvolvimento em .Net - User Interface](https://reader034.vdocuments.com.br/reader034/viewer/2022042503/5599ca2d1a28ab16368b45b5/html5/thumbnails/7.jpg)
Métodos e Propriedades de Formatação
● Fonte● Cores● Tamanho / Posicionamento● Anchor
– “liga” dimensões do objecto às dimensões do form
● Dock– “cola” objecto a uma/várias margens do form
![Page 8: Desenvolvimento em .Net - User Interface](https://reader034.vdocuments.com.br/reader034/viewer/2022042503/5599ca2d1a28ab16368b45b5/html5/thumbnails/8.jpg)
Experiencia● Criar Solução dia3● Criar Projecto 0301 do tipo Windows
Application● Testar Conceitos Anchor e Dock
![Page 9: Desenvolvimento em .Net - User Interface](https://reader034.vdocuments.com.br/reader034/viewer/2022042503/5599ca2d1a28ab16368b45b5/html5/thumbnails/9.jpg)
Mais Objectos● Check Box● Radio Button● GroupBox / Panel
● Listbox● Checkedlistbox● Combobox● Listview● TreeView
![Page 10: Desenvolvimento em .Net - User Interface](https://reader034.vdocuments.com.br/reader034/viewer/2022042503/5599ca2d1a28ab16368b45b5/html5/thumbnails/10.jpg)
Exercicio● No mesmo projecto
criar este form.
![Page 11: Desenvolvimento em .Net - User Interface](https://reader034.vdocuments.com.br/reader034/viewer/2022042503/5599ca2d1a28ab16368b45b5/html5/thumbnails/11.jpg)
Mais Objectos● Tab Control, DateTimePicker, MonthCalendar
![Page 12: Desenvolvimento em .Net - User Interface](https://reader034.vdocuments.com.br/reader034/viewer/2022042503/5599ca2d1a28ab16368b45b5/html5/thumbnails/12.jpg)
Mais Objectos● Dialogs
– Open– Save– Font– Color– Print
![Page 13: Desenvolvimento em .Net - User Interface](https://reader034.vdocuments.com.br/reader034/viewer/2022042503/5599ca2d1a28ab16368b45b5/html5/thumbnails/13.jpg)
Menus e Menus de Contexto● MainMenu – criar menus que aparecem no
topo do form● ContextMenu – criar menus que estão
associados a outros objectos e que aparecem quando se clica o botão direito do rato
![Page 14: Desenvolvimento em .Net - User Interface](https://reader034.vdocuments.com.br/reader034/viewer/2022042503/5599ca2d1a28ab16368b45b5/html5/thumbnails/14.jpg)
E ainda mais objectos● http://msdn.microsoft.com/library/default.asp?ur
l=/library/en-us/vbcon/html/vboricontrolsforwinforms.asp
![Page 15: Desenvolvimento em .Net - User Interface](https://reader034.vdocuments.com.br/reader034/viewer/2022042503/5599ca2d1a28ab16368b45b5/html5/thumbnails/15.jpg)
Exercicio● Criar novo projecto 0302 do tipo Windows
Application● Escolher um ecran Multi e replicá-lo em .Net
– só os elementos de interface, não é para implementar funcionalidades.
![Page 16: Desenvolvimento em .Net - User Interface](https://reader034.vdocuments.com.br/reader034/viewer/2022042503/5599ca2d1a28ab16368b45b5/html5/thumbnails/16.jpg)
Infragistics● Se quisermos podemos acrescentar novas
funcionalidades ao objectos já existentes– Herança!
● Mas... não vale a pena fazer o que outros já fizeram...
![Page 17: Desenvolvimento em .Net - User Interface](https://reader034.vdocuments.com.br/reader034/viewer/2022042503/5599ca2d1a28ab16368b45b5/html5/thumbnails/17.jpg)
MessageBox● Para enviarmos mensagens para o utilizador
![Page 18: Desenvolvimento em .Net - User Interface](https://reader034.vdocuments.com.br/reader034/viewer/2022042503/5599ca2d1a28ab16368b45b5/html5/thumbnails/18.jpg)
Herança em Objectos de Interface● TextBox, Label, Button, ... são objectos como
outros quaisquer– podemos ampliar as suas funcionalidades criando
um novo objecto usando herança
![Page 19: Desenvolvimento em .Net - User Interface](https://reader034.vdocuments.com.br/reader034/viewer/2022042503/5599ca2d1a28ab16368b45b5/html5/thumbnails/19.jpg)
Herança em Objectos de Interface
![Page 20: Desenvolvimento em .Net - User Interface](https://reader034.vdocuments.com.br/reader034/viewer/2022042503/5599ca2d1a28ab16368b45b5/html5/thumbnails/20.jpg)
Herança em Objectos de Interface● Um Form também é um objecto como outro
qualquer, por isso...– Project / Add / Add Inherited Form
![Page 21: Desenvolvimento em .Net - User Interface](https://reader034.vdocuments.com.br/reader034/viewer/2022042503/5599ca2d1a28ab16368b45b5/html5/thumbnails/21.jpg)
ErrorProvider● Validação de Dados
– conjunto de código normalmente estúpido e que se repete muitas vezes
● texto obrigatorio, numero maior que x, ...● ErrorProvider
– só um componente visual para indicar onde está o erro
– para quem conhece asp.net● não é a mesma coisa que os validators.
![Page 22: Desenvolvimento em .Net - User Interface](https://reader034.vdocuments.com.br/reader034/viewer/2022042503/5599ca2d1a28ab16368b45b5/html5/thumbnails/22.jpg)
ErrorProvider e evento Validating
![Page 23: Desenvolvimento em .Net - User Interface](https://reader034.vdocuments.com.br/reader034/viewer/2022042503/5599ca2d1a28ab16368b45b5/html5/thumbnails/23.jpg)
Melhorar o ErrorProvider● ErrorProvider é um objecto, por isso...
– Extending Windows Forms with a Custom Validation Component Library
![Page 24: Desenvolvimento em .Net - User Interface](https://reader034.vdocuments.com.br/reader034/viewer/2022042503/5599ca2d1a28ab16368b45b5/html5/thumbnails/24.jpg)
Exercicio● Usando o projecto onde replicaram um ecran
Multi acrescentar:– MessageBox.Show– ErrorProvider
![Page 25: Desenvolvimento em .Net - User Interface](https://reader034.vdocuments.com.br/reader034/viewer/2022042503/5599ca2d1a28ab16368b45b5/html5/thumbnails/25.jpg)
Objectivos● Identificar e saber utilizar objectos de interface
básicos (Form, Textbox, Label, Button)● Conhecer ferramentas de formatação de
interface● Conhcer e saber utilizar métodos e
propriedades comuns de formação● Saber para que servem restantes objectos de
interface da plataforma
![Page 26: Desenvolvimento em .Net - User Interface](https://reader034.vdocuments.com.br/reader034/viewer/2022042503/5599ca2d1a28ab16368b45b5/html5/thumbnails/26.jpg)
Objectivos● Conhecer objetos do pacote infragistics
netadvantage 2005● Saber utilizar mesagebox.show● Saber criar menus e menus de contexto● Perceber herança em objectos de interface● Conhecer o objecto errorProvider e
errorProvider component● Saber utilizar errorProvider e evento Validating