Окт
13th

Урок 7. Компонент TRadioGroup. Приложение с несколькими формами

Урок из серии “Программирование для школьников в среде Lazarus”

В предыдущем уроке рассказывалось об организации ввода и вывода данных с помощью встроенных диалоговых окон InputBox, ShowMessage.

В этом уроке мы научимся создавать приложения, в которых используются несколько форм.

Кроме того  мы изучим новый компонент TRadioGroup для создания групп переключателей. Научимся применять условный оператор для анализа состояния переключателей.

Для начала вам нужно перейти на страницу Новый компонент и ознакомиться с назначением и свойствами компонента  TRadioGroup.

Чтобы повторить условный оператор if-then перейдите на станицу Повторим операторы.

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

(ещё…)

Окт
13th

Компонент TRadioGroup

Компонент TRadioGroup (Группа переключателей) находится на вкладке Standard

RadioGroup

Компонент RadioGroup (Группа переключателей)

 

Компонент TRadioGroup (Группа переключателей) представляет собой группу переключателей, в которой одновременно может быть выделен только один переключатель.  Когда пользователь устанавливает один из переключателей группы, все остальные автоматически сбрасываются.

(ещё…)

Сен
23rd

Урок 6. Организация ввода и вывода данных

Урок из серии: “Программирование для школьников в среде Lazarus”

Любая программа в своей работе использует какие-то исходные данные.

Для организации ввода можно использовать компонент формы TEdit (Поле ввода), для вывода результатов – компонент Label (Поле вывода).

Другой способ организации ввода и вывода данных – использование встроенных диалоговых окон InputBox, ShowMessage. Эти диалоговые окна не устанавливаются программистом на форму во время разработки. Операторы их активации нужно вставлять в программный код.

Более подробно остановимся на втором способе.

(ещё…)

Сен
12th

Урок 5. Типы данных

В предыдущем уроке рассказывалось об этапах создания приложения в среде Lazarus на примере вашей первой программы.

В этом уроке Вы познакомитесь с основными элементами языка программирования: переменными, их типами, основными операциями и функциями.

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

(ещё…)

Авг
31st

Урок 4. Компоненты TBitBtn, TEdit и TMemo

В предыдущем уроке рассказывалось о компоненте Lazarus TImage (Изображение), который используется для вывода на форму графического рисунка.

В этом уроке Вы познакомитесь с компонентами TBitBtn, TEdit и TMemo.

Компонент TBitBtn Компонент TBitBtn (Кнопка с пиктограммой) находится на вкладке Addition, аналогичен компоненту TBbutton, но может содержать пиктограмму формата BMP или ICO.

Компонент TEditКомпонент TEdit (Поле ввода) – текстовое поле, которое в отличии от TLabel можно редактировать во время выполнения приложения. Текст, вводимый в поле ввода, хранится в свойстве Text.

Компонент TMemoКомпонент TMemo предназначен для работы с многострочным текстом, который содержится в свойстве Lines.

Компонент TBitBtn отличается от TButton тем, что на нем можно отображать пиктограммы. Кроме этого, этот компонент имеет и свои особые свойства.

(ещё…)

Авг
30th

Компонент TBitBtn

Компонент TBitBtn (Кнопка с пиктограммой)

Компонент TBitBtn (Кнопка с пиктограммой)

Компонент Кнопка (TBitBtn) – разновидность кнопки, отличается от TButton тем, что на нем можно отображать пиктограммы.

Основные свойства

(ещё…)

Авг
30th

Урок 3. Компонент TImage

В этом уроке Вы познакомитесь с назначением и основными свойствами  компонента Lazarus Image, создадите два проекта с его использованием.

Компонент Image (Изображение) Компонент Изображение (TImage) предназначен для вывода на форму графического рисунка. Он поддерживает многочисленные форматы графических файлов, включая .bmp, .ico, .jpg и т.д.

Для ознакомления с описанием компонента и его свойствами перейдите по ссылке – TImage (Изображение).

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

Для загрузки рисунка в поле Image на этапе разработки интерфейса приложения нужно присвоить свойству Picture файл, содержащий рисунок.

Для присвоения изображению файла с рисунком во время выполнения приложения используется метод LoadFromFile(), принадлежащий объекту Picture.

Например, для вывода в изображение imgIxample файла рисунка myPicture.jpg во время выполнения используется следующий оператор:

imgExample.Picture.LoadFromFile(‘myPicture.jpg’)

Задание 7

Создайте приложение «Вставка рисунка из файла», в результате работы которого левый рисунок будет отображаться на форме после ее загрузки, а правый – по щелчку на кнопке Вывести рисунок.

10 класс. Lazarus. Практическая работа №7

Картинки для выполнения задания:

Картинка 1   Картинка 2

Сохранить их как файлы на вашем компьютере.

Ход выполнения

1. Создайте новое приложение «Вставка рисунка из файла».

Разместите на форме два изображения Image (вкладка Additional), две надписи (Label) и две кнопки (Button).

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

10 класс. Lazarus. Практическая работа №7

2. Скопируйте графические файлы с рисунками в папку проекта, иначе придется указывать полный путь к файлу.

3. Первый рисунок загрузите в Image1 на этапе проектирования интерфейса при настройке свойства Picture объекта Image1 в инспекторе объектов.

