오토핫키 강좌 19강 - 구이(GUI) 디자인하기
프로그램 껍데기를 만드셨다면 구이 디자인하는 방법에 대하여 알려드리겠습니다.
색깔코드입니다.
프로그램에 입힐 색깔코드을 볼 수 있습니다.
구이는 V라벨, G라벨, C라벨을 사용합니다.
V라벨은 변수(Variable)의 약자입니다 변수의 값을 수정하거나 출력, 입력할 때 사용 됩니다.
G라벨은 구이에 서브루팅을 연결할 때 사용 됩니다.
C라벨은 컬러(Color)의 약자입니다. 구이를 디자인할 때 색깔에 사용됩니다.
오토핫키 강좌 18강에서 로그인을 만들었었는데 이것을 배경색깔과 글자색깔을 변경해보겠습니다.
글자 색깔은 C라벨을 이용해서 바꿀 수 있어서 색깔코드 앞에 C를 붙여줘야 합니다.
배경색 넣기
Gui, Color, 색깔코드
배경을 투명하게 만들기 (색깔코드가 같아야 합니다)
Gui, Color, 색깔코드
Gui +LastFound
WinSet, TransColor, 색깔코드
에디터, 텍스트 글자색깔 넣기
Gui, Add, Edit, x좌표 y좌표 w폭 h높이 C색깔코드, Edit
Gui, Add, Text, x72 y59 w폭 h높이 C색깔코드, Text
글자크기와 글꼴 바꾸는 방법
Gui, Font, S15 CDefault W500, Verdana
S15는 글자크기입니다. 숫자를 높이면 글자가 커집니다
CDefault는 글자색깔입니다. 앞에 C를 붙이고 색깔코드로 바꿔주거나 단어로 CRed, CBlue, CWhite 사용할수 있습니다.
글자색깔 예를 들어 CRed, CBlue, CWhite, CFFFFFF, CFF0000 이렇게 사용합니다.
W500는 글자두께입니다. 1~1000까지 가능하고 단어로 Bold, italic, Norm 사용할 수 있습니다.
Verdana는 글꼴입니다. 글꼴종류 Verdana, Arial, MS sans serif
아이콘과 태스크바 버튼을 삭제
Gui, +ToolWindow
공유하기
게시글 관리
구독하기고길동 매크로 이야기저작자표시 비영리 변경금지
'오토핫키 > 오토핫키 강좌' 카테고리의 다른 글
오토핫키 강좌 14강 - 반복문(Loop, While) (0)2018.12.22오토핫키 강좌 15강 - 셋타이머(Settimer) (0)2018.12.22오토핫키 강좌 16강 - 스마트구이 다운로드 및 사용법 (0)2018.12.22오토핫키 강좌 17강 - 스마트구이 버튼 만들기 (0)2018.12.22오토핫키 강좌 18강 - 스마트구이 로그인 만들기 (0)2018.12.21반응형
GuiControl 은 말그대로 Gui를 Control 하는 거에요.
이번 글에서는 표시 하는 쪽으로 배울건데 따로 헬프파일 찾아보시면 hide나 show, delete 등등이 있을거에요.
Edit 와 Text 할때 v라벨이라는 것에 대해 말했었죠? v라벨이라는것은 일종의 변수라고 생각하시면 된다고 했었고요.
GuiControl 로 v라벨이라는 변수에 값을 넣어주어서 표시하게 한다.
라고 생각하시면 됩니다.
GuiControl,,v라벨,값 또는 내용
예제를 보시죠.
[스크립트]
Gui,Add,Edit,x0 y0 h100 w100 vEdit,지금의 내용......
Gui,Show
return
F1::
Gui,Submit,nohide
GuiControl,,Edit,5이
return
위 스크립트를 실행하시고 F1을 누르시면 Edit의 내용이 5이 로 바뀌는것을 보실수 있으실겁니다.
더 자세한것을 알고싶으시면 HelpFile 에서 GuiControl 부분 보세요.
반응형
공유하기
게시글 관리
구독하기감자는 맛있다- 카카오스토리
- 트위터
- 페이스북
'Autohotkey > 강좌' 카테고리의 다른 글
[Autohotkey] 22. X(종료) 버튼을 누르면 종료 시키기 - Gui (1)2013.06.09[Autohotkey] 21. Gui를 여러개 만들기 - Gui (0)2013.06.09[Autohotkey] 19. CheckBox 와 Radio - Gui (0)2013.06.09[Autohotkey] 18. Gui에 문자열 표시하기 - Text , Edit - Gui (2)2013.06.09[Autohotkey] 17. Button 만들기 - Gui (0)2013.06.09이번에는 사용자가 값을 입력하고 그에따른 결과물을 출력하는 GUI를 사용 해봅시다. 응용하면 인터넷 검색창, 혹은 로그인 창을 만들 수도 있어요. 비슷한 명령어로는 InputBox가 있는데 GUI를 이용해 입력창을 직접 만들어주는게 훨신 보기도 좋고 깔끔하니 왠만하면 GUI를 사용하도록 합시다.
문법
Gui, Add, Edit [, Options, Text]
설명
Add
콘트롤을 GUI에 추가합니다.
Edit
사용자가 입력 할 수 있는 텍스트 구역
Options
위치, 크기, 라벨 등을 설정
W : 픽셀 단위 너비
H : 픽셀 단위 높이
X : X축 위치
Y : Y축 위치
Text
Edit 안에 나타낼 텍스트
예제
예제1)
Gui, Add, Edit, w100 h20 vMyEdit
Gui, Add, Button, w50 h20 gBtn, 입력
Gui, Show
Return
Btn:
Gui, Submit, Nohide
MsgBox, %MyEdit%
Return
예제2)
Gui, Add, Edit, w100 vID, ID
Gui, Add, Edit, W100 vPW Password, ****
Gui, Add, Button, gBtn default, Login
Gui, Show
Return
Btn:
Gui, Submit, Nohide
If (ID="옹봉이" and PW="secretgd")
MsgBox, 로그인 되었습니다.
Else{
MsgBox, ID혹은 비밀번호가 틀렸습니다.
Exitapp
}
Return
32 - [오토핫키] GUI Button과 G라벨 에서 간략히 설명 했지만 V라벨은 변수를 관리 합니다. 즉 V라벨을 사용 했더라도 바로 변수가 선언되는것이 아니라 Gui, Submit 이라는 명령어에 의해 Gui의 V라벨들이 변수로서 사용되기 시작합니다. Gui, Submit은 변수가 사용되며 GUI창을 숨기는 기능을 갖고 있는데 GUI를 그대로 보여주기 위해서 Nohide를 붙여주는 것입니다. 따라서 V라벨을 사용하려면 Gui, Submit은 반드시 필요한 명령어 입니다!!
예제1은 사용자가 Edit에 입력한 텍스트가 MyEdit이라는 변수에 담긴 후 입력이라는 버튼에 의해 Btn라벨이 호출되어 메시지 박스로 출력됩니다.
예제2는 로그인창을 만들어 인증된 사람만 프로그램을 사용 할 수 있도록 합니다.
두번째 줄의 Options에 보면 Password라는 부분이 보입니다. Edit의 옵션의 일종으로 사용자가 입력하는 텍스트를 가려주도록 합니다. 뒤에있는 ****은 아무런 의미가 없어요. 그리고 버튼의 Options에는 default라는 옵션이 있어요. 해당 버튼을 기본값으로 하라는 의미로 GUI에서 엔터를 치면 반응하도록 하는 옵션입니다.
이번엔 예제1과 다르게 변수를 출력 해주는것이 아닌 If문에서 사용 했어요. ID : 옹봉이 / PW : secretgd 라고 입력 하면 로그인이 되지만 틀리면 스크립트가 종료되어버립니다.