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. 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.
Frase de ajuda : Entre com a temperatura a ser convertida

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)

Nome da propriedade a ser examinada.
Varivel que armazena o resultado do uso da funo GET.
Vetor de propriedades 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 propriedades de um objeto. EXEMPLO
Nome da propriedade a ser modificada
Novo valor a ser assumido pela propriedade escolhida.
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'); val = get(handles.menu1,'Value'); 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);
Funo GET leitura das opes de converso no menu dinmico. 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); end
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.

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

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 DE INTERFACES GRFICAS

INSTRUTOR: ENG. ANDR JUREZ JAIME DUARTE andrejuarez@ig.com.br

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

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 com a temperatura a ser convertida

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

EXEMPLO DE APLICAO GUIDE

EXEMPLO DE APLICAO GUIDE

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

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

Determina o incio da funo.

Lista de argumentos de sada sero mostrados ao usurio ao final da execuo da funo.

EXEMPLO DE APLICAO GUIDE

Determina o incio da funo.

Chamada da figura principal da GUI.

Contm todas as chamadas de todos os componentes de GUI na figura

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)