Apresentacao SEE PDF

MATLAB CRIAO
DE INTERFACES
GRFICAS
INSTRUTOR:
ENG. ANDR JUREZ JAIME DUARTE

andrejuarez@ig.com.br
CRONOGRAMA PREVISTO
Parte 01: Introduo ao GUIDE no MATLAB e o conceito de GUI.
Parte 02: Uso de caixas de dilogo padres no MATLAB.
Parte 03:Elementos principais para criao de uma GUI:

componentes, eventos e chamadas de retorno.
Parte 04: Roteiropara construo de uma GUI.
Parte 05: Exemplode aplicao: desenvolvimento de uma

interface grfica para converso de temperatura. Configurao e
uso de botes, caixas de edio de texto, campos de texto e
menus dinmicos, menus-padro. Entendendo a chamada de
retorno das subfunes. Uso das funes GET e SET.
Eng. Andr Jurez Jaime Duarte - IV SEE UFBA 27 a 30 de Julho de 2009
PARTE 01
INTRODUO AO
GUIDE

INTRODUO AO GUIDE - MATLAB
INTERFACE NO MATLAB GUIDE
O Matlab possui uma ferramenta que permite construir

interfaces grficas de interao com o utilizador.
GUI (Graphical User Interface) torna os programas

mais fceis de usar, pois fornecem uma aparncia
consistente e com controles intuitivos (botes, rguas,
caixas de listagem, menus, etc).
GUI um aplicativo em GUI dever ser previsvel e

compreensvel, para que o usurio saiba o que esperar
ao executar uma ao.
INTERFACE NO MATLAB GUIDE
Para iniciar a criao de uma nova interface, basta digitar

GUIDE (GUI Design Environment) no ambiente de
trabalho e de imediato se abre uma janela para a edio
do aspecto que ir ter a interface a ser construda.
Para construir uma interface grfica convm ter uma

idia muito bem definida do que se pretende.

PARTE 02
CAIXAS DE DILOGO
NO MATLAB

CAIXAS DE DILOGO DE SADA:
errordlg('texto de erro','titulo')
warndlg('texto de erro','titulo')
helpdlg('texto de erro','titulo')

ButtonName=questdlg('Voce entende isso?', 'Sim','Naoooo','Sei la!','Sim')
Boto 2 Default
Boto 1 Boto 3
ButtonName=msgbox(Ol!! Td blz?, MATLAB - GUIDE )

PARTE 03
ELEMENTOS
PRINCIPAIS DE UMA
GUI

EXECUTANDO O GUIDE DIGITAR guide NO PROMPT DO
MATLAB

GUIDE REA DE TRABALHO
REA DE
PROJETO

ELEMENTOS PRINCIPAIS CRIAO DE UMA GUI
1) COMPONENTES: botes, rtulos, marcadores, etc.

1.1) Controles Grficos: listas, rguas, botes.
1.2) Elementos Estticos: quadros e cadeia de caracteres
de texto.
1.3) Menus e Eixos.
2) FIGURAS: janela criada pelo prprio GUIDE, quando um
aplicativo criado pelo usurio executado.
3) CHAMADAS DE RETORNO: o cdigo executado em
resposta a uma evento deve existir uma chamada de
retorno para implementar a funo de cada componente
grfico da GUI.
GUIDE COMPONENTES PARA CONSTRUO DE UMA GUI

PARTE 04
ROTEIRO PARA
CONSTRUO DE UMA
GUI

GUIDE ETAPAS PARA CRIAO DE UMA GUI
1) Desenhar os componentes que se pretende que faam parte

da interface Nesta fase devemo-nos preocupar
essencialmente com o aspecto que se pretende obter, tal
como cores, alinhamento dos componentes etc.
2) Edio das Propriedades dos Componentes atravs de um
duplo clique sobre o objeto que deseja alterar as propriedades
Janela Property Inspector.
3) Salvar a Figura (Janela) Criada 2 arquivos so criados com
o mesmo nome, mas com extenses distintas Um arquivo
.fig e outro arquivo .m Arquivo M contm o cdigo para
executar a figura e os esqueletos de chamadas de retorno
para cada elemento da GUI.
GUIDE ETAPAS PARA CRIAO DE UMA GUI
4) Escrever o Cdigo que Implementa o Comportamento

Associado a Cada Componente da GUI atravs da funes
definidas no arquivo .m denominadas CALLBACK.
Para Acessar o Arquivo .m localize na barra de ferramentas o

