! 제품 버전을 정확하게 입력해 주세요.
제품 버전이 정확하게 기재되어 있지 않은 경우,
최신 버전을 기준으로 안내 드리므로
더욱 빠르고 명확한 안내를 위해
제품 버전을 정확하게 입력해 주세요!

Spread.NET 13 WinForms 향상된 도형 엔진 > 블로그 & Tips

본문 바로가기

Spread.NET

블로그 & Tips

Spread.NET 13 WinForms 향상된 도형 엔진

페이지 정보

작성자 GrapeCity 작성일 2020-08-19 16:16 조회 3,357회 댓글 0건

본문

Spread.NET 13 WinForms는 대화  대시 보드, 플로우 다이어그램, 셀 콜 아웃, 로고 등을 쉽게 생성할 수 있는 많은 새로운 향상된 기능을 지원하는 새로운 Enhanced Shape Engine 을 도입했습니다.


이러한 새로운 기능은 다음과 같습니다.


  • 많은 새로운 도형 지원
  • Excel 모양 테마 및 스타일
  • Excel 도형 스타일 설정 및 효과
  • 도형 연결
  • 도형 그룹화
  • XLSX로/에서 향상된 도형 가져오기 및 내보내기
  • Excel에서 고급 도형 복사 및 붙여 넣기 지원

향상된 모양 엔진 활성화


이 새로운 기능을 사용하려면, 속성 그리드(Property Grid)(새 슬라이서 기능과 동일)의 새 기능 속성을 사용하여, 명시적으로 활성화해야합니다. 먼저 드롭 다운을 사용하여 Spread 속성을 선택한 다음 Behavior-Features로 스크롤하고 확장 한 다음 EnhancedShapeEngine 을 True로 변경 합니다 .

향상된 모양 엔진 활성화


그림 1-Enhanced Shape Engine 활성화


RichClipboard 속성을 True 로 설정하여 Excel과 스프레드간에 향상된 복사/붙여 넣기를 활성화 할 수도 있습니다 .

풍부한 클립 보드 활성화


그림 2-리치 클립 보드 활성화


EnhancesShapeEngine 을 True로 설정한 후 리본 막대 삽입 탭에서 모양 도구를 찾을 수 있습니다.

<그림 3 리본 삽입 탭의 도형 도구


그림 3-리본 삽입 탭의 모양 도구


많은 새로운 지원 모양


드롭 다운을 열어 사용 가능한 모양을 확인합니다 (153+ 지원).

범주 별 향상된 모양


그림 4-범주 별 향상된 모양


도형은 사용자의 편의를 위해, 카테고리로 나뉩니다. 흐름도 다이어그램(Flow Chart Diagrams)을 생성하기 위해 함께 연결 형태를 사용할 수있는 라인 그룹은 화살표를 포함합니다. 

사각형 그룹은 사각형의 다양한 모양을 포함합니다. 

기본 모양 에는 다양한 다각형과 기타 다른 모양이 포함됩니다. 

블록 화살표에는 흐름도를 만드는 데 유용한 다양한 화살표가 포함되어 있습니다. 

방정식 모양 에는 방정식을 만드는 데 유용한 몇 가지 수학 기호가 포함되어 있습니다. 

순서도에는 순서도 다이어그램을 만드는 데 유용한 여러 셰이프가 포함되어 있습니다. 

별 및 배너 에는 다양한 별, 표시, 배너 리본, 설명 선이 포함됩니다. 이는 워크 시트의 특정 개체에 대한 설명선을 만드는 데 더 유용한 모양입니다.


도형 만들기


스프레드 디자이너에서 도형을 만들려면, 도형 드롭다운에서 만들 모양을 클릭하면 해당 모양의 새 인스턴스가 활성된 워크 시트의 활성된 셀에 만들어집니다.


참고 : 이 방법은 Excel과 다르게 작동합니다. Excel에서 만들 모양을 선택하면 커서가 변경되고 워크 시트가 "모양 그리기 모드"에 있고 마우스를 사용하여, 워크시트에 도형을 그릴 준비가되었음을 나타냅니다. 또한 새 도형의 위치와 크기를 나타냅니다. 

