Image.NineGrid 속성

정의

네임스페이스:

Windows.UI.Xaml.Controls

이미지의 크기를 조정하는 방법을 제어하는 9 그리드 은유의 값을 가져오거나 설정합니다. 9 그리드 은유를 사용하면 이미지의 가장자리와 모서리를 중앙과 다르게 확장할 수 있습니다. 자세한 정보 및 일러스트레이션은 비고를 참조하세요.

public:
 property Thickness NineGrid { Thickness get(); void set(Thickness value); };

Thickness NineGrid();

void NineGrid(Thickness value);

public Thickness NineGrid { get; set; }

var thickness = image.nineGrid;
image.nineGrid = thickness;

Public Property NineGrid As Thickness

<Image NineGrid="left,top,right,bottom" />

속성 값

Thickness

Thickness 9 그리드 크기 조정 은유에 대한 왼쪽, 위쪽, 오른쪽, 아래쪽 측정값을 설정하는 값입니다.

설명

9개 그리드 렌더링을 사용하는 경우 이미지의 여러 영역을 늘이는 방법을 지정할 수 있습니다. 이 기능은 이미지 크기 조정 또는 확장 시 이미지 모서리의 세부 정보를 유지하는 데 유용합니다.

9개 그리드 렌더링은 이미지를 9개 섹션의 그리드로 나눕니다.

9 그리드 렌더링을 사용하면 모서리의 원래 크기(상자 1, 3, 7 및 9)를 유지할 수 있습니다. 위쪽과 아래쪽(상자 2 및 8)은 가로로만 늘어나고 측면(상자 4 및 6)은 세로로만 늘입니다. 가운데(상자 5)는 두 차원으로 늘어나고 있습니다. 9 그리드 렌더링을 사용하려면 요소를 만들고

이미지 자체에 이미지 원본 내에 포함된 일부 유형의 테두리 또는 에지 장식이 포함된 경우 9 그리드 렌더링을 적용하면 매우 유용합니다. 예를 들어 투명도가 있는 이미지의 일부로 윤곽선이 있는 이미지 원본 Button 을 사용한다고 상상해 보십시오. 아이콘이 포함된 가운데 영역을 확장할 수 있습니다. 그러나 모서리를 늘이면 둥근 모서리에서 별칭 아티팩트를 얻을 수 있습니다. 또는 테두리 면이 너무 두껍고 크기가 조정되면 좋지 않을 수 있습니다. 이를 방지하기 위해 항상 테두리의 픽셀 크기를 이미지 원본과 동일한 크기로 유지하는 균일한 값이 있는 NineGrid를 사용할 수 있습니다.

코드 또는 XAML에서 NineGrid 속성을 설정하는 데 사용하는 값 Thickness 은 디바이스 독립적 픽셀 값입니다.

NineGrid 값을 사용하는 요소에 Image 대한 예제 XAML은 다음과 같습니다.

<Image Source="Images/9grid.bmp" NineGrid="30,20,30,20" />

NineGrid 값은 이미지에 대해 Width 설정된 특정 값이 Height없거나 이미지가 늘어나고 있는 경우(이미지가 더 큰 컨테이너 공간으로 렌더링되고 값 Stretch 이 없음이 아닌 경우) 이미지 렌더링과만 관련이 있습니다.

추가 정보

• Thickness
• XAML 이미지 샘플