menu view clique em m-file editor
Outra opo: atravs do cone

PARTE 05
EXEMPLO DE
APLICAO:
CONVERSOR DE
TEMPERATURA

EXEMPLO DE APLICAO GUIDE
CRIAO DE UMA GUI: CONVERSOR DE TEMPERATURA
Requisitos da GUI:
1) Realizar a converso de
temperatura entre as escalas
Celsius e Fahrenheit.
2) Fornecer ajuda para

utilizao, bem como atalhos
rpidos para fechar o
programa.

OUTRAS CARACTERSTICAS FUNCIONAIS DA GUI:
1) Cada vez que o boto for acionado, a converso entre

temperaturas dever ser realizada.
2) Dever conter um menu dinmico para fornecer as opes
de converso de CELSIUS p/ FAHRENHEIT e vice-versa.
3) Dever conter campos de texto que se modificam de acordo
com a opo de converso escolhida.
4) Uma frase de ajuda dever ser exibida quando o ponteiro do
mouse se situar sobre as caixas de edio (para insero dos
valores de temperatura).
LISTA DE COMPONENTES DA GUI:
1 BOTO
6 CAMPOS DE TEXTO
2 CAIXAS DE EDIO DE TEXTO
1 MENU DINMICO
1 QUADRO PARA COMPONENTES DE GUI

AJUSTANDO A FORMA DA GUI:
CAMPOS DE TEXTO
MENU DINMICO
CAIXA DE EDIO
BOTO
ALA PARA
REDIMENSIONAR
A FIGURA

CONFIGURANDO A FIGURA DA GUI:
CONFIGURAES: clique simples na rea de trabalho do GUIDE
e clque no boto Property Inspector ou Duplo clique na rea
quadriculada do GUIDE.

CONFIGURANDO A FIGURA DA GUI:
Duplo clique sobre a
rea quadriculada da
figura.
REQUISITOS:
1) Ausncia de barra de
ferramentas padro.
2) Janela no estilo
NORMAL.
3) Opo RESIZE on.

EXEMPLO 01 GUIDE - MATLAB
CONFIGURANDO O BOTO DA GUI:
CONFIGURAES: podem ser ajustadas atravs do Property

Inspector Duplo clique no boto a ser configurado.

CONFIGURANDO O BOTO DA GUI:
STRING: contm o texto
a ser exibido.
TAG: nome do objeto

utilizado pelo MATLAB para
a chamada da funo que
contm a tarefa a ser
executada.
FONTSIZE: tamanho da
fonte.

CONFIGURANDO O MENU DINMICO DA GUI:
STRING: o campo que
conter todas as opes de
escolha para o usurio
conter todas as opes de
converso de temperatura.
Estas opes so cadeias

de caracteres que devero
ser inseridas clicando-se
no cone associado ao
campo string:
Opes:
Celsius para Fahrenheit

Fahrenheit para Celsius
CONFIGURANDO A CAIXA DE EDIO DA GUI:
STRING: o campo que
conter o valor inicial das
temperaturas.
Ser considerado o valor

inicial igual a 0 (zero) para
ambas as caixas de edio.
TOOLTIPSTRING: campo
que contm uma frase de
ajuda exibida quando o
ponteiro do mouse se situar
Frase de ajuda : Entre sobre as caixas de edio.
com a temperatura a
ser convertida Propriedade comum a todo
componente do GUIDE.

CONFIGURANDO OS CAMPOS DE TEXTO DA GUI:
CONFIGURAES: podem ser ajustadas atravs do Property

Inspector Duplo clique no texto a ser configurado.
Ajuste das Propriedades

realizada de modo semelhante
ao boto da GUI.
1) STRING Texto a ser exibido
2) TAG: nome do objeto utilizado

pelo MATLAB para a chamada da
funo que contm a tarefa a ser
executada.
3) FONTSIZE: tamanho da fonte.

CONFIGURANDO OS CAMPOS DE TEXTO DA GUI:
TTULO DA GUI LEGENDAS DE

TEMPERATURA
CAMPOS DE
TEXTO
ALTERVEIS DE
ACORDO COM
A OPO DE
CONVERSO
ESCOLHIDA

CRIANDO MENUS NO GUIDE:
Um menu permite que o usurio selecione aes sem utilizar

componentes adicionais presentes na GUI.
Existem 2 tipos de menus no MATLAB:
1) MENUS-PADRO: aparecem na barra de menus que se localiza

