operator01.jpg

안녕하세요? LGS입니다.
오늘은 MATLAB GUI 강좌를 진행하겠습니다.

GUI(Graphic User Interface 양키들은 구이라고 읽더군요 아~ 한우GUI 먹고싶다능;;)는 
다른 것이 아니고 우리들이 흔히 접하는 Windows 프로그램입니다.
시커먼 화면에서 키보드로 타닥타닥 치는게 아니라 마우스로 클릭하는게 GUI예요~

오늘 우리가 만들 녀석은 아주아주 매우매우 정말정말 간단한 계산기 GUI입니다.(1부니깐 간단하게.. -_-)

gui0301.gif

MATLAB에서 GUI를 만드시려면 
Command Window에서 >>guide 하시거나 또는 메뉴->File -> New -> GUI 를 클릭!
그러면 아래와 같은 GUIDE Quick Start 화면이 뜨게 됩니다.
작명 센스 작렬이군요!! GUI를 만드는 가이드!!

wC_KCFuJJ26n2p-mUEVuxaNIaUTVQX_DwOyvxHmm2g-7gC_l1IT-IPCAP08xSr1HHQA0EOhNyXg40ywEMJA0kXW6jzPHOHijqIfTiNH-eleZ4mBU9ak


새로 GUI를 만들 수도 있고(탭을 잘 보세요 Create New GUI) 

기존에 있던 GUI를 열 수도 있습니다(Open Existing GUI).
사람들이 보통 자주쓰는 모양들(templates)을 MATLAB에서 미리 제공하고 있습니다.
GUIDE templates를 클릭해보시면 Preview에서 미리 보실 수 있어요.
오늘은 빈 GUI를 만들어서 가지고 놀아보죵 *^^*
(Create New GUI 에서-> Blank GUI 선택 -> OK 클릭)

o585AabtCGWsTpLMG2JlJCCXCB6I1wlcr2L2StYZw-3ZvkLAUkzPOf1rYrSfntp4K_PwG8mpAXHZaevdvn6waqSzu-YbYVeu_guTXUXMF_RoLJ7yYuI

두둥~ 빈 GUI 화면 떳습니다.(위의 화면을 GUIDE Layout Editor라고 부릅니다)
아무것도 없지만 한번 실행해 봅시다.
녹색화살표를 누르시거나 Ctrl +T 하시면 MATLAB GUI가 실행 됩니다.
myGUI로 저장하시구요~

YC-5ChKHi9FGGtsf5gOWSDfoOTmlnssy_svRMobJQWMX5cWGKrsEqG7sDarcV7K_A0ud5BjZNlOZgXw5i6Uw3WiQqXvzJJS55Uh12tZJTLCY40fbF_8

오홋!! 비록 아무것도 없지만 뚝닥 프로그램 하나 만드셨네요 ㅋㅋ(참 쉽죠잉~)
MATLAB에서 자동으로 주르륵 Code를 생성시킨 것도 볼수 있습니다.
자동 생성된 Code가 길고 복잡해 보지이만 별거 아니니 교주만 믿고 잘 따라오시면 됩니다.
빈 myGUI 프로그램 닫으시고요 다시 GUIDE Layout Editor로 갑니다.
이제부터 Layout Editor에서 놀겁니다요 헤헤.

y9F1_pA_eemcQm8okKSv3x9_JQhMur44dhHOFESl_UlDi_XFf1KN0PqUjyhAgcYF-rZUk4T95n19qBrS4kDAImG4LvMIaMP1UrsfloYgYA-jKIGF9XU

GUIDE Layout Editor는 그냥 그림판이라고 생각하시면 되요~
여러분이 그릴 수 있는 녀석들(Component)이 왼쪽에 쫙있습니다.
왼쪽 편에 보니 푸시 버튼도 보이구요 라디오 버튼도 보이구요 아무튼 여러놈들을 그려 넣을 수 있습니다. 
그려 넣고 싶은 녀석을 클릭 후 빈 화면에 그려 넣으시면 됩니다.

빈 화면에 Edit Text 하나 그려줍시다. 왼쪽에서 Edit Text 클릭후 빈 화면에 그리세욧!!
(Component 위에 마우스를 올려놓으면 Component 이름을 확인 할 수 있는 Tool Tip이 뜹니다)
Static Text도 하나, (푸시)버튼도 하나 대충 그려 넣으시구요~
빈 GUI 오른족 밑에 있는 조그마한 검정 사각형을 드래그해서 GUI 크기를 적~당히 줄여줍시다.

