CONSTRUCCIN DE LA INTERFAZ GRFICA DE MATLAB (Principios fundamentales) 1. Abrir el GUI.

En la barra de herramientas hacer clic en el icono respectivo (1) para ingresar al GUI. En la siguiente ventana escoger la opcin por defecto (2) y presionar OK (3).

Por defecto aparece la ventana de trabajo en blanco, all se selecciona la herramienta Push Button (1), y en la cuadrcula se describe un rectngulo para la creacin de un botn (2), este botn por defecto es denominado pushbutton1. El nombre del botn y su denominacin se pueden modificar haciendo doble clic sobre l y redefiniendo los parmetros de Tag y String. Por ahora se modifica el campo String y all se coloca el texto mostrar (3).

Haciendo un clic derecho sobre el botn, se selecciona la opcin View Callbacks>>Callback, all se visualiza el cdigo a ser ejecutado. En la parte inferior de la lnea function pushbutton1_Callback(hObject, eventdata, handles) se inserta la instruccin msgbox('Esta es la imagen a mostrar') (1). Si con anterioridad no se haba guardado el programa deber hacerlo asignndole su nombre y la ubicacin adecuada.

Volviendo a la ventana de la interfaz se hace clic sobre el botn de ejecucin (RUN) (1), y cuando aparece la ventana de la aplicacin se hace clic sobre el botn Mostrar (2) y enseguida aparece el mensaje de texto indicado.

Se pueden cerrar las aplicaciones para volver a la ventana de edicin de la interfaz.

2. Mostrar una imagen De nuevo en la ventana de edicin de la interfaz se adiciona un componente denominado Axes , para esto se pica en la herramienta respectiva (1) y se describe un cuadrado en el rea de edicin, all aparece el cuadro axes1 con una cruz en su interior. Seguidamente se adiciona el cdigo a=imread('balon5.jpg');imshow(a); justo antes del cdigo adicionado anteriormente para la visualizacin del cuadro de dilogo. En el siguiente grfico se aprecia esta nueva apariencia asociada al botn 1. Se ejecuta de nuevo el programa (F5) y se presiona sobre el botn mostrar (2) y aparece en el recuadro la imagen respectiva.

2 1

3. Mostrar varias imgenes Para el presente ejercicio se pretende visualizar inicialmente dos imgenes y una vez se presiona el botn, stas cambian a formato blanco y negro. Para este propsito se debe ingresar un nuevo componente axes como en el caso anterior, este nuevo objeto por defecto tiene como nombre axes2.

En cuanto al cdigo asociado se debe insertar en la parte final de la funcin cuyo encabezado contiene:
% --- Executes just before Interfaz is made visible. function Interfaz_OpeningFcn(hObject, eventdata, handles, varargin)

A continuacin se presenta el cdigo completo asociado a esta funcin que es ejecutada, como lo indica su encabezado, un instante antes de que se haga visible la interfaz.

% --- Executes just before Interfaz is made visible. function Interfaz_OpeningFcn(hObject, eventdata, handles, varargin) % This function has no output args, see OutputFcn. % hObject handle to figure % eventdata reserved - to be defined in a future version of MATLAB % handles structure with handles and user data (see GUIDATA) % varargin command line arguments to Interfaz (see VARARGIN) % Choose default command line output for Interfaz handles.output = hObject; % Update handles structure guidata(hObject, handles); % UIWAIT makes Interfaz wait for user response (see UIRESUME) % uiwait(handles.figure1); axes(handles.axes1) fondo = imread('balon1.jpg'); axis off; imshow(fondo); Cdigo %*-*-*-*-*-*-*-*-*-*-*-*-*-* axes(handles.axes2) insertado fondo = imread('balon2.jpg'); axis off; imshow(fondo);

La programacin referente a los botones contiene el cdigo adicional siguiente:

% --- Executes on button press in pushbutton1. function pushbutton1_Callback(hObject, eventdata, handles) % hObject handle to pushbutton1 (see GCBO) % eventdata reserved - to be defined in a future version of MATLAB % handles structure with handles and user data (see GUIDATA) axes(handles.axes1) nn=imread('balon1.jpg'); a=im2bw(nn,.6); axis off; imshow(a); axes(handles.axes2) nn=imread('balon2.jpg'); a=im2bw(nn,.6); axis off; imshow(a);

Cdigo insertado modificado

msgbox('Esta es la imagen a mostrar') guidata(hObject, handles); % Obligatoria para que guarde los datos

Segn la codificacin anterior se debe tener en cuenta que antes de visualizar cualquier imagen con imshow se especifica el lugar ( axes) para ser mostrado, en este caso se indica con la lnea previa axes(handles.axes2). En donde el ltimo subndice especifica el lugar o campo de axes respectivo.

En la ejecucin del programa se tiene que inicialmente se visualizan dos imgenes y cuando se presiona el botn mostrar, stas imgenes son convertidas a blanco y negro con un nivel de comparacin de 0.6 como est especificado en el cdigo. En el siguiente grfico se aprecian los resultados en la ejecucin inicial y despus de presionar el botn.

4. Control con slider El componente Slider es un elemento de entrada de informacin para la interfaz por parte del usuario. El rango de valores por defecto est establecido entre [0 y 1.0], por tanto para este ejercicio no se va a manipular este parmetro.

Para agregar este componente se activa con un clic como se indica en el grfico (1) y seguidamente se describe un rectngulo en el rea de trabajo de la interfaz (2). Este objeto tambin genera su cdigo asociado en donde se complementa con la informacin descrita a continuacin.

% --- Executes on slider movement. function slider1_Callback(hObject, eventdata, handles) % hObject handle to slider1 (see GCBO) % eventdata reserved - to be defined in a future version of MATLAB % handles structure with handles and user data (see GUIDATA) % Hints: get(hObject,'Value') returns position of slider % get(hObject,'Min') and get(hObject,'Max') to determine range of slider axes(handles.axes1) nivel=get(hObject,'Value'); nn=imread('balon1.jpg'); a=im2bw(nn,nivel); axis off; imshow(a); axes(handles.axes2) nivel=get(hObject,'Value'); nn=imread('balon2.jpg'); a=im2bw(nn,nivel); axis off; imshow(a);

Cdigo insertado

En esencia se muestra la misma codificacin del programa anterior, la variacin est en la sentencia get(hObject,'Value'); que corresponde a la captura del valor actual del Slide cuando ha sido manipulado, este valor es asignado a una variable denominada nivel que es utilizada para realizar la conversin a blanco y negro de las dos imgenes relacionadas para ser visualizadas finalmente en su respectiva ventana (Axes). La representacin visual se presenta a continuacin en su condicin inicial y cuando ha sido manipulado el control Slider a un nivel alto (1).

Faiver Humberto Trujillo Gonzlez faiverht@gmail.com 2010