Top Banner
nterface Gráfica Guide Carlos André Vaz Junior [email protected]
51
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Interface Gráfica Guide Carlos André Vaz Junior cavazjunior@gmail.com.

Interface Gráfica

Guide

Carlos André Vaz Junior

[email protected]

Page 2: Interface Gráfica Guide Carlos André Vaz Junior cavazjunior@gmail.com.

A ferramenta Guide

EQ/UFRJ

Page 3: Interface Gráfica Guide Carlos André Vaz Junior cavazjunior@gmail.com.

A ferramenta Guide

EQ/UFRJ

Page 4: Interface Gráfica Guide Carlos André Vaz Junior cavazjunior@gmail.com.

A ferramenta Guide

EQ/UFRJ

Page 5: Interface Gráfica Guide Carlos André Vaz Junior cavazjunior@gmail.com.

Arquivos

Page 6: Interface Gráfica Guide Carlos André Vaz Junior cavazjunior@gmail.com.

Objetos disponíveis

EQ/UFRJ

Push Button

List Box

Axes

Slider

Edit Text

Radio Button

Popup Menu

Checkbox

Static Text

Frame

Toggle Button

Page 7: Interface Gráfica Guide Carlos André Vaz Junior cavazjunior@gmail.com.

Ferramentas de gerenciamento

EQ/UFRJ

Page 8: Interface Gráfica Guide Carlos André Vaz Junior cavazjunior@gmail.com.

Property Inspector

EQ/UFRJ

Page 9: Interface Gráfica Guide Carlos André Vaz Junior cavazjunior@gmail.com.

Propriedades de um objeto

EQ/UFRJ

estofamento

cor

material

design

tamanho

Page 10: Interface Gráfica Guide Carlos André Vaz Junior cavazjunior@gmail.com.

Propriedades de um objeto: botão

EQ/UFRJ

Enable Visible

on

off

inactive

on

off

Page 11: Interface Gráfica Guide Carlos André Vaz Junior cavazjunior@gmail.com.

Propriedades de um objeto: formulário

WindowStyle

EQ/UFRJ

Resize

modal normal

onoff

Page 12: Interface Gráfica Guide Carlos André Vaz Junior cavazjunior@gmail.com.

Posição e Tamanho iniciais width

height

Propriedades de um objeto: formulário

Name

EQ/UFRJ

y

x

Page 13: Interface Gráfica Guide Carlos André Vaz Junior cavazjunior@gmail.com.

Funções de um objeto

EQ/UFRJ

Page 14: Interface Gráfica Guide Carlos André Vaz Junior cavazjunior@gmail.com.

Funções de um objeto: botão

Ao ser clicado:

EQ/UFRJ

Page 15: Interface Gráfica Guide Carlos André Vaz Junior cavazjunior@gmail.com.

Alterações em tempo de projeto

Alterações em tempo de execução

X

Propriedades de um objeto

EQ/UFRJ

Page 16: Interface Gráfica Guide Carlos André Vaz Junior cavazjunior@gmail.com.

EQ/UFRJ

Alterações em tempo de projeto

Page 17: Interface Gráfica Guide Carlos André Vaz Junior cavazjunior@gmail.com.

Alterações em tempo de execução

EQ/UFRJ

Page 18: Interface Gráfica Guide Carlos André Vaz Junior cavazjunior@gmail.com.

get(handles.edit1,'String')

Recebendo informação do usuário

EQ/UFRJ

Tag

Page 19: Interface Gráfica Guide Carlos André Vaz Junior cavazjunior@gmail.com.

set(handles.text1,'String',C)

Exibindo informação para o usuário

EQ/UFRJ

Page 20: Interface Gráfica Guide Carlos André Vaz Junior cavazjunior@gmail.com.

EQ/UFRJ

Exemplo 1

Dica: o valor inicial das caixas pode ser

configurado no Property Inspector

Uma função qualquer desenvolvida pelo

programador

function C=soma(A,B)

Page 21: Interface Gráfica Guide Carlos André Vaz Junior cavazjunior@gmail.com.

Mostrando o número do item escolhido Mostrando o item escolhido

List box

EQ/UFRJ

Preparando uma List Box

Page 22: Interface Gráfica Guide Carlos André Vaz Junior cavazjunior@gmail.com.

Popup menu

EQ/UFRJ

Preparando um Popup menu

Mostrando o item escolhido

Page 23: Interface Gráfica Guide Carlos André Vaz Junior cavazjunior@gmail.com.

Popup menu

EQ/UFRJ

Adicionando itens em tempo de execução

Page 24: Interface Gráfica Guide Carlos André Vaz Junior cavazjunior@gmail.com.

Toggle button

EQ/UFRJ

10

Page 25: Interface Gráfica Guide Carlos André Vaz Junior cavazjunior@gmail.com.

“Apenas um RadioButton pode estar selecionado de cada vez”

Radiobuttons

EQ/UFRJ

Você deve cuidar para que essa regra seja obedecida.

Page 26: Interface Gráfica Guide Carlos André Vaz Junior cavazjunior@gmail.com.

Radiobuttons

Page 27: Interface Gráfica Guide Carlos André Vaz Junior cavazjunior@gmail.com.

Checkbox

EQ/UFRJ

Para o checkbox não existe regra!

Page 28: Interface Gráfica Guide Carlos André Vaz Junior cavazjunior@gmail.com.

Limites mínimo e máximo:

Slider

EQ/UFRJ

