|
5th
|
2004-04-30 15:31:26, 조회 : 2,237, 추천 : 344 |
- Download #1 : TMenu_3.zip (6.1 KB), Download : 66
[기초강좌 #5] 메뉴 만들기 #2
(전체 소스는 첨부된 파일을 참조해주세요. 부분적으로만 발췌해서 설명합니다.)
========================================================================
이번에는 5개의 파일로 구성되었습니다.
1. start.curl
2. TMenu.scurl
3. TMenuItem.scurl
4. TMenuRectangle.scurl
5. TMenuCircle.scurl
[그림#1]
혹은 두 메뉴 모양이 섞인 다음과 같은 결과를 얻을수도 있습니다.
[그림#2]
========================================================================
우선, 첫번째로 할 작업은,
이전 강좌에서 사용했던 TMenuItem 클래스를 상속받아, TMenuItemCircle 클래스를 생성합니다.
========================================================================
TMenuItemCircle.scurl
-----------------------------------------------------------
field public circle : EllipseGraphic= {EllipseGraphic
width=100px,height=1cm,
fill-color={FillPattern.get-beige}
}
{constructor public {default
...
}
{construct-super ...}
{self.add
{HBox
{OverlayBox
self.circle,
{Frame
width={make-elastic}, height={make-elastic},
valign="center", halign="center",
self.menu_item
}
}
}
}
{unset self.background}
{unset self.border-width}
}
-----------------------------------------------------------
원 모양의 객체를 만들고(circle:EllipseGraphic), 글자를 적어야 하는데,
원은 그래픽 객체이므로 글자를 쓸수 없습니다.
그래서 Frame에 글자를 쓰고, OverlayBox를 이용하여 circle과 Frame을 겹쳐놓습니다.
현재 TMenuItemCircle은 Frame 객체이므로, circle 뒤로 Frame의 배경색과 테두리가 남아있습니다.
안보이게 하기위해 unset 메소드를 이용하여 초기화시켜줍니다.
-----------------------------------------------------------
|| *** entered 메소드 ***
{method public open{entered}:void
{unset self.background}
set self.circle.fill-color={FillPattern.get-black}
set self.color = "beige"
set self.font-weight = "bold"
}
|| *** selected 메소드 ***
{method public open{selected}:void
set self.select? = true
{unset self.background}
set self.circle.fill-color={FillPattern.get-blue}
set self.color = "white"
set self.font-weight = "bold"
}
|| *** unselected 메소드 ***
{method public open{unselected}:void
set self.select? = false
{unset self.background}
set self.circle.fill-color={FillPattern.get-beige}
set self.color = "black"
set self.font-weight = "normal"
}
-----------------------------------------------------------
위의 3개의 메소드를 원 모양에 맞게 다시 옵션들을 적절히 바꿔줍니다.
이렇게 해서 TMenuItemCircle 클래스 작업이 끝났습니다.
========================================================================
두번째로 할 작업은,
TMenuItemCircle이 TMenuItem 클래스를 상속받으면서 많은 부분을 오버라이딩 했다는 점입니다.
크게 상관은 없겠지만, 콤포넌트 측면에서도 정리를 할 필요성이 느껴집니다.
따라서,
TMenuItem 클래스는 공통되는 최소 부분만 남기고,
오버라이딩 되는 메소드는 틀만 남긴채로 중복되는 부분은 모두 제거합니다.
하지만, 기존의 사각형 모양의 메뉴도 필요하므로,
TMenuItemRectangle 클래스를 생성하여, TMenuItem에서 제거되는 부분을 이쪽으로 옮겨줍니다.
========================================================================
이전 강좌와 중복되는 내용이 많아서, 이번 강좌는 좀 간단하네요.
좀 도움이 되셨나요?
그런데,
컬 공부하시는 분들 도움 되시라고 강좌를 만드려고 있으려니, 제가 더 공부가 되네요.
만들때는 안 보였던, 필요없는 코드도 보이고..
아시겠지만, 컬 관련 자료가 상당히 부족합니다.
많은 분들이 강좌에 참여하여 서로서로의 자료를 공유했으면 하는 바람입니다.
그럼, 오늘 하루도 좋은 하루되세요!
- 5th -
|
|
|
