ComponentOne Blazor UI Layout and Design Controls
Blazor 애플리케이션에서 우아하고 체계적인 레이아웃을 쉽게 구축하세요.
- 접을 수 있는 Accordion 콘텐츠 섹션을 사용하여 밀집된 화면을 구성하세요.
- Window popover 또는 모달 대화 상자로 상황별 UI를 표시하세요.
- 구성 가능한 확장 및 Window 상호작용으로 레이아웃 동작을 제어하세요.
가격:
| 다음에서 사용 가능 | |
|---|---|
| ComponentOne Studio Blazor Edition | 로딩 중 |
| ComponentOne Studio Enterprise | 로딩 중 |
Accordion 기반 콘텐츠 그룹화
관련 UI를 사용자가 필요에 따라 확장하고 접을 수 있는 여러 패널로 구성하세요. Accordion은 밀집된 정보를 컴팩트한 레이아웃으로 제공할 수 있도록 상호작용적인 확장 동작을 지원하여 스크롤을 줄이고 현재 보기를 벗어나지 않고도 보조 세부 정보를 유지하는 데 도움이 됩니다.
단일 또는 여러 항목 확장
화면에 필요한 상호작용 패턴에 따라 사용자가 한 번에 하나의 항목만 확장할지, 여러 패널을 열어둘지 구성하세요. 이러한 유연성은 일반적인 disclosure 레이아웃, 설정 페이지, 세부 정보 패널을 구현하는 데 도움이 되며, 콘텐츠 구조는 예측 가능하게 유지됩니다.
방향별 레이아웃 옵션
페이지 구조와 사용 가능한 공간에 맞게 확장된 Accordion 레이아웃을 다양한 방향으로 렌더링하세요. 이를 통해 disclosure 영역을 측면 패널, 스택 섹션, 또는 주변 UI 요소와 함께 확장이 자연스럽게 느껴져야 하는 다른 배치에 맞게 조정할 수 있습니다.
반응형 렌더링 및 애니메이션
Accordion 구성 요소의 반응형 렌더링과 애니메이션 전환으로 세련된 확장 및 축소 경험을 제공하세요. 이러한 동작은 콘텐츠가 표시되거나 숨겨질 때 페이지에서 무엇이 변경되었는지 사용자가 파악하는 데 도움이 되며, 특히 정보가 많은 양식과 대시보드에서 유용합니다.
임의 콘텐츠를 위한 Window 오버레이
Window를 사용하여 임의 콘텐츠의 작은 오버레이를 표시하고, popover와 모달 대화 상자 모두를 지원하세요. 현재 페이지를 벗어나지 않고도 편집기, 확인 창, 상황별 세부 정보 또는 보조 작업 흐름을 표시할 수 있으며, 오버레이 콘텐츠는 완전히 사용자 지정 가능합니다.
소유자에 대한 상대적 popover 배치
소유자 요소에 연결된 popover를 만들고, 해당 소유자가 가시성을 제어하며 배치는 그 요소를 기준으로 계산되도록 하세요. 이 패턴은 상황별 도움말, 인라인 작업, 그리고 오버레이가 UI 요소에 고정된 것처럼 느껴져야 하는 가벼운 선택기에서 잘 작동합니다.
모달 대화 상자 표시
소유자 요소 없이 가운데에 표시되고 기본 콘텐츠와 시각적으로 분리되는 대화 상자를 만드세요. 이는 확인 및 다단계 입력과 같은 집중된 상호작용을 지원하며, 사용자가 페이지를 계속 진행하기 전에 오버레이를 완료하거나 닫도록 할 때 적합합니다.
드래그 및 크기 조정 가능 동작
드래그 가능성과 크기 조정 가능성을 포함하는 속성을 통해 Window 동작을 구성하세요. 사용자가 헤더를 드래그하여 오버레이 위치를 다시 지정하고, 적절한 경우 크기를 조정할 수 있게 하여, 고급 사용자와 데이터 입력 또는 풍부한 콘텐츠가 포함된 화면을 위한 더 유연한 작업 흐름을 지원합니다.
위치 지정 및 오버레이 제어
애플리케이션 UX 요구 사항에 맞게 Window 위치 지정과 오버레이 동작을 제어하세요. 팝업이 어떻게 나타나는지, 어디에 배치되는지, 그리고 나머지 페이지와 어떻게 상호작용하는지 선택하여, 다양한 화면과 상호작용 유형 전반에서 일관된 오버레이 패턴을 구현할 수 있습니다.
제품 호환성
아래의 세부 정보를 확인하여 이 제품이 사용 환경에서 지원되는지 확인하세요.
컴포넌트 유형
- .NET
.NET 버전
- .NET 10 LTS
- .NET 9 STS
- .NET 8 LTS
- .NET 6 LTS
.NET 플랫폼
- .NET Blazor / WebAssembly
MESCIUS에 대해
MESCIUS(이전 GrapeCity로 알려짐)은 일본에서 설립된 개발자 중심의 선도적인 브랜드로, 30년이 넘는 역사를 가지고 있습니다. 이 브랜드는 보고 프레임워크, 스프레드시트 라이브러리, 일본 시장 중심 입력 컨트롤을 포함한 광범위한 소프트웨어 구성 요소로 인정받고 있습니다. ActiveReports, SPREAD, InputMan, ComponentOne과 같은 인기 제품은 .NET과 JavaScript 생태계를 모두 지원하며, 업무상 핵심적인 애플리케이션에서 널리 사용됩니다. MESCIUS는 검증된 신뢰성, 포괄적인 일본어 현지화, 강력한 기술 지원과 같은 독보적인 강점을 제공하여 복잡하고 현지화된 시스템을 구축하는 IT 전문가와 소프트웨어 개발자에게 신뢰받는 선택입니다.