acima da figura.
2) MENUS DE CONTEXTO: aparecem sobre a figura quando
utilizamos o boto direito do mouse sobre um objeto grfico.
Os menus possuem propriedades semelhantes aos demais
componentes que podem ser utilizado no projeto de uma GUI.
Criao de MENUS: atravs do cone

PARA O CONVERSOR DE TEMPERATURAS Criao de 2

menus:
1) MENU ARQUIVO contendo a opo Sair, com o uso de
teclas de atalho.
2) MENU HELP contendo as opes: Tpicos de Ajuda e
Sobre o Conversor de Temperaturas.
PARA CADA MENU: o MATLAB cria automaticamente uma funo

de chamada de retorno associada local onde ser configurada via
programao as aes a serem efetuadas quando se clica sobre um
menu arquivo, por exemplo.

Acessando o Editor de Menus: janela-padro de configurao.

ETAPAS DE CRIAO DO MENU ARQUIVO:
1) Crie uma nova estrutura de menus.

2) Clique sobre o menu criado e fornea a cada item de menu um
LABEL para exibir e um nico valor de TAG. Neste caso, LABEL
ser Arquivo e TAG ser Arq.
3) Crie a cadeia de caracteres para a chamada de retorno isto
feito automaticamente clicando no boto VIEW ser aberto o
editor do matlab, onde ser exibido o cdigo do GUI projetado.
4) Insira o cdigo que ser executado quando um desses menus

for acessado isto ser feito posteriormente.

ETAPAS DE CRIAO DO SUBMENU SAIR:
5) Crie agora um item de menu submenu associado ao MENU

ARQUIVO.
6) Defina LABEL e TAG LABEL ser Sair e TAG ser
Close.
7) Crie a cadeia de caracteres para a chamada de retorno Do
submenu SAIR.
Repita os passos anteriores para criar o MENU HELP, que

dever conter 2 submenus: Tpicos de Ajuda e Sobre o
Conversor de Temperaturas.
Para este MENU defina o LABEL como Help

CONFIGURANDO E EXPLORANDO OS EVENTOS E AS
CHAMADAS DE RETORNO DA GUI:
Tais configuraes so realizadas atravs do arquivo .m

gerado quando criada a GUI projetada.
As chamadas de retorno devero conter as equaes e comandos

para execuo da converso e abertura/fechamento das janelas
do aplicativo:
1) Equaes de converso de temperatura de CELSIUS para

FAHRENHEIT e vice-versa.
2) Janelas de ajuda e informaes gerais sobre o aplicativo.
3) Rotinas para configurao dos objetos da GUI (boto, menu
dinmico, campos de texto e caixas de edio).

ENTENDENDO O CDIGO GERADO PELO GUIDE DO MATLAB:

O MATLAB gera um cdigo em arquivo .m que contm geralmente:
1) A funo principal que leva o nome da GUI projetada;

2) Subfunes padro que implementam as chamadas de retorno
para cada componente ativo da GUI.
Cada funo de chamada de retorno cuida somente de

um NICO COMPONENTE DA GUI.
Nome da chamada de retorno: TAG +
_CALLBACK
SINTAXE DE UMA FUNO MATLAB:

function [varsaida1, argsada2, ] = nome (varent1,varent2, )
Lista de argumentos de
Determina o incio entrada sero inseridos
da funo. pelo usurio no incio da
execuo da funo.
Lista de argumentos de sada sero
mostrados ao usurio ao final da
execuo da funo.
SINTAXE DE UMA SUBFUNO NO GUIDE:

function varargout = tag_Callback (h, eventdata, handles, varargin)
Chamada Contm todas as

Determina o
da figura chamadas de todos
incio da funo.
principal os componentes de
da GUI. GUI na figura
PARA CADA OBJETO NA GUI (botes, caixas de texto, etc.)

EXISTE UMA CHAMADA DE RETORNO (CALLBACK).
PARA O CONVERSOR DE TEMPERATURA FORAM CRIADAS 8

SUBFUNES DE CHAMADAS DE RETORNO 1 PARA CADA
OBJETO INSERIDO.
COMO AMARRAR TODAS AS AES REQUERIDAS PARA A GUI?
USO DAS FUNES GET e SET

SINTAXE DA FUNO GET:
value = get (handle, PropertyName)
Varivel que armazena Nome da

Vetor de
o resultado do uso da propriedade a ser
propriedades
funo GET. examinada.
de um objeto.
USOS MAIS COMUNS VERIFICAR PROPRIEDADES DE GRFICOS

