【Delphi】通过 LiveBindings Designer 链接控件示例

本教程展示了如何使用 LiveBindings Designer 可视化地创建控件之间的 LiveBindings,以便创建只需很少或无需源代码的应用程序。

在本教程中,您将创建一个高清多设备应用程序,该应用程序使用 LiveBindings 绑定多个对象,以更改圆的描边和填充颜色。所有绑定都是使用 LiveBindings Designer 以可视化方式无缝创建的。

步骤 1:创建项目

创建一个新项目。本例选择高清多设备应用程序(HD Multi-Device Application )。

  1. TCircle组件拖放到表单设计器上 Form Designer
  2. 在 "Tool Palette "中找到一个 TColorPanel 控件并将其拖放到表单上。
  3. TComboColorBox 控件也做同样的操作。

颜色面板控件color panel 将设置圆的填充颜色,而颜色组合框color combo box 将设置圆的描边颜色。

在表单上放置组件后,表单应如下图所示。

第 2 步:创建 LiveBindings

现在查看 LiveBindings Designer 窗口。如果不可见,请进入 "View "菜单,选择 "LiveBindings Designer "命令。

或者控件右键菜单选择:Bind Visually...

您的图表包含代表表单对象的各个块。此时,它们之间还没有链接。找到表示圆的块 (Circle1),点击右下角的 3 个点。

  1. 从 "Bindable Members "对话框中选择 "Fill.Color "和 "Stroke.Color "属性。

按下 "OK "后,Circle1 组件将被绘制并显示两个属性。

  1. 单击 ComboColorBox1 块的 Color 属性,然后拖动一条线到 Circle1 块的 Stroke.Color 属性。
  1. 单击 ColorPanel1 图块的Color 属性,然后拖动一条线到 Circle1 图块的 Fill.Color 属性。

  2. 按下 "重新排列 "按钮 ,可以自动排列图表,也可以自行排列图块。

此时,您的绑定图应该如下图所示。

结果

按 F9 键或使用 Run > Run菜单命令运行应用程序。更改颜色并观察结果。

这个功能是不是就是VUE中的数据绑定一样一样的。

相关推荐
lincats13 小时前
一步一步学习使用FireMonkey动画(1) 使用动画组件为窗体添加动态效果
android·ide·delphi·livebindings·delphi 12.3·firemonkey
lincats5 天前
一步一步学习使用LiveBindings(16)使用代码创建LiveBindings绑定
delphi·livebindings·delphi 12.3·firedac·firemonkey
lincats8 天前
一步一步学习使用LiveBindings(14)TListView进阶使用(2),打造天气预报程序
delphi·livebindings·delphi 12.3·firedac·firemonkey·tlistview
lincats9 天前
一步一步学习使用LiveBindings(13) TListView的进阶使用(1)
delphi·livebindings·delphi 12.3·firemonkey·tlistview
lincats10 天前
一步一步学习使用LiveBindings(12) LiveBindings与具有动态呈现的TListView
delphi·livebindings·delphi 12.3·firemonkey
lincats13 天前
# 一步一步学习使用LiveBindings(10) LiveBindings绑定到漂亮的TCombobox
ide·delphi·livebindings·delphi 12.3
lincats14 天前
一步一步学习使用LiveBindings(9) LiveBindings图像绑定与自定义绑定方法(2)
delphi·livebindings·delphi 12.3·firedac·firemonkey
lincats16 天前
一步一步学习使用LiveBindings(8) 使用向导创建用户界面,绑定格式化入门
delphi·livebindings·delphi 12.3·firedac·firemonkey
lincats20 天前
一步一步学习使用LiveBindings(7) 实现对JSON数据的绑定
android·delphi·livebindings·delphi 12.3·firedac
lincats20 天前
一步一步学习使用LiveBindings(6) 实现Master-Detail主从关系的绑定
delphi·livebindings·delphi 12.3·firedac·firemonkey