Page 29: Interface Gráfica Guide Carlos André Vaz Junior cavazjunior@gmail.com.

Menu principal

EQ/UFRJ

Page 30: Interface Gráfica Guide Carlos André Vaz Junior cavazjunior@gmail.com.

Alt + f

Mnemônicos de teclado

Note: para exibir a letra mnemônica na forma sublinhada pressione “alt”

Page 31: Interface Gráfica Guide Carlos André Vaz Junior cavazjunior@gmail.com.

Formulário Principal:

Formulário Secundário:

Formulário secundário

EQ/UFRJModal vs Não Modal

Page 32: Interface Gráfica Guide Carlos André Vaz Junior cavazjunior@gmail.com.

Exemplo 2

EQ/UFRJ

Page 33: Interface Gráfica Guide Carlos André Vaz Junior cavazjunior@gmail.com.

EQ/UFRJ

Exemplo 2

Page 34: Interface Gráfica Guide Carlos André Vaz Junior cavazjunior@gmail.com.

EQ/UFRJ

Exemplo 2

Page 35: Interface Gráfica Guide Carlos André Vaz Junior cavazjunior@gmail.com.

EQ/UFRJ

Exemplo 3

Page 36: Interface Gráfica Guide Carlos André Vaz Junior cavazjunior@gmail.com.

EQ/UFRJ

Exemplo 3

Page 37: Interface Gráfica Guide Carlos André Vaz Junior cavazjunior@gmail.com.

EQ/UFRJ

Exemplo 3

Page 38: Interface Gráfica Guide Carlos André Vaz Junior cavazjunior@gmail.com.

EQ/UFRJ

Exemplo 3

Esse trecho é executado sempre que o formulário secundário é criado!

Page 39: Interface Gráfica Guide Carlos André Vaz Junior cavazjunior@gmail.com.

EQ/UFRJ

Exemplo 3

Não programe nesse trecho! Ele é executado sempre que uma funçãoCallback é utilizada.

Page 40: Interface Gráfica Guide Carlos André Vaz Junior cavazjunior@gmail.com.

Em resumo...

EQ/UFRJ

Interface Central

Programasauxiliares

Programasauxiliares

Programasauxiliares

Programasauxiliares

Programasauxiliares

Programasauxiliares

Page 41: Interface Gráfica Guide Carlos André Vaz Junior cavazjunior@gmail.com.

Mas como implementar interface gráfica em umprograma complexo previamente desenvolvido?

Programa Principal

Interface Programasauxiliares

Programasauxiliares

EQ/UFRJ

Exemplo 4

Page 42: Interface Gráfica Guide Carlos André Vaz Junior cavazjunior@gmail.com.

EQ/UFRJ

Programa Principal:

Exemplo 4

Page 43: Interface Gráfica Guide Carlos André Vaz Junior cavazjunior@gmail.com.

Exemplo 4

Page 44: Interface Gráfica Guide Carlos André Vaz Junior cavazjunior@gmail.com.

Dica: apagando funções inúteis

EQ/UFRJ

Page 45: Interface Gráfica Guide Carlos André Vaz Junior cavazjunior@gmail.com.

errordlg('texto de erro','titulo','modal') warndlg('texto de erro','titulo','modal')

prompt{1}='Pergunta 1';

prompt{2}='Pergunta 2';

prompt{3}='Pergunta 3';

resposta=inputdlg(prompt,'titulo')

helpdlg('texto de erro','titulo')

Janelas de diálogo

EQ/UFRJ

resposta =

'essa é a resposta 1'

'resposta 2'

'terceira resposta'

Page 46: Interface Gráfica Guide Carlos André Vaz Junior cavazjunior@gmail.com.

ButtonName=questdlg('Voce entende isso?','Pergunta','Sim','Naoooo','Sim')

ButtonName=questdlg('Voce entende isso?','Pergunta','Sim','Naoooo','Sei la!','Sim')

Botão 1

Botão 2

Botão 3

Default

Janelas de diálogo

EQ/UFRJ

Essa função retorna o texto do botão

Page 47: Interface Gráfica Guide Carlos André Vaz Junior cavazjunior@gmail.com.

[arq caminho]=uigetfile('*.txt','Abrir Arquivo')

arq = economatica.txt

caminho = C:\Documents and Settings\Administrador\Desktop\

Janelas de diálogo

EQ/UFRJ

Page 48: Interface Gráfica Guide Carlos André Vaz Junior cavazjunior@gmail.com.

[arq caminho]=uiputfile('*.txt','Salvar Arquivo')

arq = nomedoarq

caminho =C:\Documents and Settings\Administrador\Desktop\

Janelas de diálogo

EQ/UFRJ

Page 49: Interface Gráfica Guide Carlos André Vaz Junior cavazjunior@gmail.com.

uisetcolor

ans = 0.5020 1.0000 0

ans =

FontName: '@GulimChe'

FontUnits: 'points'

FontSize: 9

FontWeight: 'normal'

FontAngle: 'italic'

Janelas de diálogo

EQ/UFRJ

uisetfont

Page 50: Interface Gráfica Guide Carlos André Vaz Junior cavazjunior@gmail.com.

Dica: alterando o ícone da figura

EQ/UFRJ

Instale o aplicativo Winicon200 no diretório de trabalho.

http://www.rndee.dkArquivo disponível em:

Page 51: Interface Gráfica Guide Carlos André Vaz Junior cavazjunior@gmail.com.

Interface Gráfica

Guide

Carlos André Vaz Junior

[email protected]