창조유저그룹-커즈닷컴

LIST ALL

Posted by 권선중

2004-02-28 13:50:22, Hit : 5414

[끼적강좌 2] 개성있는 메뉴 만들기 [초급보충+중급]

Homepage : http://ever2ksj.nalove.org

Post URL : http://cugz.sjworks.net/bbs/zboard.php?id=open_lec&no=31

음 중급편 기다리신분도 없겠지만..그래도 올려봅니다..

초급편에서 그냥 이름표를 이용했습니다..
그래서 별로 개성이 없다고 생각들을 하셨을거라 생각합니다..

강좌에 들어가기에 앞서 먼저 이전강좌에 대한 쪽지를 통한 다리걸기들어와서 그부분에 대한 추가 설명을 조금하겠습니다..

강좌 폭파한다는 말을 무시했지만 좋은 질문이라 답변밑 강좌를 합니다..

///초급 보충강좌 ///

아마 이름표를 이용한 메뉴를 만들면 다음과 같은 불편사항이 있죠..
밑판 객체에 가려지는 이런한점때문에 이름표의 투명성을 이용한 메뉴 만들기가 힘들죠..
그럼 투명성이 없어도 좋으니 다른 방법은 없나요...?
간단한방법이 있습니다.. 이름표를 대신해서 밑판을 이용하시면 됩니다..
단 주메뉴를 클릭했을때 해당하는 부메뉴를 최상위로 해주는 명령은 필수겠죠..

//////////////////////////////////////////////////////////////////////////////////

/// 중급강좌 ///

자 좀더 확실하고 멋진 이름표를 만들어보겠습니다..
초급강좌와 같은 방식으로 한다면 수많은 객체가 필요하게 되겠죠... 메뉴가 많아 지면 많아질수로..
그럼 객체를 줄일수있는 방법은 무엇이 있을까요...
아주 간단하게 설명하자면 사용자 함수는 뽀대용이 아니고 배열역시 뽀대용이 아니라는 것입니다..
이부분은 아주 복잡한 명령이 포함되므로.. 나중에 고급에서 설명하기로 하고..우선 뽀대 내기부터..^^

** 이름표를 사용하지 않겠습니다.. 대신 밑판을 이용합니다..

여기서 이용할것은 간단한 입체감표현입니다..
즉 메뉴가 창위에 약간 떠있는듯하게 보이게 하기위한 방법정도로 생각하시면 됩니다..

밑판 12개를 준비하세요..
4개는 주메뉴.. 4개씩 부메뉴에 들어갈 객체 입니다..

그럼 객체 6개를 다음과 같이 깔아줍니다..

[ 주메뉴 1 ]   [주메뉴 2]
[ 부메뉴1-1]  [ 부메뉴2-1]
[ 부메뉴1-2]  [ 부메뉴2-2]

위 부메뉴는 그림자입니다.. 메뉴가 창위에 떠있는것처럼 보이기 위해서죠..
그위에 설치된객체보다.. + 또는 - 2정도 비스듬하게 설치를 합니다..

ex)┌─────────┐
     │   설치될 객체        │┐
     └─────────┘│<--- 그림자 객체
        └─────────┘

위 그림처럼 객체를 설치하시면 됩니다..
그림자 색상은 약간어두운색정도면 되겠죠..

위와 같은식으로 나머지 모두 설치하시면 됩니다..

그리고 효과를 위해.. 각객체에 마우스가 움직이면 선택된 객체의 색상변화를 주는것도 좋겠죠,..,.

그럼 효과 주기 명령을 함번 볼까요
편의상 각객체는 주메뉴1,2 부메뉴1-1 ~2-2라하고 그림자는 주그림자1,2 부그림자1-1~2-2라 표현하겠습니다..
메뉴 선택명령은.. 초금 강좌와 똑같이 하시면 되는데..단 그림자도 추가해주셔야 겠죠...
그리고 하나더한다면 주메뉴1,2 부메뉴1-1~2-2뒷쪽에 최상위 명령을 삽입해주셔야 합니다..
그건 그림자가 메뉴 위로 올라면 황당하겠죠..

