±âº» °³³ä |
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. ³¡À¸·Î, Ŭ·¡½º¿¡¼ Çü½Ä°ú ±¸¼º ¿ä¼Ò °æ°è¿Í ´õºÒ¾î, ´ç½ÅÀº ÇÊ¿äÇÑ µ¿ÀÛ°ú À̺¥Æ®¸¦ À§ÇØ ±× Ŭ·¡½º¿¡ Çü½ÄÀ» ±â´ÉÀûÀÌ°Ô Çϱâ À§ÇØ Äڵ带 ¾¹´Ï´Ù.