이전 장에서는 컴포넌트 배치 시 아무것도 수정하지 않았습니다. Button 컴포넌트에 표시되는 텍스트나 컴포넌트의 크기, 아이콘 표시 여부 등은 Button 컴포넌트를 변경해 적용할 수 있습니다. 이번 장에서는 여러 형태로 Button 컴포넌트를 변경해봅니다.
Button 컴포넌트에 표시되는 텍스트 변경하기
넥사크로 스튜디오 속성창에서 컴포넌트에 표시되는 텍스트를 변경합니다.
1
화면에 2개의 Button 컴포넌트를 배치합니다.
첫 번째 Button 컴포넌트(Button00)는 놔두고 두 번째 Button 컴포넌트(Button01)만 대상으로 변경합니다.
2
두 번째 Button 컴포넌트를 마우스 왼쪽 버튼으로 클릭합니다.
컴포넌트를 마우스 왼쪽 버튼으로 클릭하면 선택한 상태가 됩니다.
3
넥사크로 스튜디오에서 "Properties"라고 표시된 속성창에 "Button01"이 표시되는 것을 확인합니다.
4
속성 목록 중 "text" 항목을 찾아 값을 "Add to favorites"로 변경하고 Enter키를 입력합니다.
5
화면에서 두 번째 Button 컴포넌트에 표시되는 텍스트가 변경된 것을 확인합니다.
Button 컴포넌트 위치 변경하기
화면 편집창에서 컴포넌트를 선택하고 위치를 변경합니다. 넥사크로 스튜디오에서 컴포넌트를 화면에 배치하고 위치를 변경하는 것은 프레젠테이션 소프트웨어에서 도형을 배치하고 위치를 변경하는 것과 거의 비슷합니다.
1
Button 컴포넌트를 마우스 왼쪽 버튼으로 클릭합니다.
컴포넌트를 마우스 왼쪽 버튼으로 클릭하면 선택한 상태가 됩니다.
2
Button 컴포넌트 위에 마우스 포인터를 이동합니다.
마우스 포인터가 상하좌우 화살표 모양으로 바뀌어 표시됩니다.
3
Button 컴포넌트를 마우스 왼쪽 버튼으로 누른 상태에서 원하는 위치로 움직입니다.
4
원하는 위치로 움직인 상태에서 눌려있는 마우스 왼쪽 버튼을 놓으면 Button 컴포넌트의 위치가 변경됩니다.
Button 컴포넌트 크기 변경하기
화면 편집창에서 컴포넌트를 선택하고 크기를 변경합니다. 넥사크로 스튜디오에서 컴포넌트의 크기를 변경하는 것은 프레젠테이션 소프트웨어에서 도형을 배치하고 크기를 변경하는 것과 거의 비슷합니다.
1
Button 컴포넌트를 마우스 왼쪽 버튼으로 클릭합니다.
컴포넌트를 마우스 왼쪽 버튼으로 클릭하면 선택한 상태가 됩니다.
2
크기를 변경하고자 하는 Button 컴포넌트의 면 또는 모서리의 점 위에 마우스 포인터를 이동합니다.
마우스 포인터가 양쪽 화살표 모양으로 바뀌어 표시됩니다. 화살표가 표시되는 방향으로 크기를 줄이거나 늘릴 수 있습니다.
3
Button 컴포넌트를 마우스 왼쪽 버튼으로 누른 상태에서 크기를 변경할 방향으로 움직입니다.
4
원하는 크기로 조정한 상태에서 눌려있는 마우스 왼쪽 버튼을 놓으면 Button 컴포넌트의 크기가 변경됩니다.
속성창에서 Button 컴포넌트 위치와 크기 변경하기
넥사크로 N에서 컴포넌트의 상태는 속성값으로 설정할 수 있습니다. 위치는 left, top 속성으로 설정하고 크기는 width, height 속성으로 설정합니다.
1
두 번째 Button 컴포넌트를 마우스 왼쪽 버튼으로 클릭합니다.
컴포넌트를 마우스 왼쪽 버튼으로 클릭하면 선택한 상태가 됩니다.
2
넥사크로 스튜디오에서 "Properties"라고 표시된 속성창에 "Button01"이 표시되는 것을 확인합니다.
3
속성창 스크롤바를 아래로 내려 "Position"으로 표시된 부분을 찾습니다.
left, top, width, height 항목을 확인할 수 있습니다.
4
속성창에서 left, top, width, height 속성값을 바꾸어봅니다.
Button 컴포넌트의 위치와 크기가 바뀌는 것을 확인할 수 있습니다.
도움말에서 컴포넌트 속성 확인하기
컴포넌트 목록에서 찾기
1
넥사크로 스튜디오에서 F1키를 입력합니다.
도움말이 팝업창으로 표시됩니다.
2
목차에서 Button 컴포넌트를 찾습니다.
화면에 배치할 수 있는 컴포넌트는 Components > Component 아래에 알파벳 순으로 표시됩니다. "+" 버튼을 클릭하면 각 항목 하위 항목이 펼쳐집니다.
3
Button 컴포넌트 항목을 클릭하면 Button 컴포넌트에 대한 기본적인 설명과 구조도 등을 확인할 수 있습니다.
4
원하는 항목을 클릭하면 해당 속성, 메서드, 이벤트에 대한 설명이 오른쪽에 표시됩니다.
항목명으로 찾기
1
넥사크로 스튜디오에서 F1키를 입력합니다.
2
Index 탭에 원하는 항목명을 입력합니다. "textwidth"이라고 입력해봅니다.
3
"textwidth" 항목 아래에서 Button 항목을 선택합니다.
컴포넌트(오브젝트) 항목을 클릭하면 해당 속성, 메서드, 이벤트에 대한 설명이 오른쪽에 표시됩니다.
더 많은 내용 찾아보기
컴포넌트의 속성을 편집하고 디자인 속성을 변경하는 더 많은 방법은 개발도구 가이드를 참고하세요.