반면에 Spread에서 먼저 만들 도형을 선택한 다음, 활성 워크시트의 활성 셀에서 선택한 새 모양을 찾아 필요에 따라 이동/크기 조정해야 합니다.


셰이프 그랩 핸들


도형을 만든 후 선택 및 모양의 크기를 조정하고 편집하는 데 사용할 수 있는 도형 주위에 핸드이 표시됩니다.

셰이프 그랩 핸들


그림 5-모양 잡기 핸들


흰색 핸들을 사용하여, 워크시트에서 모양의 크기를 조정하고 재배치 할 수 있습니다.

그림 6 모양 크기 조정


그림 6-모양 크기 조정


회전 핸들을 사용하여 모양을 회전 할 수 있습니다.

모양 회전

그림 7-모양 회전


노란색 핸들을 사용하여 도형을 편집 할 수 있습니다. 아래와 같이,  원형 조각의 크기를 변경할 수 있습니다.

모양 편집


그림 8-모양 편집


향상된 도형 테마 및 스타일


도형 또는 도형 집합을 선택하면, 리본 막대에 도형 서식 탭이 표시되고, 도형 스타일 찾고, 새로운 스타일을 도형에 적용할 수 있습니다 .

리본 막대 모양 형식 탭의 hape 스타일


그림 9-리본 막대 모양 형식 탭의 모양 스타일


드롭다운을 클릭하여 사용 가능한 모든 도형 스타일을 확인합니다.

기본 제공 테마 및 사전 설정된 모양 스타일


그림 10-기본 제공 테마 및 사전 설정된 모양 스타일

Excel의 모든 테마 및 미리 설정된 모양 스타일이 지원됩니다.


향상된 모양 스타일 설정 및 효과


채우기 , 윤곽선 및 효과 컨트롤을 사용하여, 도형 스타일을 사용자 정의할 수 있습니다 . 또한  도형에 그림자 , 반사 , 발광 , 그리고 소프트 에지 등 다양한 효과를 적용할 수 있습니다.

채우기 드롭다운에는 다양한 솔리드 테마와 표준 색상 및 "채우기 없기"와 같이 다양한 도형 채우기 변경 옵션이 표시되며, 사용자 지정 색상, 그림 및 그라데이션에 대한 옵션은 하단에 있습니다:

리본 모양 형식


그림 11-리본 모양 형식 채우기


그라데이션 효과는 여러 방향에서 조명처럼 모양이 나타나도록 음영 추가할 수 있습니다.

리본 모양 형식 채우기


그림 12-리본 모양 형식 채우기 그라데이션


도형 윤곽선 드롭다운에는 색상(채우기와 유사함)을 설정하는 옵션과 두께, 대시 화살표(커넥터 모양에만 적용됨)를 표시하는 옵션이 표시됩니다.


그림 13-리본 모양 형식 윤곽선


두께 설정은 Excel에서 같은 방식으로 지정합니다:

리본 모양 형식 개요


그림 14-리본 모양 형식 윤곽선 두께


대시 설정은 윤곽선 테두리의 대시 패턴을 지정합니다.

리본 모양 형식 외곽선 대시


그림 15-리본 모양 형식 개요 대시


마지막으로 화살표 설정은 선, 화살표 유형 및 연결선 모양에만 적용되며, 개체의 화살표 끝의 캡 유형을 지정합니다.

리본 모양 형식 개요


그림 16-리본 모양 형식 윤곽선 화살표


효과 드롭다운은 그림자 , 반사 , 네온 및 소프트 가장자리  옵션을 보여줍니다:

리본 모양 형식

그림 17-리본 모양 형식 효과


그림자 효과는 다양한 조명 및 그림자 옵션을 제공합니다.

리본 모양 형식 효과

그림 18-리본 모양 형식 효과 그림자


반사 효과는 도형이 워크 시트에서 반사되는 것처럼 보이도록 다양한 수준의 반사 효과를 제공합니다.

