Image.NineGrid 속성
정의
중요
일부 정보는 릴리스되기 전에 상당 부분 수정될 수 있는 시험판 제품과 관련이 있습니다. Microsoft는 여기에 제공된 정보에 대해 어떠한 명시적이거나 묵시적인 보증도 하지 않습니다.
이미지의 크기를 조정하는 방법을 제어하는 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 그리드 렌더링을 사용하면 모서리의 원래 차원(상자 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**이 아닌 경우) 이미지 렌더링과만 관련이 있습니다.