다음을 통해 공유


Image.NineGrid 속성

정의

이미지의 크기를 조정하는 방법을 제어하는 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" />

속성 값

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

설명

9개 그리드 렌더링을 사용하는 경우 이미지의 여러 영역을 늘이는 방법을 지정할 수 있습니다. 이 기능은 이미지가 스케일링되거나 늘어나면 이미지 모서리에 세부 정보를 유지하는 데 유용합니다.

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

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

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

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

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

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

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

적용 대상

추가 정보