리본 모양 형식 효과


그림 19-리본 도형 반사


네온(글로우) 효과에는 하단에 사용자 정의 색상 옵션이 있는, 다양한 내장 그라디언트 테두리가 포함됩니다.

리본 모양 형식 효과

그림 20-리본 모양 서식 효과 네온


부드러운 가장자리 효과에는 도형 테두리를 워크시트에 희미해지는 것처럼 보이는 반투명 그라데이션으로 만들기위한 다양한 기본 제공 옵션이 포함됩니다.

리본 모양 형식 효과

그림 21-리본 모양 서식 효과 부드러운 가장자리


도형 연결

도형을 선 및 화살표와 함께 연결하여 순서도, 프로세스 다이어그램 또는 기타 콘텐츠를 만들 수 있습니다. 두 개의 도형을 화살표로 연결하려면 먼저 결합할 도형과 결합할 화살표 또는 선 도형을 만든 다음, 화살표의 첫 번째 끝점 위로 마우스 커서를 이동해야합니다. 마우스 커서를 마우스를 핸들이 위로 가져갑니다.

셰이프 연결


그림 22-화살표를 사용하여 셰이프 연결 1 단계 : 첫 번째 화살표 끝점 위로 마우스를 가져갑니다 .


그런 다음 연결하려는 첫 번째 셰이프의 경계로 끝점을 클릭하고 드래그 할 수 있습니다. 셰이프에 대해 사용 가능한 연결점은 회색 손잡이로 표시됩니다. 화살표 끝점을 연결하려는 쪽을 클릭하여 끕니다.

화살표를 사용하여 도형 연결

그림 23-화살표를 사용하여 셰이프 연결 2 단계 : 끝점을 클릭하고 첫 번째 셰이프 연결 지점으로 드래그


마우스를 놓고 연결 지점에 끝점을 놓으면 선이 이제 도형에 연결되었음을 나타내는 녹색이 표시됩니다 .

화살표를 사용하여 도형 연결

그림 24-화살표를 사용하여 셰이프 연결 3 단계 : 첫 번째 화살표 끝점을 드롭하여 셰이프 연결 지점과 연결


그런 다음 마우스를 화살표의 다른 끝점으로 이동할 수 있습니다.

<화살표를 사용하여 도형 연결

그림 25-화살표를 사용하여 도형 연결 4 단계 : 다른 화살표 끝점 위로 마우스를 가져갑니다.


그런 다음 화살표의 다른 끝점을 클릭하여 연결하려는 두 번째 셰이프의 테두리로 끌 수 있습니다.

화살표를 사용하여 도형 연결

그림 26-화살표를 사용하여 셰이프 연결 5 단계 : 다른 끝점을 클릭하고 두 번째 셰이프 연결 지점으로 드래그


두 번째 셰이프의 연결 지점에 끝점을 놓으면, 이제 녹색으로 표시되어, 화살표 끝 점이 셰이프에 연결되었음을 나타냅니다. 모양을 이동하면 화살표 끝 점이 자동으로 이동합니다.


그림 27-28 연결된 모양을 따르는 연결된 화살표


도형 그룹화

그룹의 형태는 둘 또는 그 이상의 도형 (또는 집합인 슬라이서 또는 사진)이 함께 그룹화되어, 이동, 회전 및 크기에 대한 단일 객체로 취급됩니다.그룹 모양 을 만들려면 먼저 그룹화 할 모양을 정렬해야합니다. 그룹이 생성된 후 그룹화된 모양의 상대적 위치가 서로에 대해 고정됩니다. 그런 다음 해당 모양을 선택하고, 리본 바에서 그룹 도구를 사용합니다:


그림 29- 그룹 도구를 사용하여 선택한 도형 그룹화


그룹 도구를 사용하여, 선택한 모양을 함께 그룹화하면 모양이 단일 그룹 모양으로 나타납니다 .


그림 30- 그룹 도구를 사용하여 만든 새 그룹 모양


