Lazarus IDE 编辑器窗口介绍 - Lazarus教程

初次打开 Lazarus 界面介绍

主窗口（顶部全局窗口），上图1区域

和其他平常我们使用的软件有点不一样，启动 Lazarus 后会弹出多个独立浮动窗口，最上方长条窗口为主 IDE 窗口，标题格式：project1 - Lazarus IDE v版本号，打开其他项目后标题会自动替换为当前项目名。功能：IDE 总控窗口，包含主菜单栏和组件面板 (Component Palette)。

标题栏下方：主菜单栏 包含通用菜单：File、Edit、Search、View

菜单栏下方左侧：快捷工具栏（Coolbar） 图标按钮，快速执行菜单高频功能；

菜单栏下方右侧：组件面板 Component Palette

内置标签分组

Standard、Additional、Common Controls、Dialogs、Data Controls、Data Access、System、Misc、LazControls、RTTI、SQLdb、Pascal Script、SynEdit、Chart、IPro

两大核心编辑窗口

IDE 下方并列两个窗口：

左侧：Object Inspector 对象查看器

如下是一些常用的属性介绍

属性名	作用说明
Action	绑定预设动作，如关闭、退出功能
Align	控件对齐父容器：alTop 顶部、alBottom 底部、alLeft 左、alRight 右、alClient 铺满剩余区域、alNone 自由摆放
Anchor	窗体缩放时固定控件与四边距离，例 `[akBottom,akRight]` 固定右下角
Caption	控件显示文字（按钮、标签标题），建议自定义有意义文本，不要默认 Button1
Color	控件背景颜色
Enabled	布尔值；False 时控件置灰、无法点击操作
Font	文字字体、大小、颜色，展开可精细设置
Hint / ShowHint	鼠标悬浮提示文字；ShowHint=True 才会弹出提示
Name	代码内标识控件名称，建议规范命名（OkBtn、ExitBtn），不要默认 Button1
Left / Top	控件左上角坐标
Width / Height	控件宽高；Constraints 可限制最大最小尺寸
ReadOnly	输入框只读，仅查看不可编辑
TabOrder / TabStop	Tab 键切换顺序；TabStop=False 则无法 Tab 选中
Text / Lines	Text 单行文本；Lines 多行文本（TMemo 多行内容，数组下标从 0 开始）
Visible	False 则控件完全隐藏
WordWrap	多行文本自动换行
PopUpMenu	右键弹出菜单

如下是一些经常用的事件

事件	触发时机
OnClick	鼠标左键单击控件（按钮最常用）
OnChange	控件内容、状态发生变化（输入框文字修改、下拉框切换）
OnEntry	鼠标移入控件、获得焦点
OnExit	鼠标移出控件、失去焦点
OnKeyDown / OnKeyPress / OnKeyUp	按键按下、输入字符、按键松开
OnMouseMove / OnMouseDown / OnMouseUp	鼠标移动、按下、松开
OnDragDrop	拖拽释放操作
OnEditingDone	用户编辑完成，常用于输入内容校验
OnResize	控件大小改变

右侧：Source Editor 代码编辑器

下面我们可以修改上节课的例子，点击按钮的时候，增加更多的属性修改

procedure TForm1.Button1Click(Sender: TObject);
begin
  // 通过Tag切换文字状态
  if Button1.Tag = 0 then
  begin
    Button1.Caption := 'Press again';
    Button1.Tag := 1;
    // 代码修改控件尺寸、颜色
    Button1.Height := 50;
    Button1.Color := clYellow;
  end
  else
  begin
    Button1.Caption := 'Press';
    Button1.Tag := 0;
    Button1.Height := 30;
    Button1.Color := clBtnFace;
  end;
end;  Code language: JavaScript (javascript)