大家好，上一期大师兄通过一个例子来介绍一下扣子界面中“可见性”的应用。今天大师兄想再进一步介绍控件中的其他一些重要的属性。

扣子（coze）编程

「极简」扣子(coze)教程 | 小程序UI设计进阶！控件可见性设置

「极简」扣子(coze)教程 | 3分钟学会小程序UI设计！从零开始创建页面和瓷片按钮

「极简」扣子(coze)教程 | 老司机秘籍，扣子调试实践II ,错误信息读取及定位

「极简」扣子(coze)教程 | 成为老司机的秘籍，扣子调试实践 I

「极简」扣子(coze)教程 | 一篇讲透“变量聚合” 节点，让输入更灵活！

「极简」扣子(coze)教程 | 细节决定成败！这个小功能让用户满意度飙升，讲的太细了

「极简」扣子(coze)教程 | 添加插件的另一种方法，上百款插件一键添加，快速扩展你的应用功能！

「极简」扣子(coze)教程 | 上百款插件一键添加，快速扩展你的应用功能！

做小程序不求人 |  零代码神器！0基础秒做专业级App智能体，字节扣子平台抄详细实操纪实

打工人变现新赛道 | 原来做智能体这么简单，5分钟0代码，草履虫实例  【快来学】

「惊觉」未来打工人标配 | 史上第二易懂智能体编程指南来了, 5分钟飞书扣子编程实例 【快收藏】

这些属性不但可以应用在扣子的界面编程中，而且是界面通用的一些概念，在其他的编程平台也能用到。所以花一些精力去理解练习是很有必要的。

界面“状态”属性

打开界面，点击控件，可以在“状态”中找到这两个属性。

一共有两个属性：

• 禁用：是否允许对控件操作。在不同的控件中有不同的表现。比如“输入框”中的意思就是不能编辑，“按钮”控件就表现为不能按下。

• 加载: 控件显示一个加载状态。

方案

我们今天改造内容分为两部分。

• 为当大模型生成时会花费许多时间（几十秒）。这其中我们的输入框和“开始”按钮是不允许再重复操作的。

• 在生成的时候除了弹出窗口外，还应该有一个标志可以标识系统正在运行。

修改内容框

首先选择内容框。

禁用属性

状态-》何时禁用-》具体条件-》workflow运行状态-》工作流。

将状态设置成下图。这个设置的意思是当工作流“加载中”（运行时）时这个控件就设置禁用。

加载属性

在“何时加载”时使用以上相同的方法进行设置。

这个设置的意思是在工作流运行时就会进入一个加载状态。

修改按钮

选择“开始”按钮。 可以看到按钮的“状态”属性包含了更多的内容。今天我们只讲“禁用”和“加载”属性。

使用以上的方法设置同样的内容。

预览

可以看到当工作流开始了以后内容框与按钮都进入了禁用的状态，并显示了正在运行中旋转的动画。这样用户就能更加直观的了解系统的运行状态了。