이제 그룹 모양을 단일 모양으로 이동, 크기 조정 및 회전할 수 있습니다.


그림 31- 회전 된 그룹 모양


모양을 함께 그룹화하면 회사 로고를 만들거나 다양한 모양을 뒤집기 및 회전과 결합하여 실제로 모든 종류의 그래픽 디자인을 만들 수 있습니다. 순서도, 프로세스 흐름도 또는 기타 관련 셰이프 집합의 셰이프를 그룹화할 수 있습니다.


그룹 셰이프안의 개별 도형을 선택하려면 , 그룹 안의 도형을 다시 클릭하면 도형이 선택되고 선택 프레임과 그랩 핸들이 표시됨니다



그림 32- 그룹 모양 내에서 모양 선택


그룹 해제 도구를 사용하여 그룹 모양에서 선택한 도형을 제거할 수 있습니다 .


그림 33- 그룹 해제 도구를 사용하여 그룹 모양 에서 선택한 도형 제거


모양 효과 및 텍스트 효과 사용


도형를 겹쳐서 정교한 디자인을 만든 다음 그룹 셰이프 로 병합하고 텍스트 효과가있는 다양한 글꼴 및 스타일을 사용하여 IShape.Action 이벤트를 사용하는 사용자 지정 작업으로 사용자 클릭에 응답하는 로고 또는 대시 보드 컨트롤을 만들 수 있습니다. 위 디자인을 기반으로 한 로고의 예는 아래와 같습니다:

모양 효과 및 텍스트 효과 사용


그림 34-도형 로고 예시.




프로세스 워크 플로를 나타내는 디자인의 또 다른 예시 :

가상 프로세스 워크 플로우

그림 35 가상 프로세스 워크 플로


그리고 연결선 화살표그림 및 그룹 모양을 사용하는 프로세스 워크플로의 훨씬 더 나은 예시 :

rocess 워크 플로우 예


그림 36-프로세스 워크 플로 예


도형이 있는 사용자를 위한 풍부한 대화형 인터페이스를 만들 수 있는 무한한 가능성이 있습니다. 이 예는 대화형 자동차 보험 청구 양식을 보여주며, 사용자가 다이어그램에서 손상된 부분을 클릭할 수 있도록합니다.

자동차 보험 청구 양식 예


그림 36-자동차 보험 청구 양식 예


위의 예제는 설치 프로그램에 포함된 새로운 Spread.NET 13 WinForms Control Explorer 데모 샘플에 포함되어 있습니다 ( C # 및 VB 모두 ).


Excel 문서 가져 오기 및 내보내기


Features.EnhancedShapeEngine이 활성화되면, Microsoft Excel Workbook 문서의 테마, 스타일, 효과 및 텍스트 효과를 포함한 모든 도형, 연결선, 화살표, 그림, 그룹 쉐이퍼 및 슬라이서도 가져올 수 있습니다.


스프레드시트와 Excel의 워크 시트간에 도형 복사 및 붙여 넣기


Features.RichClipboard가 활성화 되면,  Spread.NET 13 WinForms 및 Microsoft Excel 사이에서, 문서의 테마, 스타일, 효과 및 텍스트 효과를 포함한 모든 도형, 연결선, 화살표, 그림, 그룹 쉐이퍼 및 슬라이서 복사하고/붙여넣을 수 있습니다.


선택한 여러 모양 , 그룹 도형 및/또는 슬라이서를 한 번에 복사하여 붙여 넣을 수 있습니다 .

 

  • 페이스북으로 공유
  • 트위터로  공유
  • 링크 복사
  • 카카오톡으로 보내기

댓글목록

등록된 댓글이 없습니다.

메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기

태그1

메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
이메일 : sales-kor@mescius.com | 전화 : 1670-0583 | 경기도 과천시 과천대로 7길 33, 디테크타워 B동 1107호 메시어스(주) 대표자 : 허경명 | 사업자등록번호 : 123-84-00981 | 통신판매업신고번호 : 2013-경기안양-00331 ⓒ 2024 MESCIUS inc. All rights reserved.