5 用户界面设计 ●用户界面设计的几条原则 ●菜单设计 ●工具栏设计 ●多页面设计 ·多窗体设计 ★米
用户界面设计 ⚫用户界面设计的几条原则 ⚫菜单设计 ⚫工具栏设计 ⚫多页面设计 ⚫多窗体设计 5
用户界面设计的基本原则 ·控制权在用户 ●使用图形用户界面 ●界面操作的一致性 ●宽容性 ·简洁与美观并重
用户界面设计的基本原则 ⚫控制权在用户 ⚫使用图形用户界面 ⚫界面操作的一致性 ⚫宽容性 ⚫简洁与美观并重
菜单设计 Standard Additional Win32 Svstem Data 民A 昌 区 MainMenu PopupMenu 7Form1 回x
菜单设计 MainMenu PopupMenu
菜单设计窗口 Form1.MainMenul -回X Object Inspector mfile TMenultem Properties Events Break mbNone Caption 文件 Checked False Default False Enabled True All shown Form1.MainMenul -▣x 文件 Form1.MainMenul -回× 文件编辑 新建
菜单设计窗口
设计菜单结构 Form1.MainMenu1 回x 文件编辑； 视图 普通 工具栏 Insert Ins Delete Del Create Submenu Ctrl+Right Select Menu... Save As Template... Insert From Template... Delete Templates... Insert From Resource
设计菜单结构
为菜单项设计功能 Form1 -▣ 文件 编辑 格式 剪切 复制 粘贴 7Form1 ▣X 全选 文件编辑 格式 ·宋体 楷体 隶书 √粗体 Button型 √斜体 RadioButton型 CheckBox型
为菜单项设计功能 Button 型 RadioButton 型 CheckBox 型
选项型菜单 选项型菜单项的选中状态不是靠鼠标单击菜单项自 动切换的，而是在菜单项的OnClick事件处理程序中， 通过改变其Checked,属性值来实现的。 procedure TForm1.fsBoldClick(Sender:TObject); Begin 1/粗体 fsbold.Checked:=not fsBold.Checked;/翻转 if fsBold.checked then/如果菜单项为选中状态.. 执行粗体字处理 else 执行非粗体字处理 end
选项型菜单 ⚫ 选项型菜单项的选中状态不是靠鼠标单击菜单项自 动切换的，而是在菜单项的OnClick事件处理程序中， 通过改变其Checked属性值来实现的 。 procedure TForm1.fsBoldClick(Sender: TObject); Begin //粗体 fsbold.Checked :=not fsBold.Checked ; //翻转 if fsBold.checked then //如果菜单项为选中状态… 执行粗体字处理 else 执行非粗体字处理 end ;
单选按钮型菜单 菜单项的Radioltem属性值设置为true ● 菜单项的GroupIndex,属性设定为同组号 ●菜单项的Checked属性值在菜单项的OnClick事件处 理程序中设置。 当一个菜单项的Checked属性为true时，同组的其他 菜单项的Checked属性都自动变为false。 procedure TForm1.songfontClick(Sender:TObject); Begin 宋体"菜单项 sontfont.checked:=true; .宋体设置. end;
单选按钮型菜单 ⚫ 菜单项的RadioItem属性值设置为true ⚫ 菜单项的GroupIndex属性设定为同组号 ⚫ 菜单项的Checked属性值在菜单项的OnClick事件处 理程序中设置。 ⚫ 当一个菜单项的Checked属性为true时，同组的其他 菜单项的Checked属性都自动变为false。 procedure TForm1.songfontClick(Sender: TObject); Begin //"宋体"菜单项 sontfont.checked:= true; …宋体设置… end;
菜单例 (例5-1) Form1 回x 文件编辑格式 MainMenu 回画 Memo lForm1 ▣x 文件凶 编辑0) 格式) abcdefg 宋体) 莱单应用卑段 楷体) OpenDialog ·隶书凶的 √粗体) SaveDialog V斜体
菜单例（例5-1） MainMenu OpenDialog SaveDialog Memo
菜单例 (例5-1) Name Caption Checked GroupIndex RadioItem songfont 宋体 true 1 true kaifont 楷体 false 1 true lifong 隶书 false 1 true bold 粗体 false 2 false italic 斜体 false 3 false new 新建 false 0 false
菜单例（例5-1） Name Caption Checked GroupIndex RadioItem songfont 宋体 true 1 true kaifont 楷体 false 1 true lifong 隶书 false 1 true bold 粗体 false 2 false italic 斜体 false 3 false new 新建 false 0 false