29lZsMwHnJWZDZCKZmpBhm-jBAbufMf-dhdR6gvdhXdnzZfnsgI1RwSqcuYOqMtabZG5axilYSNYESuppIOYZP48wHAodO_rV1yi10aYhNteN3LdRWA

자~~ 이제 계산기 모양을 만들어 볼까요?
우선 그려 넣은 Push Button을 더블 클릭합니다.
그러면 Inspector가 뜨게됩니다. Inspector에서는 개체(지금은 버튼)의 여러가지 
속성(글자 크기, 내용, 색깔 등등)을 변경할 수 있어요.

XMc4uTleC0ISbte4f8bSYue6Isqvv-3VZ2XFyiC2qirHak-er7RZUs_hOv25hspHI1Mg-smcTIbiSFdGSeQAGZ15lz4DaX5dZkE46yApYSOqQQgb0yQ

FontSize 를 20   으로
String     을 1       로
Tag        를 btn1으로

변경합니다. 그러면 버튼의 글자가 커지고 1로 바뀐 걸 보실 수 있습니다.
Tag는 이름을 지정하는 겁니다. Inspector의 Tag 항목을 btn1으로 바꿨으니 앞으로 이 버튼은 btn1으로 불리게 됩니다.
(저는 그냥 button을 줄여서 btn 이름 지었어요 데헷 )
속성을 참조하거나 변경할때 btn1.String 이런식으로 참조하게 되요~
버튼을 정사각형으로 만드시구요 Copy and Paste 신공을 씁시다.
1234567890 .+-*-=← 까지 17개가 필요하니까 GUI 상의 버튼을 선택후 
Ctrl + C 그리구 Ctrl + V 다다다다닥 !!
그리고 아래처럼 개체들을 배열해주세요~~

hSDSacwkrZ4FWlGJ1rPSFlN_VFD-V4kk4_EJ9A7ggs3c8mTa_npIZyVaq_z5ftzI1mxxgA7XSDE7B1NpehBvrRDX58dlbQbNMcwShOEr1IcG7k1dOtU

지금부터 노가다 좀 하겠습니다. 쿨럭;;; -_-
각각의 버튼을 더블클릭해서 Inspector를 연 다음 String과 Tag를 변경해주세요;;

String 1   Tag btn1
String 2   Tag btn2
String 3   Tag btn3
   .              .
   .              .

+는 btnPlus /는 btnDiv 등으로 Tag에 이름을 적당히 붙여주세요
←(Backspace)는 한글로 ㅁ 누르신후 한자키를 누르면 나옵니다요.


Edit Text는
HorizentalAliment   :     right            오른쪽 정렬로 바꿉니다.
FontSize               :     30                폰트 크기를 30으로.
String                   :     0
Tag                      :    editAnswer

마지막으로 Static Text를 더블 클릭해서 Inspector를 띄운 다음 String을 MATLAB GUI Calculator,
FontSize를 20으로 고치시면... 그러면 아래처럼 되겠죵?? ^^;;

1HcmwhXl6KK03LiaL4YBKKKy5PsixpPjCuaSm5o_KG_BdHbplw_r2FCvz66FuD4xevds2ruHvzHxQWQPKyXM5w1mTDQqgjeTILt4oZujqnEeChmXY6g

녹색 삼각형 눌러서 GUI를 한번 실행 해보세요~
와우 그럴듯 하게 나오네요 ㅋㅋ 아직 버튼을 눌러도 아무 반응이 없죠??
이제 부터 실행 Code를 작성해야합니다.
GUI Layout Editor에서 할 일은 다 끝났구요 다시 MATLAB으로 돌아 갑시다.
(GUI 모양은 myGUI.fig에 저장되고 함수 Code는 myGUI.m에 저장됩니다.)

Code가 길기도 복잡하여라;; 그러나 말씀 드렸듯이
알고 나면 정말정말정말 진짜진짜진짜 아무것도 아니예요 ㅎㅎ
본격적으로 실행 코드작성은... 2부에서...
글이 길어져서 잠시 끊었다 가겠습니다요.



2부에서 뵙겠습니다.
이상입니다. 총총...

P.S. GUI 3부에 실행 m-file, fig-file을 첨부해두었으니 참고하시 바랍니다.

profile