https://gsbelarus.com:80/gs/wiki/index.php?action=history&feed=atom&title=%D0%9E%D1%88%D0%B8%D0%B1%D0%BA%D0%B8_%D0%BF%D1%80%D0%B8_%D1%81%D0%BE%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D0%B8_%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%BD%D1%8B%D1%85_%D1%84%D0%BE%D1%80%D0%BC
Ошибки при создании экранных форм - История изменений
2026-07-16T23:57:41Z
История изменений этой страницы в вики
MediaWiki 1.19.16
https://gsbelarus.com:80/gs/wiki/index.php?title=%D0%9E%D1%88%D0%B8%D0%B1%D0%BA%D0%B8_%D0%BF%D1%80%D0%B8_%D1%81%D0%BE%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D0%B8_%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%BD%D1%8B%D1%85_%D1%84%D0%BE%D1%80%D0%BC&diff=2418&oldid=prev
SYSDBA: /* Документ "Выдача на сервис" из настройки СТО */
2009-01-15T09:17:25Z
<p><span dir="auto"><span class="autocomment">Документ "Выдача на сервис" из настройки СТО</span></span></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr valign='top'>
<td colspan='2' style="background-color: white; color:black;">← Предыдущая</td>
<td colspan='2' style="background-color: white; color:black;">Версия 09:17, 15 января 2009</td>
</tr><tr><td colspan="2" class="diff-lineno">Строка 35:</td>
<td colspan="2" class="diff-lineno">Строка 35:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>http://gsbelarus.com/gs/images/gs/2007/ui/5.jpg</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>http://gsbelarus.com/gs/images/gs/2007/ui/5.jpg</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">[[Category:Работа над ошибками]]</ins></div></td></tr>
</table>
SYSDBA
https://gsbelarus.com:80/gs/wiki/index.php?title=%D0%9E%D1%88%D0%B8%D0%B1%D0%BA%D0%B8_%D0%BF%D1%80%D0%B8_%D1%81%D0%BE%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D0%B8_%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%BD%D1%8B%D1%85_%D1%84%D0%BE%D1%80%D0%BC&diff=2036&oldid=prev
SYSDBA в 15:34, 9 августа 2007
2007-08-09T15:34:10Z
<p></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr valign='top'>
<td colspan='2' style="background-color: white; color:black;">← Предыдущая</td>
<td colspan='2' style="background-color: white; color:black;">Версия 15:34, 9 августа 2007</td>
</tr><tr><td colspan="2" class="diff-lineno">Строка 1:</td>
<td colspan="2" class="diff-lineno">Строка 1:</td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">При создании внешнего вида диалогового окна следует придерживаться нескольких достаточно простых правил:</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">* Использовать шрифт одного начертания, размера и цвета. Как правило, шрифт устанавливается для формы и для всех визуальных элементов свойство ParentFont устанавливается в True.</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">* Выравнивать группы элементов по левому краю. Устанавливать одинаковые расстояния между элементами в группе. Использовать одинаковые промежутки от элементов (групп элементов) до края формы.</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">* Использовать одинаковую высоту для однотипных визуальных элементов.</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">* Ширину полей ввода устанавливать в соответствии с типом данных.</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">* Контролировать порядок табуляции: слева-направо, сверху-вниз.</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">* Не перегружать форму нефункциональными визуальными элементами (рамками, панелями, разделительными линиями). В тоже время помнить, что умеренное использование таких элементов для выделения и группировки логически связанных эелементов управления способно существенно упростить чтение формы.</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">* Для привязки визуальных элементов к краям формы изменяемого размера использовать панели с установленным свойством выравнивания (Align), вместо якорей (Anchor).</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">* Экономно использовать рабочее пространство формы.</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">В качестве примера удачной и неудачной компоновки рассмотрим несколько экранных форм.</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>=== Документ "Выдача на сервис" из настройки СТО ===</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>=== Документ "Выдача на сервис" из настройки СТО ===</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">Ниже представлен исходный вид формы:</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>http://gsbelarus.com/gs/images/gs/2007/ui/1.jpg</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>http://gsbelarus.com/gs/images/gs/2007/ui/1.jpg</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>http://gsbelarus.com/gs/images/gs/2007/ui/2.jpg</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>http://gsbelarus.com/gs/images/gs/2007/ui/2.jpg</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">Обратите внимание, как нерационально используется место на вкладках "Основные" и особенно "Аттрибуты". При попытке изменить размер формы кнопки пропадают с экрана:</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>http://gsbelarus.com/gs/images/gs/2007/ui/3.jpg</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>http://gsbelarus.com/gs/images/gs/2007/ui/3.jpg</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">Ремонт формы начнем с набора вкладок. Переместим единственный чек-бокс с вкладки "Аттрибуты" и расположим экранные элементы в три строки вместо пяти. Уменьшим и выровняем все промежутки. Уменьшим высоту разделительной линии (Splitter). Проблему с пропаданием кнопок решим следующим образом:</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"># Внизу окна расположим панель usrg_pnlBtm, установив для нее Align=alBottom.</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"># На ней разместим две панели: usrg_pnlLeft и usrg_pnlRight с выравнивание влево и вправо соответственно.</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"># На левую панель перенесем (команда Вырезать и, затем, Вставить, из контекстного меню) кнопки "Новый", "Меню", "Справка". На правую -- "Ок" и "Отмена".</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"># Визуальные границы панелей сделаем плоскими.</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"># Для главной панели формы -- pnlMain -- установим свойство Align=alClient.</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>http://gsbelarus.com/gs/images/gs/2007/ui/4.jpg</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>http://gsbelarus.com/gs/images/gs/2007/ui/4.jpg</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">В итоге, преобразованная форма примет следующий вид:</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>http://gsbelarus.com/gs/images/gs/2007/ui/5.jpg</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>http://gsbelarus.com/gs/images/gs/2007/ui/5.jpg</div></td></tr>
</table>
SYSDBA
https://gsbelarus.com:80/gs/wiki/index.php?title=%D0%9E%D1%88%D0%B8%D0%B1%D0%BA%D0%B8_%D0%BF%D1%80%D0%B8_%D1%81%D0%BE%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D0%B8_%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%BD%D1%8B%D1%85_%D1%84%D0%BE%D1%80%D0%BC&diff=2035&oldid=prev
SYSDBA в 14:58, 9 августа 2007
2007-08-09T14:58:50Z
<p></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr valign='top'>
<td colspan='2' style="background-color: white; color:black;">← Предыдущая</td>
<td colspan='2' style="background-color: white; color:black;">Версия 14:58, 9 августа 2007</td>
</tr><tr><td colspan="2" class="diff-lineno">Строка 6:</td>
<td colspan="2" class="diff-lineno">Строка 6:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>http://gsbelarus.com/gs/images/gs/2007/ui/3.jpg</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>http://gsbelarus.com/gs/images/gs/2007/ui/3.jpg</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">http://gsbelarus.com/gs/images/gs/2007/ui/4.jpg</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">http://gsbelarus.com/gs/images/gs/2007/ui/5.jpg</ins></div></td></tr>
</table>
SYSDBA
https://gsbelarus.com:80/gs/wiki/index.php?title=%D0%9E%D1%88%D0%B8%D0%B1%D0%BA%D0%B8_%D0%BF%D1%80%D0%B8_%D1%81%D0%BE%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D0%B8_%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%BD%D1%8B%D1%85_%D1%84%D0%BE%D1%80%D0%BC&diff=2034&oldid=prev
SYSDBA в 15:05, 8 августа 2007
2007-08-08T15:05:35Z
<p></p>
<p><b>Новая страница</b></p><div>=== Документ "Выдача на сервис" из настройки СТО ===<br />
<br />
http://gsbelarus.com/gs/images/gs/2007/ui/1.jpg<br />
<br />
http://gsbelarus.com/gs/images/gs/2007/ui/2.jpg<br />
<br />
http://gsbelarus.com/gs/images/gs/2007/ui/3.jpg</div>
SYSDBA