2.2. Учимся аккуратности.

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

В принципе, выровнять элементы управления в окне можно и ручным перетаскиванием – для этого на форме изображена сетка, – но на самом деле так не поступают. Ручное выравнивание – это слишком грубое выравнивание – лучше научиться пользоваться специальными командами выравнивания. Они действуют на те объекты, которые в данный момент выделены.

В ыделите все пять переключателей. Проще всего это сделать, поочерёдно щёлкнув на каждом из переключателей, удерживая нажатой клавишу SHIFT. Когда убедитесь, что все нужные элементы управления выделены, дайте команду Edit > Align (Правка > Выравнивание). Откроется диалоговое окно Alignment (Выравнивание).

Установите слева переключатель Left Sides (Левые края), а справа переключатель Space Equally (Равные промежутки). Щелкните на кнопке ОК – и система автоматически разместит элементы управления ровно и регулярно. После этого переключатели в окне формы будут выглядеть действительно аккуратно. Следующая задача – подобрать для них подписи. По очереди выберите каждый переключатель и измените его свойство Caption (Заголовок). Каждая подпись – название одной части света. В этом примере мы «обидели» Австралию; если хотите, добавьте еще один переключатель.

Осталось последнее – включить первый переключатель при запуске программы. Для этого выберите его и задайте для свойства Checked (Включен) значение True (Да). После настройки переключателей форма должна выглядеть так, как показано на рисунке.

2.3. Добавляем демонстрационные объекты.

Остальные элементы управления также разместим в рамке. В палитре компонентов выберите значок GroupBox (Рамка), нарисуйте рамку справа от переключателей и измените свойство Caption (Заголовок) – введите слово Города.

Раскрывающийся список и изображение поместим внутрь рамки. Раскрывающийся список расположим сверху. Выберите в палитре компонентов значок ComboBox (Раскрывающийся список). Нарисуйте объект в верхней части второй рамки. Сразу же с помощью Инспектора объектов измените свойство Style (Стиль) – выберите для него значение csDropDownList (Раскрывающийся список).

П од раскрывающимся списком поместим изображение. Откройте на палитре компонентов вкладку Additional (Дополнительные) и выберите на ней компонент Image (Изображение). Поместите этот объект в рамку. На этом первичное формирование окна нашей программы завершено.

2.4. Организация хранения с данных.

– Как завершено?! Нашей программе еще не известно ни одно название города, и у нее нет информации ни об одном рисунке. Нам надо хранить двадцать пять названий городов и сведения о таком же количестве файлов с изображениями. И почему мы, собственно говоря, не занесли названия городов в раскрывающийся список?

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

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

Щелкните на значке ListBox (Список) на вкладке Standard (Стандартные) палитры компонентов и создайте список в любом месте формы. Повторите эту операцию, чтобы создать еще один список. Снова выберите первый список.

Найдите в окне Инспектора объектов свойство Visible (Видимый) и задайте для него значение False (Нет). В окне формы ничего не изменится, но во время работы программы этот элемент управления отображаться не будет. Щелкните на свойстве Items (Пункты), а затем на кнопке построителя. Введите в список двадцать пять названий городов – по пять для каждой части света.

Настройте аналогичным образом и второй список – сделайте его невидимым и введите имена файлов, содержащих иллюстрации. Их тоже должно быть двадцать пять. Вот теперь можно говорить о том, что создание формы завершено, хотя кое-какие дополнительные настройки нам еще понадобятся.