E DE CAMPOS DE TEXTO, COMO COR E TIPO DO TRAADO,
ESPESSURA DA LINHA, TAMANHO DA FONTE, ETC.
SINTAXE DA FUNO SET:
set (handle, PropertyName, value1, )
Vetor de Nome da Novo valor a ser

propriedades propriedade a assumido pela
de um objeto. ser modificada propriedade
escolhida.
EXEMPLO
SET (handles.titulo, String, Novo Ttulo)
CONFIGURANDO A CHAMADA DE RETORNO DO BOTO:

1) LOCALIZE A CALLBACK DO BOTO NO ARQUIVO .m
DENTRO DESTA FUNO SER ESCRITA TODAS AS AES
QUE SERO REALIZADAS QUANDO O USURIO PRESSIONAR O
BOTO.
2) Nesta rotina dever estar as frmulas de converso, que devero
ser escolhidas de acordo com a opo do usurio:
9
F = C + 32
5
F 32
C = 5*
9
CDIGO DA CHAMADA DE RETORNO DO BOTO:
str = get(handles.menu1,'String'); Funo GET leitura das

val = get(handles.menu1,'Value');
opes de converso no menu
dinmico.
switch str{val}
Incio do cdigo para converso
case 'Celsius para Fahrenheit' CELSIUS p/ FAHRENHEIT.
set(handles.text6,'String','C');
set(handles.text7,'String','F'); Converte o valor
valor1 = inserido pelo usurio
get(handles.temperatura1,'String'); em nmero.
valor1_num = str2num(valor1);
Calcula e coloca o valor
tf = (32*valor1_num/5) + 9; convertido no 2 campo
tf2 = num2str(tf); de edio de texto.
set(handles.temperatura2,'String',tf2);
CDIGO DA CHAMADA DE RETORNO DO BOTO:
case 'Fahrenheit para Celsius'

Incio do cdigo para converso
FAHRENHEIT p/ CELSIUS
set(handles.text6,'String','F');
set(handles.text7,'String','C'); Converte o valor
valor2 = inserido pelo usurio
get(handles.temperatura1,'String'); em nmero.
valor2_num = str2num(valor2);
tc = 5*((valor2_num-9)/32); Calcula e coloca o valor

tc2 = num2str(tc); convertido no 2 campo
set(handles.temperatura2,'String',tc2); de edio de texto.
end

CONFIGURANDO A CHAMADA DE RETORNO DO MENU

ARQUIVO
1) LOCALIZE A CALLBACK DO SUBMENU SAIR.
2) Insira uma caixa de dilogo perguntando se o usurio deseja
realmente sair do aplicativo question dialog.

CDIGO DA CHAMADA DE RETORNO DO SUBMENU SAIR:
usuario = questdlg('Deseja realmente Caixa de dilogo padro

sair do aplicativo?','Conversor de question dialog.
Temperaturas');
switch usuario
case 'No'
Ao a ser realizada de
case 'Yes' acordo com a opo do
usurio escolhida na caixa
de dilogo padro.
close all hidden
end

CONFIGURANDO A CHAMADA DE RETORNO DO MENU HELP
1) LOCALIZE A CALLBACK DO SUBMENU SOBRE O

CONVERSOR DE TEMPERATURAS.
2) Insira uma caixa de dilogo informando sobre a verso do
Conversor de Temperaturas help dialog.
helpdlg('Conversor de Temperaturas - Verso 1.0','MATLAB - GUIDE');

CONFIGURANDO A CHAMADA DE RETORNO DO MENU HELP
3) CRIE UMA NOVA FIGURA CONTENDO SOMENTE UM BREVE

TEXTO SOBRE COMO UTILIZAR O APLICATIVO. SALVE-O COM O
NOME AJUDA NA MESMA PASTA ONDE SE ENCONTRA SALVO
O APLICATIVO.
4) LOCALIZE A CALLBACK DO SUBMENU AJUDA E INSIRA O

SEGUINTE COMANDO:
open ajuda.fig

OBRIGADO!
andrejuarez@ig.com.br

Apresentacao SEE PDF

Enviado por

Dados do documento

Título original

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Apresentacao SEE PDF

Enviado por

Direitos autorais:

Formatos disponíveis

MATLAB CRIAO

ENG. ANDR JUREZ JAIME DUARTE

Parte 02: Uso de caixas de dilogo padres no MATLAB.

