Image.NineGrid Свойство

Определение

Пространство имен:

Windows.UI.Xaml.Controls

Возвращает или задает значение для метафоры с девятью сетками, которая управляет изменением размера изображения. Метафора из девяти сеток позволяет растягивать края и углы изображения иначе, чем его центр. Дополнительные сведения и иллюстрацию см. в разделе Примечания.

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

Значение Толщины , которое задает значения слева, сверху, справа и внизу для метафоры изменения размера девяти сетки.

Комментарии

При использовании отрисовки с девятью сетками можно указать, как растягиваются различные области изображения. Эта функция полезна для сохранения сведений о углах изображения, когда изображение масштабируется или растягивается.

Отрисовка из девяти сеток разделяет изображение на сетку из девяти разделов:

Отрисовка из девяти сеток позволяет сохранить исходные размеры углов (поля 1, 3, 7 и 9). Верхняя и нижняя части (поля 2 и 8) растягиваются только по горизонтали, а стороны (поля 4 и 6) растягиваются только по вертикали. Центр (поле 5) растягивается в обоих измерениях. Чтобы использовать отрисовку с девятью сетками, создайте

Применение отрисовки из девяти сеток очень полезно, если само изображение включает в себя какой-либо тип оформления границы или ребер, внедренных в источник изображения. Например, представьте, что вы используете источник изображения для кнопки , которая имеет структуру как часть изображения с прозрачностью. Может потребоваться растянуть центральную область со значком. Но если вы растянете углы, вы можете получить артефакты псевдонимов из скругленными углами. Или стороны границы могут стать слишком толстыми и не будут выглядеть так хорошо при масштабировании. Чтобы избежать этого, можно использовать NineGrid с одинаковыми значениями, которые всегда сохраняют размер границы в пикселях, что и в источнике изображения.

Как в коде, так и в XAML значения для свойства Thickness , используемые для задания свойства NineGrid, являются независимыми от устройства значениями пикселей.

Ниже приведен пример XAML для элемента Image со значением NineGrid:

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

Значение NineGrid применимо для отрисовки изображения только в том случае, если для изображения не заданы определенные значения Width и(или ) Height, а также если изображение растягивается (изображение отображается в большем пространстве контейнера, а значение Stretch не ** Нет**).

См. также раздел

• Thickness
• Пример изображений в XAML