UI(18) 기타 설명 할것들1

안녕하세요.

애니메이터가 들려주는 맥스 스크립트의 스크립팅하는 애님입니다.

오늘과 다음번 설명으로 UI에 대한 이야기를 마무리 지으려고 합니다.

 

 

UI 숨기기

 

모든 맥스 스크립트 UI는 숨기기 기능이 있습니다.

같은 화면에서 필요에 따라 다른 내용을 보여주고 싶을 때 사용할 수 있습니다.

visible라는 명령을 사용하는데 다음과 같이 입력하고 실행을 해봅시다.

 

 

rollout testRoll "Test!"
(
    button a1_btn "버튼A1" pos:[5, 5]
    button b1_btn "버튼C1" pos:[70, 5]
        
    button a2_btn "버튼A2" pos:[10, 10]
    button b2_btn "버튼D2" pos:[75, 10]
        
    checkbox hide_ckb "숨기기" pos:[10, 50]
    
    on hide_ckb changed state do
    (
        if(state == true) then
        (
            a1_btn.visible = true
            b1_btn.visible = true
                
            a2_btn.visible = false
            b2_btn.visible = false
        )
        else
        (
            a2_btn.visible = true
            b2_btn.visible = true
            
            a1_btn.visible = false
            b1_btn.visible = false
        )
    )
    
)
createdialog testRoll 190 80

 

이렇게 요상하게 나옵니다.

 

버튼이 겹쳐서 나오는데 이것은 일부로 그런 것이니까 놀라지 마세요.

아래에 있는 숨기기 버튼을 눌러봅시다.

한 그룹이 숨겨지고, 다른 그룹이 나오는 방식입니다.

스크립트의 내용을 확인해 보면

a1_btn.visible = true와 a1_btn.visible = false를 확인할 수 있는데요.

이 visible이라는 것이 true면 보이고, false면 숨겨지는 것입니다.

이처럼 같은 화면에서 상황에 따라 다른 UI를 보여주는 것이 가능합니다.

 

 

UI 비활성화

 

맥스 스크립트 중에 UI를 비활성화해서 상황에 따라 사용 여부를 결정할 수 있도록 하는 스크립트가 있습니다.

enabled 명령어를 사용하여 가능한데 다음과 같이 작성하고 실행해 봅시다.

 

 

 

rollout testRoll "Test!"
(
    checkbox enable_ckb "옵션을 활성화 합니다."
    radiobuttons option_rdb labels:#("옵션1","옵션2", "옵션3") enabled:false
    
    on enable_ckb changed state do
    (
        if(state == true) then
        (
            option_rdb.enabled = true
        )
        
        else
        (
            option_rdb.enabled = false
        )
    )
)
createdialog testRoll 190 80

 

 

checkbox를 클릭해 봅시다.

체크가 켜지면 밑에 있는 옵션이 활성화되고, 꺼지면 비활성화가 됩니다.

이런 식으로 원하는 부분을 활성화하거나 비활성화가 가능해지는데 어떤 원리로 작동하는지 알아봅시다.

 

radiobuttons option_rdb labels:#("옵션1","옵션2", "옵션3") enabled:false

라디오 버튼에 끝 부분을 보시면 enabled:false라고 적혀 있는데 이것 때문에 스크립트가 실행됨과 동시에 비활성화가 된 것입니다.

UI를 설정하면서도 활성화나 보이는 것을 정할 수 있습니다.

checkbox의 이벤트를 확인하면 state의 상태에 따라

option_rdb.enabled = true와 option_rdb.enabled = false가 실행됩니다.

즉 라디오 버튼인 option_rdb의 enabled속성에 true를 넣으면 활성화가 되고 반대면 비활성화가 되는 것입니다.

 

오늘은 UI의 나머지 알아두면 좋은 것에 대해서 이야기를 하였습니다.

다음 시간도 남은 UI의 내용을 설명하고 UI에 대한 이야기는 마무리하겠습니다.