�⺻ ���� |
IDEA�� GUI
Designer�� ���� ���� ��Ҹ� ����ϰ� �ִ� ����� ���ø����̼��� ���� �׷��� ����� �������̽�(GUI)�� �����ϴ� ���� �����ϰ� �մϴ�.
GUI �����̳�:
������κ��� ������ �ܼ��� �ڹ� GUI�� �����ϴ� �Ϳ� ���õǴ� ������ �ڵ��� ���� ���� �����ݴϴ�
��ġ ������ �ڵ�È�ϰ�, �ܼ�È�մϴ�
����� ���ϴ� ���۰� ����� �ڵ�È�ϱ� ���� �����Ӱ� ï¿½Ï¸é¼ ï¿½Ã°ï¿½ ���� ����� �ۼ��� �ӵ��� �ø��ϴ�
���� �ڵ忡�� �Ǵ� ���� ������ ���ο� �ڵ忡�� GUI ����� �ܼ��� �ð� ���ε��� �����մϴ�
������ JFrame�� ���� ��-������ �����̳ʿ��� ���Ǵ� ��������� ���̾�α� �Ǵ� �г��� �����ϱ� ���� ������ ���� ���� �����մϴ�. GUI �����̳ʴ� ���ø����̼��� ���� ��ü�� ���������� �ʰ�, �޴��� ���� ���� �ʽ��ϴ�.
GUI �����̳ʴ� �ڹ� ���ø����̼ǿ��� GUI�� �����ϴ� ������� ���� ���� �ܼ�È�ϰ�, �ڵ�È�մϴ�. �ϳ��� �ֿ��� �ܼ�È�� ��ġ �����Դϴ�. �ڹ��� ��ġ ������ �ſ� �����մϴ�. �׷��� �װ��� ���� �����մϴ�. 6���� �ٸ� ��ġ ������, ������ �ڽ��� ��Ģ�� �������ϴ� ����� �ֽ��ϴ�. GUI ������ �Ϻ� �����̳ʷ� ���̴� ������ ���� �ܼ��� ���̾�α� �Ǵ� ��� �����ϴ� ���� ���� �����մϴ�. �׷��� ���� ����� ���� �װ��� �ؿԴٸ� ����� �ƴ� �Ͱ� ���� �ڹٿ��� ������ �ܼ��� ���̾�α׸� �����ϴ� ���� �ڵ��� �ణ �� �ɸ��� ��Ʈ�Դϴ�.
IDEA �� GUI �����̳ʴ� ��κ� ���� �½�ũ�� �ʿ�� �ϴ� �ڹ��� ��ġ �����ڿ� �ӵ��� ���⵵�� �ٷ��߸� �ϴ� �Ϳ��� ����� �����Ӱ� �մϴ�: ������ �ܼ��� ���̾�α׿� �׷��� �����ϴ� ��.
GUI
Designer files :
���� �ð���, GUI ������ .form Ȯ���ڿ� �Բ� Ư�� ���Ͽ� ����˴ϴ�. IDEA�� ���ϴ� �޼ҵ带 �˰� �ִ� Ư���� ��Ű������ �����ʹ� XML�μ� ����˴ϴ�. �׵��� ���� �ؽ�Ʈ ������ ���ķ�, �����.form ������ ����� ���� � ���� ���� ��Ŀ� ���� �� �ֽ��ϴ�.
����� GUI �����̳ʸ� ����ϴ� �Ϳ� ������� �ʽ��ϴ�. �װͰ� ���Ҿ� ������ ���̾�α� ���� ����� �ڹٿ��� ��� �����ϴ� �ٸ� �͵�� �Բ� ���ø����̼ǿ��� �����մϴ�.
|
IDEA�� .form ������ XML �ҽ��� ���� ������ �������� �ʽ��ϴ�, �׸��� ����� �ؽ�Ʈ�μ� �� ������ �������� �����ؼ��� �ȵ˴ϴ�. |
GUI
Designer Output Options :
����� ������ ���� �ٸ� �ٸ� �ڹ� IDE�� ���Ǹé¼, ����� ����� ���� 2���� �ɼ��� �����ϴ�:
��Ÿ�� Ŭ�������� �����մϴ�(����Ʈ)
�ڹ� �ҽ� �ڵ�
����Ʈ��, ����� ������Ʈ�� ������ �� �� ����� GUI �����̳ʿ� �Բ� �����ϴ� GUI�� ��Ÿ�� Ŭ������ �����մϴ�. �ڹ� �ҽ� �ڵ��� �߰� �ܰ�� �����н��˴ϴ�(�ּ��� ����ڷμ��� ����� ���ٹ����κ�����). ����� ������ Ŭ������ ������Ʈ(�Ʒ� ��θ� ���ϴ�)�� ���� ������ �����Ϸ� ��� ���͸��� �����߸� �ϴ� ���� ���������� ������ �� �ֽ��ϴ�. �ٶ�� ���� �ִٸ�, ����� �ڹ� �ҽ� �ڵ��� GUI �����̳��� ����� ������ �� �ֽ��ϴ�. �� ������ ��ε� Ŭ������ UI ���� ��Ҹ� ���� �ڵ�� �����˴ϴ�.
���⿡�� ����� �ɼǿ� ���� �� ���� ������ ����, Configuring
Projects: GUI Designer Options�� ���ʽÿ�.
�װ��� ��� �۵��մϱ� |
�� ������ ��ſ��� GUI �����̳ʸ� ����ϰ� �ִ� GUI�� �����ϴ� ������� ������ ���並 �ݴϴ�. �ٸ� È���� �� �� ���ϰ� Ư���� ���Խ�ų ���Դϴ�.
1.
ù ��°��, ����� "����" ������ �ð� ���� ��Ҹ� �����մϴ� �׵��� ũ��, ��ġ�� ������ �ܼ��� "�ȱ�" �ٻ縦 ����ϴ�. ���İ� �� ���� ��Ұ� ��ġ ��带 "������Ÿ����" ����Ʈ�� �ִ� ���� ����� �̰��� �� �� �ֽ��ϴ�.
XY layout mode�� �θ��ϴ�:
2. ����� �� ���� ���� ����� ���� ���� �Ӽ��� �����߽��ϴ�. ����� �ð� ���� ��� �� ��ü ������ ��κ��� ���̺��� �ؽ�Ʈ�� ��ġ���� ������ �� �ֽ��ϴ�(�Ʒ� ��������)�Ǵ� ����� �׵�� �ٸ� �Ӽ��� Inspector ����(�Ʒ� �����ʿ���) ������ �� �ֽ��ϴ�.
|
|
3. ����� ���� ���� ���� ��Ҹ� ���� ������ ����׷쿡�� ���������� �����մϴ�. ���� ���, ����� �Ʒ� �׸��� ���õ� ��ó�� �� ���� ���� ��ư �Ǵ� ��ư�� �ٸ� �׷����� �з������� �𸨴ϴ�:
������ �Ǵ� ���� ��Ҵ� �׵��� XY ����ǰ ��忡 ���� �� �־��� �Ϳ� ���� �׵��� �׵��� �����̳� ������ �̵��� �� ���ų�, ũ�⸦ ����� �� ���� "�׸��� ��ġ" ��忡 ���ϴ�. ����� GUI �����̳� ���� ������ 3���� ��ġ ���� ���� 1���� �Բ� �����̳� ��ġ�� ���� ���п� �����մϴ�. ���� ��Ҵ� ���Ե˴ϴ�...
Horizontal
layout action �� �Բ� �������� :
Vertical
layout action �� �Բ� �������� : (
,
�Ǵ�
Grid
layout action �� ����ϰ� �ִ� �׸��忡��:
).
���� ����� ������ �ʿ䰡 ������, ����� Break Layout action �� �Բ� � �׸��� ��ġ�� ��Break���� �� �ֽ��ϴ�: .
����� ��ġ, ��� ũ��, ���� ������ �� �ִ� "����ǰ" ��忡 �̰��� ���� ��Ҹ� �����մϴ�. ����� �� ���� ���� ��ҿ� ���� ��ġ ��ġ�� �ٽ� �̿��� �� �ֽ��ϴ�. (�̰� �Ŀ� �� ����).
����� ���� ���� �׸��� ��ġ(�װ��� ���� �ʰ�)�� ������ �� �ֽ��ϴ�. ����� �� �Ǵ� Į���� �߰��� �� �ְ�, �� ������ �ٸ� �ͱ��� ���� ��Ҹ� �� �� �ְų�, �Ǵ� ����� �׸���κ��� �� �Ǵ� Į���� ������ �� �ֽ��ϴ�. (�� ���� ���λ����� ���� GUI Building GUI Forms ���� �̿��� �� �ֽ��ϴ�.)
��� ���ϴ� ���� ���� ��� �׷�����, ����� Grid
Layout action�� �Բ� ���� ������ ��� ���� "���Դϴ�" : ,
�װ��� ��ǻ� ��� ���� JPanel �����̳ʿ����� ���� ���� ���Դϴ�:
���߿�, ����� JFrame�� ���� �����̳ʿ��� �̰��� ����� ���̰�, ����� ���ø����̼��� �ڵ忡�� �����˴ϴ�.
4. ������ ����� ���İ� ���Ҿ�, ����� �ʵ带 �����ϴ� Ŭ������ �ʿ��� �޼ҵ忡 ���� �۾��� ����� ���� Ư�� ���İ� UI ���� ��Ҹ� �ڵ忡 bind�� �ʿ䰡 �ֽ��ϴ�.. ����� ���� Ŭ�������� GUI ���� ��Ҹ� �ʵ忡 ����� �� �ְ�, �Ǵ� ����� ������ �ܼ��� binding �Ӽ����� �̸��� Ÿ�����ϴ� �Ϳ� ���� �����ϴ� �Ϳ� ���� ����� Ŭ������ �ʵ带 ������ �� �ֽ��ϴ�.
5. ������, Ŭ�������� ���İ� ���� ��� ���� ���Ҿ�, ����� �ʿ��� ���۰� �̺�Ʈ�� ���� �� Ŭ������ ������ ������̰� �ϱ� ���� �ڵ带 ���ϴ�.