다음을 통해 공유


이미지를 사용하여 도형 바둑판식 배열

타일을 나란히 배치하여 바닥을 덮을 수 있는 것처럼 사각형 이미지를 나란히 배치하여 도형을 채울(바둑판식으로 배열) 수 있습니다. 도형의 내부를 바둑판식으로 배열하려면 질감 브러시를 사용합니다. TextureBrush 개체를 생성할 때 생성자에 전달하는 인수 중 하나는 Image 개체의 주소입니다. 질감 브러시를 사용하여 도형의 내부를 그릴 때 도형은 이 이미지의 반복된 복사본으로 채워집니다.

TextureBrush 개체의 래핑 모드 속성은 이미지가 사각형 그리드에서 반복될 때 이미지 방향이 결정됩니다. 그리드의 모든 타일을 동일한 방향으로 만들거나, 한 그리드 위치에서 다음 그리드 위치로 이미지를 대칭 이동할 수 있습니다. 대칭 이동은 가로, 세로 또는 둘 다일 수 있습니다. 다음 예제에서는 다양한 형식의 대칭 이동이 포함된 타일 방식을 보여줍니다.

이미지 타일링

이 예제에서는 다음 75 ×75 이미지를 사용하여 200 ×200 사각형을 타일로 표시합니다.

이 항목의 다른 일러스트레이션의 기반으로 사용되는 그림: 배경에 있는 집과 나무, 사각형 가운데에 배치

Image image(L"HouseAndTree.png");
TextureBrush tBrush(&image);
Pen blackPen(Color(255, 0, 0, 0));
stat = graphics.FillRectangle(&tBrush, Rect(0, 0, 200, 200));
stat = graphics.DrawRectangle(&blackPen, Rect(0, 0, 200, 200));

다음 그림에서는 직사각형이 이미지와 함께 바둑판식으로 배열되는 방식을 보여줍니다. 모든 타일의 방향은 동일하며, 대칭 이동이 없습니다.

큰 사각형에서 가로 및 세로로 반복되는 기본 이미지를 보여 주는 그림

 

타일링하는 동안 이미지를 가로로 대칭 이동

이 예제에서는 75 ×75 이미지를 사용하여 200 ×200 사각형을 채웁니다. 래핑 모드는 이미지를 가로로 대칭 이동하도록 설정되었습니다.

Image image(L"HouseAndTree.png");
TextureBrush tBrush(&image);
Pen blackPen(Color(255, 0, 0, 0));
stat = tBrush.SetWrapMode(WrapModeTileFlipX);
stat = graphics.FillRectangle(&tBrush, Rect(0, 0, 200, 200));
stat = graphics.DrawRectangle(&blackPen, Rect(0, 0, 200, 200));

다음 그림에서는 직사각형이 이미지와 함께 바둑판식으로 배열되는 방식을 보여줍니다. 지정된 행에서 한 타일에서 다음 타일로 이동할 때 이미지는 가로로 대칭 이동됩니다.

기본 이미지를 가로로 반복하지만 짝수 번호가 매겨진 인스턴스가 가로로 반전되는 것을 보여 주는 그림

 

타일링하는 동안 이미지를 세로로 대칭 이동

이 예제에서는 75 ×75 이미지를 사용하여 200 ×200 사각형을 채웁니다. 래핑 모드는 이미지를 세로로 대칭 이동하도록 설정되었습니다.

Image image(L"HouseAndTree.png");
TextureBrush tBrush(&image);
Pen blackPen(Color(255, 0, 0, 0));
stat = tBrush.SetWrapMode(WrapModeTileFlipY);
stat = graphics.FillRectangle(&tBrush, Rect(0, 0, 200, 200));
stat = graphics.DrawRectangle(&blackPen, Rect(0, 0, 200, 200));

다음 그림에서는 직사각형이 이미지와 함께 바둑판식으로 배열되는 방식을 보여줍니다. 지정된 열에서 한 타일에서 다음 타일로 이동하면 이미지가 세로로 대칭 이동됩니다.

가로 및 세로로 반복되는 기본 이미지를 보여 주는 그림이지만 짝수 행은 세로로 반전됩니다.

 

타일링하는 동안 이미지를 가로 및 세로로 대칭 이동

이 예제에서는 75 ×75 이미지를 사용하여 200 ×200 사각형을 타일로 표시합니다. 래핑 모드는 이미지를 가로와 세로 모두로 대칭 이동하도록 설정되었습니다.

Image image(L"HouseAndTree.png");
TextureBrush tBrush(&image);
Pen blackPen(Color(255, 0, 0, 0));
stat = tBrush.SetWrapMode(WrapModeTileFlipXY);
stat = graphics.FillRectangle(&tBrush, Rect(0, 0, 200, 200));
stat = graphics.DrawRectangle(&blackPen, Rect(0, 0, 200, 200));

다음 그림에서는 이미지별로 직사각형이 바둑판식으로 배열되는 방식을 보여줍니다. 지정된 행에서 한 타일에서 다음 타일로 이동하면 이미지가 가로로 대칭 이동되고 지정된 열에서 한 타일에서 다음 타일로 이동하면 이미지가 세로로 대칭 이동됩니다.

각 행의 기본 이미지 인스턴스가 가로로 대칭 이동되고 교대로 행이 세로로 대칭 이동됨을 보여 주는 그림