Как использовать Blend для создания базовой сетки

Question

Я разработчик, который пытается освоить Blend. Я всегда использовал Blend, чтобы связываться с шаблонами элементов управления и тому подобным, но я пытаюсь научиться использовать его для базового дизайна пользовательского интерфейса, поскольку я полагаю, что это, вероятно, немного быстрее, чем вводить XAML вручную в Visual Studio.

Сейчас я просто пытаюсь создать базовую сетку, но я вижу два поведения по умолчанию, которые, я надеюсь, кто-то может показать мне, как изменить.

1) Когда я наведу указатель мыши за пределы области дизайна, я вижу временную желтую линию, чтобы показать, где будет новая колонка / строка сетки, когда я нажму. Проблема в том, что недавно созданные строки имеют высоту, например, 0,2297 * Как мне заставить Blend присоединить обычные высоты, например, 250?

2) Игнорирование 1), если у меня есть несколько строк и столбцов, когда я перетаскиваю кнопку или поле со списком и т. Д. На одну из ячеек, она отбрасывает ее точно , когда я отпускаю мышь , добавляя несколько больших полей, чтобы разместить его там. Можно ли сказать, что blend просто бросает элемент управления в ячейку и оставляет поля в покое?

Answer 1

Сетки потрясающие, но для того, чтобы научиться работать с ними в Blend, нужно немного поиграть.Вот несколько советов, с которых можно начать (подробно я расскажу об этом в главе 4 моей книги ).

1) При использовании линий привязки для создания строк и столбцов Blend автоматически создаетих относительный (звездный) размер, это поведение, которое вы видите.Чтобы изменить стиль строки / столбца на фиксированный (в пикселях), щелкните значки замка слева и сверху от нужных строк и столбцов.Затем либо отредактируйте значения в XAML, либо вы можете щелкнуть рядом (но не на) замок, чтобы выбрать строку или столбец.Это откроет свойства размеров на панели «Свойства».

2) Краткий ответ «Нет».Blend всегда добавляет поля, когда вы рисуете элемент в ячейке, если только вы не позаботились о том, чтобы нарисовать их на границах.Это слишком сложно и отнимает много времени, поэтому я просто рисую его где-то внутри своей целевой ячейки.Теперь я могу щелкнуть правой кнопкой мыши по элементу и выбрать «Авторазмер> Заполнить», и элемент заполнит ячейку: для полей не заданы поля, ширина и высота, а для горизонтального и вертикального выравнивания - растянуть.[FWIW, решение этой проблемы - мой запрос номер один для Blend.]

Надеюсь, это поможет.

Answer 2

Чтобы ответить на пункт 1) Blend создает пропорциональные сетки, чтобы столбцы оставались с одинаковой относительной шириной при увеличении или уменьшении сетки, а не с абсолютными сетками.Поэтому, если вы хотите иметь абсолютную ширину сетки, вам нужно будет ввести и отредактировать значения вручную.

Я считаю, что проще создать базовую форму в Blend, а затем настроить значения в текстовом редакторе - либов Visual Studio или в самой Blend.

Что касается пункта 2) Я только что попробовал это и до тех пор, пока я нажимаю внутри столбца / строки на сетке при помещении кнопки, он добавляет ее в правильный столбец /строка сетки, как и ожидалось.Выберите кнопку, а затем просто дважды щелкните внутри сетки - это должно добавить кнопку размера по умолчанию, где вы щелкнули, но в сетке.(Было бы намного легче, если бы я мог видеть, что вы делаете).