Parte 03:Elementos principais para criao de uma GUI:

Parte 04: Roteiropara construo de uma GUI.

Parte 05: Exemplode aplicao: desenvolvimento de uma

Eng. Andr Jurez Jaime Duarte - IV SEE UFBA 27 a 30 de Julho de 2009

O Matlab possui uma ferramenta que permite construir

GUI (Graphical User Interface) torna os programas

GUI um aplicativo em GUI dever ser previsvel e

Para iniciar a criao de uma nova interface, basta digitar

Para construir uma interface grfica convm ter uma

Eng. Andr Jurez Jaime Duarte - IV SEE UFBA 27 a 30 de Julho de 2009

Eng. Andr Jurez Jaime Duarte - IV SEE UFBA 27 a 30 de Julho de 2009

Eng. Andr Jurez Jaime Duarte - IV SEE UFBA 27 a 30 de Julho de 2009

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

CAIXAS DE DILOGO DE SADA:

ButtonName=msgbox(Ol!! Td blz?, MATLAB - GUIDE )

Eng. Andr Jurez Jaime Duarte - IV SEE UFBA 27 a 30 de Julho de 2009

Eng. Andr Jurez Jaime Duarte - IV SEE UFBA 27 a 30 de Julho de 2009

Eng. Andr Jurez Jaime Duarte - IV SEE UFBA 27 a 30 de Julho de 2009

Eng. Andr Jurez Jaime Duarte - IV SEE UFBA 27 a 30 de Julho de 2009

1) COMPONENTES: botes, rtulos, marcadores, etc.

Eng. Andr Jurez Jaime Duarte - IV SEE UFBA 27 a 30 de Julho de 2009

Eng. Andr Jurez Jaime Duarte - IV SEE UFBA 27 a 30 de Julho de 2009

1) Desenhar os componentes que se pretende que faam parte

4) Escrever o Cdigo que Implementa o Comportamento

Para Acessar o Arquivo .m localize na barra de ferramentas o

Outra opo: atravs do cone

Eng. Andr Jurez Jaime Duarte - IV SEE UFBA 27 a 30 de Julho de 2009

Eng. Andr Jurez Jaime Duarte - IV SEE UFBA 27 a 30 de Julho de 2009

2) Fornecer ajuda para

Eng. Andr Jurez Jaime Duarte - IV SEE UFBA 27 a 30 de Julho de 2009

OUTRAS CARACTERSTICAS FUNCIONAIS DA GUI:

1) Cada vez que o boto for acionado, a converso entre

LISTA DE COMPONENTES DA GUI:

2 CAIXAS DE EDIO DE TEXTO

1 QUADRO PARA COMPONENTES DE GUI

Eng. Andr Jurez Jaime Duarte - IV SEE UFBA 27 a 30 de Julho de 2009

Eng. Andr Jurez Jaime Duarte - IV SEE UFBA 27 a 30 de Julho de 2009

3) Opo RESIZE on.

Eng. Andr Jurez Jaime Duarte - IV SEE UFBA 27 a 30 de Julho de 2009

CONFIGURAES: podem ser ajustadas atravs do Property

Eng. Andr Jurez Jaime Duarte - IV SEE UFBA 27 a 30 de Julho de 2009

TAG: nome do objeto

Eng. Andr Jurez Jaime Duarte - IV SEE UFBA 27 a 30 de Julho de 2009

Estas opes so cadeias

Celsius para Fahrenheit

Ser considerado o valor

Eng. Andr Jurez Jaime Duarte - IV SEE UFBA 27 a 30 de Julho de 2009

CONFIGURAES: podem ser ajustadas atravs do Property

Ajuste das Propriedades

2) TAG: nome do objeto utilizado

3) FONTSIZE: tamanho da fonte.

TTULO DA GUI LEGENDAS DE

Eng. Andr Jurez Jaime Duarte - IV SEE UFBA 27 a 30 de Julho de 2009

Um menu permite que o usurio selecione aes sem utilizar

1) MENUS-PADRO: aparecem na barra de menus que se localiza

Criao de MENUS: atravs do cone

Eng. Andr Jurez Jaime Duarte - IV SEE UFBA 27 a 30 de Julho de 2009

PARA O CONVERSOR DE TEMPERATURAS Criao de 2

PARA CADA MENU: o MATLAB cria automaticamente uma funo

Eng. Andr Jurez Jaime Duarte - IV SEE UFBA 27 a 30 de Julho de 2009