Apresentacao SEE

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
Boto 1
Default
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.
Frase de ajuda : Entre

com a temperatura a
ser convertida
TOOLTIPSTRING: campo
que contm uma frase de
ajuda exibida quando o
ponteiro do mouse se situar
sobre as caixas de edio.
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, )
Determina o incio
da funo.
Lista de argumentos de
entrada sero inseridos
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)
Determina o
incio da funo.
Chamada
da figura
principal
da GUI.
Contm todas as
chamadas de todos
os componentes de
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

o resultado do uso da
funo GET.
Vetor de
propriedades
de um objeto.
Nome da
propriedade a ser
examinada.
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
propriedades
de um objeto.
Nome da
propriedade a
ser modificada
Novo valor a ser

assumido pela
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*

CDIGO DA CHAMADA DE RETORNO DO BOTO:
str = get(handles.menu1,'String');
val = get(handles.menu1,'Value');
Funo GET leitura das

opes de converso no menu
dinmico.
switch str{val}
case 'Celsius para Fahrenheit'
set(handles.text6,'String','C');
set(handles.text7,'String','F');
valor1 =
get(handles.temperatura1,'String');
valor1_num = str2num(valor1);
tf = (32*valor1_num/5) + 9;
tf2 = num2str(tf);
set(handles.temperatura2,'String',tf2);
Incio do cdigo para converso

CELSIUS p/ FAHRENHEIT.
Converte o valor
inserido pelo usurio
em nmero.
Calcula e coloca o valor
convertido no 2 campo
de edio de texto.

CDIGO DA CHAMADA DE RETORNO DO BOTO:
case 'Fahrenheit para Celsius'
set(handles.text6,'String','F');
set(handles.text7,'String','C');
valor2 =
get(handles.temperatura1,'String');
valor2_num = str2num(valor2);
tc = 5*((valor2_num-9)/32);
tc2 = num2str(tc);
set(handles.temperatura2,'String',tc2);
Incio do cdigo para converso

FAHRENHEIT p/ CELSIUS
Converte o valor
inserido pelo usurio
em nmero.
Calcula e coloca o valor
convertido no 2 campo
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
sair do aplicativo?','Conversor de
Temperaturas');
Caixa de dilogo padro

question dialog.
switch usuario
case 'No'
case 'Yes'
close all hidden
Ao a ser realizada de
acordo com a opo do
usurio escolhida na caixa
de dilogo padro.
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

Enviado por

Dados do documento

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

Enviado por

Direitos autorais:

Formatos disponíveis

MATLAB CRIAO

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

INTRODUO AO GUIDE - MATLAB

INTRODUO AO GUIDE - MATLAB

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

INTRODUO AO GUIDE - MATLAB

INTRODUO AO GUIDE - MATLAB

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

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

INTRODUO AO GUIDE - MATLAB

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

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

INTRODUO AO GUIDE - MATLAB

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

INTRODUO AO GUIDE - MATLAB

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

INTRODUO AO GUIDE - MATLAB

INTRODUO AO GUIDE - MATLAB

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

INTRODUO AO GUIDE - MATLAB

INTRODUO AO GUIDE - MATLAB

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

EXEMPLO DE APLICAO GUIDE

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

EXEMPLO DE APLICAO GUIDE

EXEMPLO DE APLICAO GUIDE

EXEMPLO DE APLICAO GUIDE

EXEMPLO DE APLICAO GUIDE

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

EXEMPLO DE APLICAO GUIDE

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

EXEMPLO 01 GUIDE - MATLAB

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

INTRODUO AO GUIDE - MATLAB

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

EXEMPLO DE APLICAO GUIDE

EXEMPLO DE APLICAO GUIDE

Frase de ajuda : Entre

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

EXEMPLO DE APLICAO GUIDE

EXEMPLO DE APLICAO GUIDE

EXEMPLO DE APLICAO GUIDE

INTRODUO AO GUIDE - MATLAB

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

INTRODUO AO GUIDE - MATLAB

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

EXEMPLO DE APLICAO GUIDE

EXEMPLO DE APLICAO GUIDE

EXEMPLO DE APLICAO GUIDE

EXEMPLO DE APLICAO GUIDE

EXEMPLO DE APLICAO GUIDE

Lista de argumentos de sada sero

EXEMPLO DE APLICAO GUIDE

PARA CADA OBJETO NA GUI (botes, caixas de texto, etc.)

EXEMPLO DE APLICAO GUIDE

COMO AMARRAR TODAS AS AES REQUERIDAS PARA A GUI?

USO DAS FUNES GET e SET

EXEMPLO DE APLICAO GUIDE

value = get (handle, PropertyName)

Varivel que armazena

USOS MAIS COMUNS VERIFICAR PROPRIEDADES DE GRFICOS

EXEMPLO DE APLICAO GUIDE

set (handle, PropertyName, value1, )