大家好,上一期大師兄通過一個例子來介紹一下扣子界面中“可見性”的應用。今天大師兄想再進一步介紹控件中的其他一些重要的屬性。
扣子(coze)編程
「極簡」扣子(coze)教程 | 小程序UI設計進階!控件可見性設置
「極簡」扣子(coze)教程 | 3分鐘學會小程序UI設計!從零開始創建頁面和瓷片按鈕
「極簡」扣子(coze)教程 | 老司機秘籍,扣子調試實踐II ,錯誤信息讀取及定位
「極簡」扣子(coze)教程 | 成為老司機的秘籍,扣子調試實踐 I
「極簡」扣子(coze)教程 | 一篇講透“變量聚合” 節點,讓輸入更靈活!
「極簡」扣子(coze)教程 | 細節決定成敗!這個小功能讓用戶滿意度飆升,講的太細了
「極簡」扣子(coze)教程 | 添加插件的另一種方法,上百款插件一鍵添加,快速擴展你的應用功能!
「極簡」扣子(coze)教程 | 上百款插件一鍵添加,快速擴展你的應用功能!
做小程序不求人 | ?零代碼神器!0基礎秒做專業級App智能體,字節扣子平臺抄詳細實操紀實
打工人變現新賽道 | 原來做智能體這么簡單,5分鐘0代碼,草履蟲實例 ?【快來學】
「驚覺」未來打工人標配 | 史上第二易懂智能體編程指南來了, 5分鐘飛書扣子編程實例 【快收藏】
這些屬性不但可以應用在扣子的界面編程中,而且是界面通用的一些概念,在其他的編程平臺也能用到。所以花一些精力去理解練習是很有必要的。
界面“狀態”屬性
打開界面,點擊控件,可以在“狀態”中找到這兩個屬性。
一共有兩個屬性:
-
禁用:是否允許對控件操作。在不同的控件中有不同的表現。比如“輸入框”中的意思就是不能編輯,“按鈕”控件就表現為不能按下。
-
加載: 控件顯示一個加載狀態。
方案
我們今天改造內容分為兩部分。
-
為當大模型生成時會花費許多時間(幾十秒)。這其中我們的輸入框和“開始”按鈕是不允許再重復操作的。
-
在生成的時候除了彈出窗口外,還應該有一個標志可以標識系統正在運行。
修改內容框
首先選擇內容框。
禁用屬性
狀態-》何時禁用-》具體條件-》workflow運行狀態-》工作流。
將狀態設置成下圖。這個設置的意思是當工作流“加載中”(運行時)時這個控件就設置禁用。
加載屬性
在“何時加載”時使用以上相同的方法進行設置。
這個設置的意思是在工作流運行時就會進入一個加載狀態。
修改按鈕
選擇“開始”按鈕。 可以看到按鈕的“狀態”屬性包含了更多的內容。今天我們只講“禁用”和“加載”屬性。
使用以上的方法設置同樣的內容。
預覽
可以看到當工作流開始了以后內容框與按鈕都進入了禁用的狀態,并顯示了正在運行中旋轉的動畫。這樣用戶就能更加直觀的了解系統的運行狀態了。
極簡」扣子(coze)教程 | 小程序UI設計進階!控件可見性設置