예로 주메뉴1을 클릭했을때를 생각해보죠..
주메뉴 1을 클릭하면 주메뉴에 딸린 부메뉴가 보여야겠죠..
그리고 주메뉴2에 딸린 부메뉴는 모두 숨겨저야 겠고요..

주메뉴1에 마우스가 움직일때 또는 클릭했을때에 다음과 같이 하면 되겠죠..
주그림자1.색상:=RGB(64,128,128);   <--- 색상이름을 몰라서 그냥.. RGB로 적습니다..
주그림자2.색상:=RGB(192,192,192);  <--- 버튼색이죠..^^
주메뉴1.최상위로;
부메뉴2-1.보이기:=거짓; 부메뉴2-2.보이기:=거짓;
부그림자2-1.보이기:=거짓;부그림자2-1.보이기:=거짓;
부메뉴1-1.보이기:=참; 부메뉴1-2.보이기:=참;
부그림자1-1.보이기:=참;부그림자1-1.보이기:=참;
부메뉴1-1.최상위로; 부메뉴1-2.최상위로;

그럼 주메뉴2에는 위 설정을 반대로 적용하면 되겠죠..
^^ 여기까지 한번해보세요..^^

어떤가요 메뉴가 떠있는것처럼 보이나요..
여기에 약간 추가를 한다면 외부경사라던지 내부경사를추가해주면 더 멋질수도 있겠죠..
입체감을 조절하여 각 프로그램에 맞게 설정하는것도 하나의 기술이죠..

이름표 역시 똑같은 방식으로 할수있습니다..
이름표의 투명을 거짓으로 설정후 적용하면 됩니다..
물론 위에 한가지 더 추가해줄수있겠죠.. 바로 입체감을 참거짓으로 선택된 메뉴를 표현할수있겠죠..^^

자 그럼 부메뉴부분을 볼까요..

부메뉴 역시 똑같이 명령을 주시면 됩니다.. 단 객체를 숨기고 보이는 부분은 빼시고.. 위.. 색상부분만 설정하시면 됩니다..

그리고 클릭했을때 보다는 움직일때 부분에 삽입합니다..

부그림자1-1.색상:=RGB(64,128,128);   <--- 색상이름을 몰라서 그냥.. RGB로 적습니다..
부그림자1-2.색상:=RGB(192,192,192);  <--- 버튼색이죠..^^

위부분은 부메뉴1-1에 마우스가 움직일때에 삽입하면 되겠죠...
그리고 1-2는 색상을 반대로적용해서 너으면 되겠죠..
만일 메뉴가 많아진다면 선택된 메뉴외 모든 배뉴는 비활성색상으로 적용하고 선택된 메뉴만 활성색을 적용하도록 하면됩니다..
그리고 메뉴가 많아 지면 많아질수로 명령이 많이 들어가게 되므로 간단히 반복문을 적용하셔도 됩니다..

반복문으 다음과 같이 배열을 이용하시면 편합니다..

객체0,객체1,객체2,객체3,객체4 가있다고 가정하면

실수:수;
반복
{ 객체#수,보이기:=거짓; 수:=수+1; } 까지 (수>4);

단 이것을 사용할실적에는 객체0 즉 0번객체가 있어야 합니다..

오늘 강좌는 여기까지..
테클 아시죠 강좌 폭파..~~~

E-mail : ever2ksj@iwbs.co.kr
MSN    : ever2-ksj@hanmmail.net
Home  : http://ever2ksj.nalove.org

되록이면 홈페이지 질답 게시판에 올려주시기 바랍니다..

----  숨은천사의 한마디 -----------------------------------------------
응용과 활은에 대해서는 알려드리지 않습니다
그부분 마져 제가 알려드린다면 여러분은 실력밑 응용력은 발달할수없습니다..
여러분이 하나 하나 개발해나가야 여러분의 실력은 발달합니다...
--------------------------------------------------------------------