Infragistics Ignite UI for Angular UI Layout and Design Controls

InfragisticsUI 레이아웃 및 디자인 컨트롤JavaScript

반응형 앱을 위한 유연한 Angular 레이아웃 및 디자인 컨트롤.

  • 레이아웃 방향과 하위 요소 흐름을 제어하는 디렉티브를 제공합니다.
  • 줄바꿈 및 정렬을 지원하는 가로 및 세로 레이아웃을 지원합니다.
  • 요소 순서, 간격, 정렬 축의 사용자 지정을 가능하게 합니다.
Infragistics logo

가격:

로딩 중...
다음에서 사용 가능
Infragistics Ignite UI for Angular로딩 중
Infragistics Ignite UI로딩 중
Infragistics Professional로딩 중
Infragistics Ultimate로딩 중
선택에 도움이 필요하신가요? 구매 방법과 사양을 확인하세요.
Infragistics Ignite UI for Angular UI Layout and Design Controls 제품 이미지
Ignite UI for Angular Layout and Design Controls는 개발자가 UI 구성 요소를 효율적으로 배치하는 데 도움이 되는 포괄적인 Angular 디렉티브 세트를 제공합니다. 행 또는 열 레이아웃, 요소 줄바꿈, 주축 및 교차축 정렬, 사용자 지정 순서를 지원하여 반응형이고 구조화가 잘 된 Angular 애플리케이션을 만들 수 있습니다.

Layout Direction Control

igxLayout 디렉티브를 사용하여 컨테이너 내 즉시 하위 요소의 가로(row) 또는 세로(column) 흐름을 지정하여 UI 구성 요소를 유연하게 구조화할 수 있습니다.

Reverse Element Order

igxLayoutReverse 속성을 적용하여 요소의 렌더링 순서를 반전시키고, 오른쪽에서 왼쪽으로 가는 레이아웃이나 대체 레이아웃을 구현할 수 있습니다.

Custom Element Ordering

개별 요소에 igxFlexOrder를 사용하여 기본 DOM 순서를 재정의하고 레이아웃 내 표시 순서를 조정할 수 있습니다.

Element Spacing and Justification

igxLayoutJustify 디렉티브는 space-between, space-around, flex-start, center, flex-end와 같은 옵션을 제공하여 주축을 따라 요소의 분포와 위치를 제어합니다.

Cross Axis Alignment

igxLayoutItemAlign을 사용하여 행에서는 세로로, 열에서는 가로로 요소를 정렬할 수 있으며, flex-start, center, flex-end 등의 옵션을 통해 레이아웃 정밀도를 높일 수 있습니다.

Content Wrapping

wrap 설정으로 igxLayoutWrap을 활성화하면 요소가 컨테이너 너비를 초과할 때 여러 줄로 흐르도록 하여 반응형 디자인을 지원합니다.

Nesting Layouts

하위 요소에 igxLayout 컨테이너와 igxFlex 디렉티브를 조합하여 복잡한 중첩 flexbox 레이아웃을 만들고, 여러 계층 수준에서 크기, 정렬, 순서를 관리할 수 있습니다.

Material Design Integration

이러한 디렉티브는 Angular Material 디자인 원칙에 따라 구축되어 Material 가이드라인을 따르는 Angular 애플리케이션에서 일관된 스타일링과 테마 적용을 원활하게 보장합니다.

제품 호환성

아래의 세부 정보를 확인하여 이 제품이 사용 환경에서 지원되는지 확인하세요.

컴포넌트 유형

  • JavaScript

JavaScript 플랫폼

  • Angular
  • Vanilla JavaScript