如何在Qt Design Studio中创建连接和状态
在qt design studio中可以使用对话框创建应用软件ui的动态行为。在该工具中，有两种方式创建应用软件动态行为：
（1）使用connections视图创建连接、编辑连接。
（2）使用states视图创建状态。
下文将分别描述这两种方式。
一、使用connections视图创建连接 （1-1）关联信号和信号处理程序 我们可以在ui组件和应用程序之间创建连接，使它们能够相互通信。
如果以代码的方式创建组件、信号和信号处理程序之间的连接，参见《qml信号和事件处理机制》；本文主要是使用qt design studio图形界面来创建。
首先找到qt design studio的connections编辑视图，如果界面中没该视图，需要从下图所示的地方调出connections编辑视图：
调出后，connections视图如下图所示：
按照如下步骤关联组件的信号和信号处理程序：
（1）转到connections视图中的connections选项卡。
（2）选择+（add）按钮添加一个连接。
（3）双击『target』列中的值，选择添加连接到信号的组件。
（4）双击『signal handler』列中的值，从组件可用的所有信号列表中选择连接将监听的信号。
（5）双击『actions』列中的值，设计当发出信号时要执行的操作（此处可以使用javascript来指定操作）。可以右键单击一个连接，并在上下文菜单中选择『open connection editor』，可以在connection editor中编辑该连接：
如果需要的信号处理程序没有列在『signal handler』列中，我们可以按照以下步骤添加：
（1）右键单击navigator或2d视图中的组件，然后在上下文菜单中选择『add new signal handler』：
（2）在signal字段中，选择要处理的信号：
（3）可以选择单选按钮以筛选列表，只显示经常使用的信号或属性更改。
（4）点击ok
在实际设计中，我们可以使用连接编辑器为action和assignment创建javascript表达式。action选项用于将组件连接到信号，assignment选项用于从另一个组件中获取属性值。
（1-2）在qt design studio中设置属性绑定 在上述文中，描述了如何在qt design studio中创建组件之间的信号和信号处理程序之间的连接。本小节将描述在qt design studio中如何设置属性绑定。
属性绑定与设置信号和信号处理程序差不多是一样的，在connections视图中，我们选择『binding』一栏：
（1）选择+(add)按钮，为当前选择的组件添加绑定。『item』列显示组件id。
（2）双击『property』列中的值，选择要绑定到源属性的属性。
（3）双击『source item』列中的值，选择要使用的组件。
（4）双击『source property』列中的值，选择要将目标属性绑定到的属性。
我们还可以右键单击绑定，然后在上下文菜单中选择『open binding editor』，可以在binding editor中设置绑定的javascript表达式：
（1-3）指定动态属性 每个预设组件都有一组预设的属性，当然我们也可以添加特定组件类型或自定义组件的自定义属性。
可以将组件的属性绑定到动态表达式，从而为组件定义可被其他组件读取的全局属性。例如，可以为根组件指定可以在子组件中使用的全局属性。
在qml组件设计中，任何数据驱动的内容都应该作为相关组件的公共属性(别名属性)导出。
在qt design studio中我们可以在connections视图下『properties』一栏指定组件的动态属性：
（1）选择+(add)按钮，为当前选择的组件添加动态属性。『item』列显示组件id。
（2）双击『property』列中的值，为属性定义一个名称。属性名称必须以小写字母开头，且只能包含字母、数字和下划线。javascript保留字不是有效的属性名。
（3）双击『property type 』列中的值指定属性类型。
（4）双击『property value』列中的值指定属性值。
我们可以右键单击一个属性，并在上下文菜单中选择『open binding editor』，将该属性的值绑定到另一个属性的值，或者绑定到在应用程序中可以访问的数据：
注：我们在navigator或2d视图中选中组件时，为组件添加的属性将显示在『properties』视图中。
二、使用states视图设计状态 在qml中，所有item都有一个默认状态，用于定义对象和属性值的默认配置。我们可以通过向states属性添加state项来定义新的状态，用于item在不同的配置之间切换。
例如，如果要更改一个按钮的外观，我们则可以在按钮组件中定义状态，用于隐藏按钮图片，然后在该位置显示另一种图片，或者更改按钮背景、文本颜色。当在其他组件中使用此按钮实例时，可以通过隐藏或显示按钮组件实例来定义状态以实现不同的显示效果。
在qt design studio中，我们在『states』视图中编辑qml文档中的状态：
点击+号，添加一个新的状态。单击新状态可以在2d视图下切换到对应的item下，然后在『properties』中修改组件或组件实例的属性值。
当添加新的状态后，可以点击下图所示的位置可以设置状态：
在弹出的上下文菜单中，有几个选项：
（1）如果需要将某一个状态设置为应用程序的启动状态，就选择『set as default』，当该状态被设置成默认状态后，该状态的右上角会出现“default”文本标识；如果需要重置状态，就选择『reset default』。
（2）如果需要指定什么时候应用状态，就选择『set when condition』选项，在binding editor中，为状态指定一个when属性，把该属性的值设置为一个布尔表达式（当该表达式的计算结果为true时，则会应用该状态）：
在『binding editor』中组合表达式时，代码补全特性会列出可以在表达式中使用的组件及其属性。
总结 本文描述了如何在qt design studio中创建连接和状态。在qt design studio中使用视图设置的参数，都会在『code』视图中添加对应的qml代码；反之，如果一个qml文件中已经存在相关的qml代码了，则会在qt design studio中2d/3d视图下显示。
如果qml文档中存在错误或者存在qt design studio不能识别的代码块时，qt design studio将不能在对应的视图中正确显示。所以在qml中，存在一种ui文件(文件后缀为：.ui.qml)，该文件只用于在qt design studio中编辑。
本文所述基于qt design studio工具的内容同样适用于qt creator 设计模式下的操作。
使用 qt design studio工具能为我们的开发省去一些代码编写工作。在实际开发中，就根据自己的喜爱选择了。
现代资产管理方法_固定资产管理系统建设
战略合作丨荣联与百度智能云签署战略合作协议，共建产业新生态
周界防范领域应用中脉冲电子围栏具有哪些应用优势
官方公布OPPO R9s Plus和OPPO R9s的区别及R9s Plus上市时间
TI最新450V线性控制器可简化离线LED照明设计
如何在Qt Design Studio中创建连接和状态
便携储能产品应用示意图及需求测算
数据库技术的发展趋势是怎样的
2018亚太线缆人采购节暨第四届华南（虎门）国际电线电缆展
机器人产业多家上市公司“移情别恋”，主要原因还是缺乏核心技术
全球十三家广电组织首次对话 倡议统一标准
基于物联网无线技术实现4S店VOC排放监测系统
大健康领域的融资金额及发展项目分析
华为荣耀9和荣耀v9哪个好？华为荣耀9和荣耀v9区别对比,华为荣耀9和v9买哪个？
如何在RTMP协议中增加对HEVC视频编码格式的支持
数字化技术热潮下，RFID迎来许多机遇
技术创新推动机器人传感器市场的发展
两种电路中电容容值计算的方法
首届数字化智造博览会回顾
DPC陶瓷基板及其关键技术
（1）使用connections视图创建连接、编辑连接。
（2）使用states视图创建状态。
下文将分别描述这两种方式。
一、使用connections视图创建连接 （1-1）关联信号和信号处理程序 我们可以在ui组件和应用程序之间创建连接，使它们能够相互通信。
如果以代码的方式创建组件、信号和信号处理程序之间的连接，参见《qml信号和事件处理机制》；本文主要是使用qt design studio图形界面来创建。
首先找到qt design studio的connections编辑视图，如果界面中没该视图，需要从下图所示的地方调出connections编辑视图：
调出后，connections视图如下图所示：
按照如下步骤关联组件的信号和信号处理程序：
（1）转到connections视图中的connections选项卡。
（2）选择+（add）按钮添加一个连接。
（3）双击『target』列中的值，选择添加连接到信号的组件。
（4）双击『signal handler』列中的值，从组件可用的所有信号列表中选择连接将监听的信号。
（5）双击『actions』列中的值，设计当发出信号时要执行的操作（此处可以使用javascript来指定操作）。可以右键单击一个连接，并在上下文菜单中选择『open connection editor』，可以在connection editor中编辑该连接：
如果需要的信号处理程序没有列在『signal handler』列中，我们可以按照以下步骤添加：
（1）右键单击navigator或2d视图中的组件，然后在上下文菜单中选择『add new signal handler』：
（2）在signal字段中，选择要处理的信号：
（3）可以选择单选按钮以筛选列表，只显示经常使用的信号或属性更改。
（4）点击ok
在实际设计中，我们可以使用连接编辑器为action和assignment创建javascript表达式。action选项用于将组件连接到信号，assignment选项用于从另一个组件中获取属性值。
（1-2）在qt design studio中设置属性绑定 在上述文中，描述了如何在qt design studio中创建组件之间的信号和信号处理程序之间的连接。本小节将描述在qt design studio中如何设置属性绑定。
属性绑定与设置信号和信号处理程序差不多是一样的，在connections视图中，我们选择『binding』一栏：
（1）选择+(add)按钮，为当前选择的组件添加绑定。『item』列显示组件id。
（2）双击『property』列中的值，选择要绑定到源属性的属性。
（3）双击『source item』列中的值，选择要使用的组件。
（4）双击『source property』列中的值，选择要将目标属性绑定到的属性。
我们还可以右键单击绑定，然后在上下文菜单中选择『open binding editor』，可以在binding editor中设置绑定的javascript表达式：
（1-3）指定动态属性 每个预设组件都有一组预设的属性，当然我们也可以添加特定组件类型或自定义组件的自定义属性。
可以将组件的属性绑定到动态表达式，从而为组件定义可被其他组件读取的全局属性。例如，可以为根组件指定可以在子组件中使用的全局属性。
在qml组件设计中，任何数据驱动的内容都应该作为相关组件的公共属性(别名属性)导出。
在qt design studio中我们可以在connections视图下『properties』一栏指定组件的动态属性：
（1）选择+(add)按钮，为当前选择的组件添加动态属性。『item』列显示组件id。
（2）双击『property』列中的值，为属性定义一个名称。属性名称必须以小写字母开头，且只能包含字母、数字和下划线。javascript保留字不是有效的属性名。
（3）双击『property type 』列中的值指定属性类型。
（4）双击『property value』列中的值指定属性值。
我们可以右键单击一个属性，并在上下文菜单中选择『open binding editor』，将该属性的值绑定到另一个属性的值，或者绑定到在应用程序中可以访问的数据：
注：我们在navigator或2d视图中选中组件时，为组件添加的属性将显示在『properties』视图中。
二、使用states视图设计状态 在qml中，所有item都有一个默认状态，用于定义对象和属性值的默认配置。我们可以通过向states属性添加state项来定义新的状态，用于item在不同的配置之间切换。
例如，如果要更改一个按钮的外观，我们则可以在按钮组件中定义状态，用于隐藏按钮图片，然后在该位置显示另一种图片，或者更改按钮背景、文本颜色。当在其他组件中使用此按钮实例时，可以通过隐藏或显示按钮组件实例来定义状态以实现不同的显示效果。
在qt design studio中，我们在『states』视图中编辑qml文档中的状态：
点击+号，添加一个新的状态。单击新状态可以在2d视图下切换到对应的item下，然后在『properties』中修改组件或组件实例的属性值。
当添加新的状态后，可以点击下图所示的位置可以设置状态：
在弹出的上下文菜单中，有几个选项：
（1）如果需要将某一个状态设置为应用程序的启动状态，就选择『set as default』，当该状态被设置成默认状态后，该状态的右上角会出现“default”文本标识；如果需要重置状态，就选择『reset default』。
（2）如果需要指定什么时候应用状态，就选择『set when condition』选项，在binding editor中，为状态指定一个when属性，把该属性的值设置为一个布尔表达式（当该表达式的计算结果为true时，则会应用该状态）：
在『binding editor』中组合表达式时，代码补全特性会列出可以在表达式中使用的组件及其属性。
总结 本文描述了如何在qt design studio中创建连接和状态。在qt design studio中使用视图设置的参数，都会在『code』视图中添加对应的qml代码；反之，如果一个qml文件中已经存在相关的qml代码了，则会在qt design studio中2d/3d视图下显示。
如果qml文档中存在错误或者存在qt design studio不能识别的代码块时，qt design studio将不能在对应的视图中正确显示。所以在qml中，存在一种ui文件(文件后缀为：.ui.qml)，该文件只用于在qt design studio中编辑。
本文所述基于qt design studio工具的内容同样适用于qt creator 设计模式下的操作。
使用 qt design studio工具能为我们的开发省去一些代码编写工作。在实际开发中，就根据自己的喜爱选择了。
现代资产管理方法_固定资产管理系统建设
战略合作丨荣联与百度智能云签署战略合作协议，共建产业新生态
周界防范领域应用中脉冲电子围栏具有哪些应用优势
官方公布OPPO R9s Plus和OPPO R9s的区别及R9s Plus上市时间
TI最新450V线性控制器可简化离线LED照明设计
如何在Qt Design Studio中创建连接和状态
便携储能产品应用示意图及需求测算
数据库技术的发展趋势是怎样的
2018亚太线缆人采购节暨第四届华南（虎门）国际电线电缆展
机器人产业多家上市公司“移情别恋”，主要原因还是缺乏核心技术
全球十三家广电组织首次对话 倡议统一标准
基于物联网无线技术实现4S店VOC排放监测系统
大健康领域的融资金额及发展项目分析
华为荣耀9和荣耀v9哪个好？华为荣耀9和荣耀v9区别对比,华为荣耀9和v9买哪个？
如何在RTMP协议中增加对HEVC视频编码格式的支持
数字化技术热潮下，RFID迎来许多机遇
技术创新推动机器人传感器市场的发展
两种电路中电容容值计算的方法
首届数字化智造博览会回顾
DPC陶瓷基板及其关键技术