Для этого:

  • Выделите элемент Image1 на форме, в окне Инспектор объектов.
  • В строке Picture щелкните по кнопке с многоточием. Откроется окно Диалог загрузки изображения.
  • В диалоговом окне щелкните по кнопке Загрузить, укажите  файл, содержащий рисунок.
    10 класс. Lazarus. Практическая работа №7

4. Второй рисунок загрузить в Image2 во время выполнения приложения с помощью метода LoadFromFile объекта Image2 после щелчка на кнопке Button2 (Показать рисунок).

Для этого:

  • Откройте редактор кода двойным щелчком на элементе Button2. В программный код добавиться пустая процедура  TForm1.Button2Click.
  • Напишите программный код для  TForm1.Button2Click.
procedure TForm1.Button2Click(Sender: TObject);
begin
   image2.Picture.LoadFromFile('pr7-2.gif');
end;

5. Проверьте работу приложения. Первая картинка должна отобразиться в поле Image1 сразу после загрузки приложения, вторая картинка – после щелчка на кнопке Показать рисунок.

6. Добавьте к предыдущему проекту кнопку Убрать рисунок (Button3). Наложите ее на кнопку Button2. Сделайте невидимой на момент загрузки приложения, для этого  измените свойство Visible на False.

7. Измените программный код процедуры обработки щелчка на кнопке Button2 (Показать рисунок). Программный код выполняет следующие действия:

  • Делает видимым компонент Image2;
  • Загрузить рисунок в поле Image2;
  • Делает невидимой кнопку Button2  (Показать рисунок);
  • На ее месте делает видимой кнопку Button3  (Убрать  рисунок).

Программный код процедуры:

procedure TForm1.Button2Click(Sender: TObject);
begin
   image2.Visible:=true;
   image2.Picture.LoadFromFile('pr7-2.gif');
   button2.Visible:=false;
   button3.Visible:=true;
end;

Для управления видимостью кнопок используйте свойство Visible.

8. Напишите программный код процедуры обработки щелчка на кнопке Button3  (Убрать рисунок), который:

  • прячет кнопку Button3 (Убрать  рисунок);
  • удаляет картинку из Image2;
  • делает видимой кнопку Button2 (Показать рисунок).

Исходный текст процедуры:

procedure TForm1.Button3Click(Sender: TObject);
begin
   button3.Visible:=false;
   button2.Visible:=true;
   image2.Visible:=false;
end;

8. Проверьте работу кнопок. После щелчка на кнопке Показать рисунок картина отобразится в поле Image2, а после щелчка на кнопке Убрать рисунок – удаляется из поля.

10 класс. Lazarus. Практическая работа №7

9. Сохраните проект.

Задание 8

Создайте приложение, которое над рисунком, расположенным в центре формы, выполняет действия, указанные на кнопках.

10 класс. Lazarus. Практическая работа № 8

Ход выполнения

1. Создайте новое приложение, сохраните его в папке Перемещение картинки.

2. Установите на форме 9 кнопок (Button) и поле Image (изображение) как показано в образце.

3. Измените свойство Name кнопок в соответствии с надписями на них: – Vverh_Vlevo, vverch и т.д.

4. Написать программный код процедур обработки щелчков по кнопкам.

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

Примерный текст процедур обработчиков для кнопок Вверх-влево , Вверх-вправо и В центр приводится ниже:

procedure TForm1.btnVverh_VlevoClick(Sender: TObject);
begin
   image1.top:=10;
   image1.left:=10;
end;

procedure TForm1.btnVverh_VpravoClick(Sender: TObject);
begin
   image1.top:=10;
   image1.left:=form1.width-image1.width -10;
end;

procedure TForm1.btnCentrClick(Sender: TObject);
begin
   image1.top:=(form1.height-image1.height) div 2;
   image1.left:=(form1.width-image1.width) div 2;
end;

5. Программный код для остальных кнопок написать самостоятельно.

6. Проверить работу приложения.


В этом уроке мы познакомились с компонентам Lazarus Image (Изображение), научились его использовать.

В следующем уроке рассмотрим новый компонент – Memo-поле.

Следующий урок: “Компоненты TBitBtn, TEdit, TMemo”
P.S. Как всегда, под уроком жду твоих комментариев – насколько урок оказался полезным для тебя:)

Удачи!

Авг
27th

Урок 2. Ваша первая программа

Урок из серии “Программирование для школьников в среде Lazarus”

В предыдущем уроке рассказывалось об основных инструментах разработки программ в среде Lazarus, этапах создания приложения.

В этом уроке мы создадим свою первую программу, познакомимся с редактором исходного кода, узнаем  как   компилировать и выполнять программу.

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

Итак, приступим …
(ещё…)

Авг
26th

Компонент TTimer

Компонент Timer (Таймер)
Компонент Timer (Таймер)

С помощью таймера (Timer) можно запрограммировать выполнение определенного кода через равные интервалы времени. Когда таймер установлен на форме, система периодически генерирует событие OnTimer. Для пользователя таймер невидим.

Основные свойства

(ещё…)

Авг
26th

Компонент TImage

 Компонент Image (Графическое поле)

 Компонент Image (Графическое поле)

Компонент (TImage) обеспечивает вывод на поверхность формы иллюстраций, представленных в bmp–формате (чтобы компонент можно было использовать для отображения иллюстраций в формате JPG, надо подключить модуль JPEG – указать имя модуля в директиве uses).

Основные свойства

(ещё…)