「極簡」扣子(coze)教程 | 小程序UI設計進階(二)!讓系統動起來,“禁用”,“加載”狀態設置

大家好,上一期大師兄通過一個例子來介紹一下扣子界面中“可見性”的應用。今天大師兄想再進一步介紹控件中的其他一些重要的屬性。

扣子(coze)編程

「極簡」扣子(coze)教程 | 小程序UI設計進階!控件可見性設置

「極簡」扣子(coze)教程 | 3分鐘學會小程序UI設計!從零開始創建頁面和瓷片按鈕

「極簡」扣子(coze)教程 | 老司機秘籍,扣子調試實踐II ,錯誤信息讀取及定位

「極簡」扣子(coze)教程 | 成為老司機的秘籍,扣子調試實踐 I

「極簡」扣子(coze)教程 | 一篇講透“變量聚合” 節點,讓輸入更靈活!

「極簡」扣子(coze)教程 | 細節決定成敗!這個小功能讓用戶滿意度飆升,講的太細了

「極簡」扣子(coze)教程 | 添加插件的另一種方法,上百款插件一鍵添加,快速擴展你的應用功能!

「極簡」扣子(coze)教程 | 上百款插件一鍵添加,快速擴展你的應用功能!

做小程序不求人 | ?零代碼神器!0基礎秒做專業級App智能體,字節扣子平臺抄詳細實操紀實

打工人變現新賽道 | 原來做智能體這么簡單,5分鐘0代碼,草履蟲實例 ?【快來學】

「驚覺」未來打工人標配 | 史上第二易懂智能體編程指南來了, 5分鐘飛書扣子編程實例 【快收藏】

這些屬性不但可以應用在扣子的界面編程中,而且是界面通用的一些概念,在其他的編程平臺也能用到。所以花一些精力去理解練習是很有必要的。

界面“狀態”屬性

打開界面,點擊控件,可以在“狀態”中找到這兩個屬性。

一共有兩個屬性:

  • 禁用:是否允許對控件操作。在不同的控件中有不同的表現。比如“輸入框”中的意思就是不能編輯,“按鈕”控件就表現為不能按下。

  • 加載: 控件顯示一個加載狀態。

圖片

方案

我們今天改造內容分為兩部分。

  • 為當大模型生成時會花費許多時間(幾十秒)。這其中我們的輸入框和“開始”按鈕是不允許再重復操作的。

  • 在生成的時候除了彈出窗口外,還應該有一個標志可以標識系統正在運行。

修改內容框

首先選擇內容框。

禁用屬性

狀態-》何時禁用-》具體條件-》workflow運行狀態-》工作流。

圖片

將狀態設置成下圖。這個設置的意思是當工作流“加載中”(運行時)時這個控件就設置禁用。

圖片

加載屬性

在“何時加載”時使用以上相同的方法進行設置。

這個設置的意思是在工作流運行時就會進入一個加載狀態。

圖片

修改按鈕

選擇“開始”按鈕。 可以看到按鈕的“狀態”屬性包含了更多的內容。今天我們只講“禁用”和“加載”屬性。

圖片

使用以上的方法設置同樣的內容。

預覽

可以看到當工作流開始了以后內容框與按鈕都進入了禁用的狀態,并顯示了正在運行中旋轉的動畫。這樣用戶就能更加直觀的了解系統的運行狀態了。

極簡」扣子(coze)教程 | 小程序UI設計進階!控件可見性設置

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/diannao/84153.shtml
繁體地址,請注明出處:http://hk.pswp.cn/diannao/84153.shtml
英文地址,請注明出處:http://en.pswp.cn/diannao/84153.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

前端三件套之html詳解

目錄 一 認識 二 標簽的分類 三 標簽 body標簽 標題標簽 段落標簽 換行標簽 水平分割線 文本格式化標簽 圖片標簽 音頻標簽 鏈接標簽 列表標簽 表格標簽 表單標簽 input標簽 下拉菜單標簽 textarea文本域標簽 label標簽 語義化標簽 button標簽 字符實體 …

Google Play 賬號創建及材料準備

1:注冊一個關聯Google Play賬號的Google賬號,關聯郵箱進行自動轉發 2:準備一張Visa、Master、JCB、運通卡或Discover等美國信用卡或全球付虛擬信用卡,用來支付25美金的GP賬號注冊費 3:為避免出現關聯原因被封&#x…

Pycharm和Flask的學習心得(4和5)

一:認識路由: (1):接受請求的類型: app.route(hello ,methods [GET ,POST]) 請求類型主要有兩種(常用):GET 和 POST ; GET: 直接輸入的網址(url訪問的就是GET請求) …

DeepSeek 賦能智能電網:從技術革新到全場景應用實踐

目錄 一、智能電網的發展現狀與挑戰二、DeepSeek 技術解析2.1 DeepSeek 技術原理2.2 DeepSeek 技術優勢 三、DeepSeek 在智能電網中的具體應用3.1 設備管理智能化3.2 電網運行優化3.3 客戶服務提升3.4 規劃建設智能化3.5 經營管理高效化3.6 辦公輔助便捷化 四、DeepSeek 在智能…

MFC 編程中 OnInitDialog 函數

核心作用 對話框初始化入口 :創建完成后第一個執行的函數。是對話框的起點。控件操作安全期 :此時所有控件已創建完成。可以安全地進行控件的初始化、屬性設置等操作。界面布局最佳時機 :窗口顯示前完成初始化設置。可以進行布局調整、數據初…

前端地圖數據格式標準及應用

前端地圖數據格式標準及應用 坐標系EPSGgeojson標準格式基于OGC標準的地圖服務shapefile文件3D模型數據常見地圖框架 坐標系EPSG EPSG(European Petroleum Survey Group)是一個國際組織,負責維護和管理地理坐標系統和投影系統的標準化編碼 E…

Python爬蟲(35)Python爬蟲高階:基于Docker集群的動態頁面自動化采集系統實戰

目錄 一、技術演進與行業痛點二、核心技術棧深度解析2.1 動態渲染三件套2.2 Docker集群架構設計2.3 自動化調度系統 三、進階實戰案例3.1 電商價格監控系統1. 技術指標對比2. 實現細節 3.2 新聞聚合平臺1. WebSocket監控2. 字體反爬破解 四、性能優化與運維方案4.1 資源消耗對比…

04-jenkins學習之旅-java后端項目部署實踐

1、創建被管理項目 2、構建流程說明 jenkins其實就是將服務部署拆分成了: 1、拉取代碼(git) 2、打包編譯 3、自定義腳本(jar復制、執行啟動腳本) 4、部署成功后的一些通知等 3、demo配置 3.1、General 3.2 源碼管理 添加用戶名密碼方式如下圖 3.2.1 常見錯誤(r…

科研經驗貼:AI領域的研究方向總結

一、數據集(Dataset) 定義: 用于訓練、驗證和測試模型的樣本集合,通常包含輸入特征(如圖像、文本)和對應標簽(如類別、回歸值)。 關鍵作用: 數據劃分: 訓練…

Android 網絡全棧攻略(四)—— 從 OkHttp 攔截器來看 HTTP 協議一

上一篇我們詳解了 OkHttp 的眾多配置,本篇來看 OkHttp 是如何通過責任鏈上的內置攔截器完成 HTTP 請求與響應的,目的是更好地深入理解 HTTP 協議。這仍然是一篇偏向于協議實現向的文章,重點在于 HTTP 協議的實現方法與細節,關于責…

免費AI工具整理

1、NVIDIA models ALL:Try NVIDIA NIM APIs example:llama-3.1-405b-instruct Model by Meta | NVIDIA NIM 2、文心一言 文心一言 3、納米AI 納米AI搜索 4、其他 ChatGPT 鏡像網址(5月持續更新) - 最優網址

C++ std::find() 函數全解析

std::find()是C標準庫中用于線性查找的基礎算法&#xff0c;屬于<algorithm>頭文件&#xff0c;可應用于任何支持迭代器的容器。 一、函數原型與參數 template< class InputIt, class T > InputIt find( InputIt first, InputIt last, const T& value );??…

MySQL--day6--單行函數

&#xff08;以下內容全部來自上述課程&#xff09; 單行函數 1. 內置函數及分類 單行函數聚合函數&#xff08;或分組函數&#xff09; 1.1 單行函數特點 操作數據對象接受參數返回一個結果只對一行進行變換每行返回一個結果可以嵌套參數可以是一列或一個值 2. 數值函…

GO語言學習(九)

GO語言學習&#xff08;九&#xff09; 上一期我們了解了實現web的工作中極為重要的net/http抱的細節講解&#xff0c;大家學會了實現web開發的一些底層基礎知識&#xff0c;在這一期我來為大家講解一下web工作的一個重要方法&#xff0c;&#xff1a;使用數據庫&#xff0c;現…

解決MybatisPlus使用Druid1.2.11連接池查詢PG數據庫報Merge sql error的一種辦法

目錄 前言 一、問題重現 1、環境說明 2、重現步驟 3、錯誤信息 二、關于LATERAL 1、Lateral作用場景 2、在四至場景中使用 三、問題解決之道 1、源碼追蹤 2、關閉sql合并 3、改寫處理SQL 四、總結 前言 在博客&#xff1a;【寫在創作紀念日】基于SpringBoot和PostG…

嵌入式學習--江協51單片機day8

這個本來應該周末寫的&#xff0c;可是一直想偷懶&#xff0c;只能是拖到周一了&#xff0c;今天把51結個尾&#xff0c;明天開始學32了。 學習內容LCD1602&#xff0c;直流電機&#xff0c;AD/DA&#xff0c;紅外遙控 LCD1602 內部的框架結構 屏幕小于數據顯示區&#xff…

HUAWEI華為MateBook D 14 2021款i5,i7集顯非觸屏(NBD-WXX9,NbD-WFH9)原裝出廠Win10系統

適用型號&#xff1a;NbD-WFH9、NbD-WFE9A、NbD-WDH9B、NbD-WFE9、 鏈接&#xff1a;https://pan.baidu.com/s/1qTCbaQQa8xqLR-4Ooe3ytg?pwdvr7t 提取碼&#xff1a;vr7t 華為原廠WIN系統自帶所有驅動、出廠主題壁紙、系統屬性聯機支持標志、系統屬性專屬LOGO標志、Office…

【Python】Python 裝飾器的用法總結

在 Python 中&#xff0c;裝飾器&#xff08;Decorator&#xff09; 是一種設計模式&#xff0c;用于在不修改函數或類代碼的情況下動態地擴展其功能。裝飾器廣泛應用于日志記錄、性能監控、權限驗證等場景&#xff0c;提供了一種簡潔優雅的方式來“包裹”現有的代碼。本文將介…

【C++】控制臺小游戲

移動&#xff1a;W向上&#xff0c;S上下&#xff0c;A向左&#xff0c;D向右 程序代碼&#xff1a; #include <iostream> #include <conio.h> #include <windows.h> using namespace std;bool gameOver; const int width 20; const int height 17; int …

「MATLAB」計算校驗和 Checksum

什么是校驗和 是一個算法&#xff0c;將一串數據累加&#xff0c;得到一個和。 MATLAB程序 function c_use Checksum(packet) %Checksum 求校驗和 % 此處checksum提供詳細說明checksum 0;for i 1:length(packet)value hex2dec(packet(i));checksum checksum value; …