13.「極簡」扣子(coze)教程 | 小程序UI設計進階(三)讓界面動起來,實操講透“聚焦”事件

前一期大師兄介紹了扣子平臺組件的兩種狀態“禁用”和“加載”。這兩種方法使控件可以通過簡單設置表示出更多的運行狀態。今天大師兄將詳細介紹控件的一種事件“聚焦”。

扣子(coze)編程

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

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

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

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

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

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

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

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

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

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

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

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

概念介紹

這里先要介紹一下“聚焦”的概念。這個概念在大師兄讀大學時用微軟Visual Studio工具進行VC++,VB桌面軟件編程的時候就有了。得有至少二十多年的額歷史。英語是focus。

在UI界面編程時界面上有許多的“組件”。雖然看起來這些組件是同時運行的。但系統同一時間只有一個控件能夠接受用戶的輸入信息。可以是一個按鈕的點擊,也可以是輸入框的輸入。

在組件進行輸入之前必須先獲得“焦點”。?

舉一個比較典型的例子:界面上有兩個輸入框,但是鍵盤輸入只能輸入到其中一個框。這種情況,我們一般會先點擊需要輸入的框。點擊時候這個框就獲得了焦點。

這個獲得焦點的事件就是“聚焦”。

“聚焦事件”

打開扣子平臺,我們在界面上點擊每個組件,查看這個事件。我們的UI上現在有三種組件。

TextArea輸入框

圖片

markdown輸出框

圖片

Button 按鈕

圖片

可以看到只有TextArea輸入框是有這個事件的。相比于其他平臺扣子的組件做了簡化,只有輸入框能處理這個事件。

添加事件

我們給輸入框添加一個“聚焦”事件。在用戶點擊這個組件的時候向用戶發出提示信息“請輸入鏈接或內容”。

圖片

提示類型

“展示提示內容”一共有三種類型 “成功”,“失敗”,“普通”。這代表了三種表現形式。我們選擇的是普通。下面顯示另外兩種選擇的顯示內容。

成功

圖片

失敗

圖片

配置

按照下圖配置,時長表示提示顯示的時間。單位是毫秒,3000毫秒就是3秒。

圖片

預覽

界面右上角點擊預覽,看效果。

大師兄帶你刨科技

可以看到點擊輸入框,有提示彈出。?

但是等提示消失了,再點擊輸入框就不會再彈出了。

這是因為這個事件表示的是“焦點”切換的過程。如果“焦點”一直在這個組件上,自然就沒有這個切換的過程了。事件也就不會觸發。

在視頻最后先點擊下面的輸出框,再點擊輸入框,就又可以看到提示了。再一次證明這個事件是在“焦點”切換過程中產生的。

歷史文章檢索:

扣子(coze)編程

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

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

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

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

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

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

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

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

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

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

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

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

AI編程與系統

20年經驗程序員被AI踢館現場!AI時代職場危機應對

大師兄數字生命崛起 | 騰訊元器五分鐘零成本集成”公眾號文章問答“

辦公&圖文創作

立夏爆款!咸魚最新副業山水藏字接單到手軟,工具免費,附保姆級教程

為什么 DeepSeek 復制總帶奇怪符號?| 解密AI時代的基礎語言markdown

DeepSeek又抽風? | 5.1假期必備,一口氣10個DeepSeek 穩定滿血入口清單 【快收藏】

90%人不知道的功能 | 飛書多維表格批量自動爬取網上信息,0基礎5分鐘打造全自動信息加工廠實操【快來試】

一張海報=一部電影 | 一鍵帶你重回電影的黃金年代,即夢3.0讓人人都成為海報設計師

信息爆炸時代,怎么能不會這招 | 倍速吸收信息的秘密武器,阿里通意AI,送AI時代擇業指南

何止提效10倍,全自動小紅書卡片生產攻略 | 只需3步,DeepSeek+多維表格 【先進生產力收藏】

離譜!凌晨保險代理跟我卷AI | 5分鐘頂你一天的小紅書卡片模板批量生成

清華動手反制美國!又一個國產deepseek時刻?| 能自己動手查資料的智譜“沉思”完整測試

還在用Mermaid+Napkin?| 3步,讓大老板深深記住你的名字,制作現場限時公開 【速轉家人】

老板露出了贊賞的笑容 | 這個AI繪圖神器,讓你的 PPT 秒殺麥肯錫,免費 【建議收藏】

只知道Mermaid? 這款獨自與visio抗衡20年的免費軟件竟讓deepseek的生圖效率再翻倍 【建議收藏】

廢物簡歷秒變HR心動款!Deepseek教你3步改出必過簡歷 ?【建議收藏】

踩坑又踩坑 | 做到這些才能效率翻10倍!用deepseek三分鐘繪制各種圖表(建議收藏)

別再用KimiPPT助手了 | 比較了三個AI工具后大師兄給牛馬的忠告

大師兄登錄小紅書 | ?跟著大師兄學 AI 圖文筆記,小紅書創作不求人

搶救褪色記憶!手殘黨福利,AI三步修復老照片

三八婦女節海報設計0成本!用AI工具2步生成精美海報?0基礎也能秒懂

體制人必看:DeepSeek智能改稿的3大禁忌與3個提效密碼

特朗普VS澤連斯基刷屏 | 別被碎片化信息騙了!這才是AI分析特朗普事件的正確姿勢

DeepSeek:選對模型,效率翻倍。 ? 送Deepseek清華AI 5件套

文檔系列

小紅書/Tiktok運營秘籍 | 《大任智庫DeepSeek+ 外經貿企業創新突圍講義精華全版》

他為中央政治局第二十次集體學習演講 | 鄭南寧院士《科技賦能教育》

13所大學Deepseek公開課,一次拿走 | 更新浙大第2季《AI大模型如何破局傳統醫療 》

不花錢請家教!秘塔這個AI免費功能讓學習效率翻倍 | AIGC技術賦能教育數字化轉型

未來教育風向標 | 教育學頂流985高校,華東師范大學《AIGC技術賦能教育數字化轉型的機遇與挑戰》,13所大學deepseek

中美博弈又添籌碼,AI模型差距只剩千分之三 | 455頁斯坦福2025 AI指數報告全新出爐,附文檔免費下載及中文通意輔讀工具

沒有更全的了,免費拿走 | 12所大學Deepseek公開課,更新至浙大第2季《智能金融:AI 驅動的金融變革》

Deepseek公開課,不能再全了 | 中山大學 《從技術突破到場景落地:大模型發展圖譜與DeepSeek創新應用》。

一次下載10個大學的Deepseek系列課 | 更新至哈工大,《從圖靈測試到DeepSeek》 82頁

清華大學 | 1-14 全網最全合集,《邁向未來的AI教學實驗》369頁爆肝呈現 ?【快收藏】

【免費下載】清華大學Deepseek系列之第九篇 |《DeepResearch應用報告》 ?【建議收藏】

【免費下載】政務七連發 |《北京“數據要素x”典型案例 》《智慧城市大腦建設方案》 【建議收藏】

【免費下載】制造業數字化兩件套 | 《德勤制造業人工智能創新應用發展報告》《中國制造企業數字化轉型白皮書》

【免費下載】清華廈大deepseek學術王炸兩件套

給被315晚會扎心的朋友們補補血 | 《2024年宇樹科技商業計劃書》【免費下載】

【免費下載】阿里巴巴全域數據中臺 | 華為數據中臺建設路徑:筑夢數字化未來之路

【免費下載】小朋友再不學AI就來不及啦 | “少年商學院|DeepSeek中小學生使用手冊(83頁)”

[免費下載]浙江大學DeepSeek系列公開課:智能時代的全面到來和人機協作的新常態(含視頻課

這一回不要羨慕別人了,快來取 | ?北京大學:DeepSeek與AIGC應用

AI五分鐘科普

快轉給爸爸 | 從平面到動畫,5分鐘零基礎為小棉襖打造屬于自己的迪斯尼魔法回憶

5分鐘!| 早讀課偷偷哼歌被表揚!這招讓<出師表>秒變洗腦神曲無需安裝!5 分鐘體驗 AI 文生圖魔法(內有豆包安裝方法)

AI新聞

「解讀」IT新聞 | 微軟裁員 6000 人背后:兩次親身體驗暴露的必然性,活該還是無奈?

AI 時代,你的工作會被取代嗎?| 如何重塑AI時代的個人價值

馬拉松新紀元:冠軍只是開始,這些「翻車」畫面才是重點,機器人馬拉松比賽帶來的機器人AI賽道的思考

「好奇」從實驗室到獨角獸 | 人工智能路演現場直擊

東大反制速度震驚白宮幕僚!| 川普關稅清單竟被AI秒破解?

這5條愚人節AI生成的假新聞你有沒有中招 ?【快轉給中招的朋友】

“4月1號,朋友圈一定要這樣發”

四大 AI 聯合打造 315 晚會曝光清單,這些信息不容錯過!

英特爾首次換上華人CEO | AI你怎么看

特朗普VS澤連斯基刷屏 | 別被碎片化信息騙了!這才是AI分析特朗普事件的正確姿勢

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

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

相關文章

劍指offer11_矩陣中的路徑

矩陣中的路徑 請設計一個函數&#xff0c;用來判斷在一個矩陣中是否存在一條路徑包含的字符按訪問順序連在一起恰好為給定字符串。 路徑可以從矩陣中的任意一個格子開始&#xff0c;每一步可以在矩陣中向左&#xff0c;向右&#xff0c;向上&#xff0c;向下移動一個格子。 如…

騰訊2025年校招筆試真題手撕(三)

一、題目 今天正在進行賽車車隊選拔&#xff0c;每一輛賽車都有一個不可以改變的速度。現在需要選取速度差距在10以內的車隊&#xff08;車隊中速度的最大值減去最小值不大于10&#xff09;&#xff0c;用于迎賓。車隊的選拔按照的是人越多越好的原則&#xff0c;給出n輛車的速…

《三維點如何映射到圖像像素?——相機投影模型詳解》

引言 以三維投影介紹大多比較分散&#xff0c;不少小伙伴再面對諸多的坐標系轉換中容易弄混&#xff0c;特別是再寫代碼的時候可能搞錯&#xff0c;所有這篇文章幫大家完整的梳理3D視覺中的投影變換的全流程&#xff0c;一文弄清楚這個過程&#xff0c;幫助大家搞清坐標系轉換…

Ini配置文件讀寫,增加備注功能

1.增加備注項寫入 例: #節點備注 [A] #項備注 bbb1 ccc2 [B] bbb1 IniConfig2 ic new IniConfig2(); //首次寫入 if (!ic.CanRead()) { ic.AddSectionReMarke("A", "節點備注"); ic.SetValue("A&qu…

OpenHarmony 5.0中狀態欄添加以太網狀態欄圖標以及功能實現

目錄 1.前置條件 2.方案 1.前置條件 首先以太網接口是有問題的,如下按照如下流程將以太網接口進行修復 OpenHarmony 以太網卡熱插拔事件接口無效-CSDN博客 然后上述的接口可以了就可以通過這個接口獲取以太網是否連接狀態 要注意wifi連接的干擾和預置虛擬網口干擾 2.方案…

RNN GRU LSTM 模型理解

一、RNN 1. 在RNN中&#xff0c; 2. RNN是一個序列模型&#xff0c;與非序列模型不同&#xff0c;序列中的元素互相影響&#xff1a; 是由 計算得來的。 在前向傳播中&#xff1a; 用于計算 和 用于計算 和 因此&#xff0c;當進行反向鏈式法則求導時候&#xf…

多路徑傳輸(比如 MPTCP)控制實時突發

實時突發很難控制&#xff0c;因為 “實時” 和 “突發” 相互斥。實時要求避免排隊&#xff0c;而突發必然要排隊&#xff0c;最終的解決方案都指向找一個公說公有理&#xff0c;婆說婆有理的中間點&#xff0c;這并沒解決問題&#xff0c;只是權衡了問題。 這種局部解決問題的…

函數式編程思想詳解

函數式編程思想詳解 1. 核心概念 不可變數據 (Immutable Data) 數據一旦創建&#xff0c;不可修改。任何操作均生成新數據&#xff0c;而非修改原數據。 優點&#xff1a;避免副作用&#xff0c;提升并發安全&#xff0c;簡化調試。 Java實現&#xff1a;使用final字段、不可變…

iOS 主要版本發布歷史

截至 2025 年 5 月&#xff0c;iOS 的最新正式版本是 iOS 18&#xff0c;于 2024 年 9 月 16 日 正式發布。此前的 iOS 17 于 2023 年 9 月 18 日 發布&#xff0c;并在 2024 年被 iOS 18 取代。(維基百科) &#x1f4f1; iOS 主要版本發布歷史 以下是 iOS 各主要版本的發布日…

矩陣詳解:線性代數在AI大模型中的核心支柱

&#x1f9d1; 博主簡介&#xff1a;CSDN博客專家、CSDN平臺優質創作者&#xff0c;高級開發工程師&#xff0c;數學專業&#xff0c;10年以上C/C, C#, Java等多種編程語言開發經驗&#xff0c;擁有高級工程師證書&#xff1b;擅長C/C、C#等開發語言&#xff0c;熟悉Java常用開…

基于51單片機和8X8點陣屏、獨立按鍵的飛行躲閃類小游戲

目錄 系列文章目錄前言一、效果展示二、原理分析三、各模塊代碼1、8X8點陣屏2、獨立按鍵3、定時器04、定時器1 四、主函數總結 系列文章目錄 前言 用的是普中A2開發板。 【單片機】STC89C52RC 【頻率】12T11.0592MHz 【外設】8X8點陣屏、獨立按鍵 效果查看/操作演示&#xff…

區塊鏈可投會議CCF C--APSEC 2025 截止7.13 附錄用率

Conference&#xff1a;32nd Asia-Pacific Software Engineering Conference (APSEC 2025) CCF level&#xff1a;CCF C Categories&#xff1a;軟件工程/系統軟件/程序設計語言 Year&#xff1a;2025 Conference time&#xff1a;December 2-5, 2025 in Macao SAR, China …

pdf圖片導出(Visio\Origin\PPT)

一、Visio 導入pdf格式圖片 1. 設計->大小&#xff0c;適應繪圖。 2. 文件->導出&#xff0c;導出為pdf格式。 上面兩部即可得到只包含圖的部分的pdf格式。 如果出現的有默認白邊&#xff0c;可以通過以下方式設置&#xff1a; 1. 文件->選項->自定義功能區->…

vector的實現

介紹 1. 本質與存儲結構 動態數組實現&#xff1a;vector 本質是動態分配的數組&#xff0c;采用連續內存空間存儲元素&#xff0c;支持下標訪問&#xff08;如 vec[i]&#xff09;&#xff0c;訪問效率與普通數組一致&#xff08;時間復雜度 O (1)&#xff09;。動態擴容機制&…

【Linux筆記】防火墻firewall與相關實驗(iptables、firewall-cmd、firewalld)

一、概念 1、防火墻firewall Linux 防火墻用于控制進出系統的網絡流量&#xff0c;保護系統免受未授權訪問。常見的防火墻工具包括 iptables、nftables、UFW 和 firewalld。 防火墻類型 包過濾防火墻&#xff1a;基于網絡層&#xff08;IP、端口、協議&#xff09;過濾流量&a…

el-date-picker 前端時間范圍選擇器

控制臺參數&#xff1a; 前端代碼&#xff1a;用數組去接受&#xff0c;同時用 value-format"YYYY-MM-DD" 格式化值為&#xff1a;年月日格式 <!-- 查詢區域 --><transition name"fade"><div class"search" v-show"showSe…

在 macOS 上安裝 jenv 管理 JDK 版本

在 macOS 上安裝 jenv 并管理 JDK 版本 在開發 Java 應用程序時&#xff0c;你可能需要在不同的項目中使用不同版本的 JDK。手動切換 JDK 版本可能會很繁瑣&#xff0c;但幸運的是&#xff0c;有一個工具可以簡化這個過程&#xff1a;jenv。jenv 是一個流行的 Java 版本管理工…

2025年全國青少年信息素養大賽復賽C++集訓(16):吃糖果2(題目及解析)

2025年全國青少年信息素養大賽復賽C集訓&#xff08;16&#xff09;&#xff1a;吃糖果2&#xff08;題目及解析&#xff09; 題目描述 現有n(50 > n > 0)個糖果,每天只能吃2個或者3個&#xff0c;請計算共有多少種不同的吃法吃完糖果。 時間限制&#xff1a;1000 內存…

ARM筆記-嵌入式系統基礎

第一章 嵌入式系統基礎 1.1嵌入式系統簡介 1.1.1嵌入式系統定義 嵌入式系統定義&#xff1a; 嵌入式系統是以應用為中心&#xff0c;以計算機技術為基礎&#xff0c;軟硬件可剪裁&#xff0c;對功能、可靠性、成本、體積、功耗等有嚴格要求的專用計算機系統 ------Any devic…

大語言模型(LLM)入門項目推薦

推薦大語言模型(LLM)的入門項目 TiaoYu-1。 https://github.com/tiaoyu1122/TiaoYu-1 項目優點&#xff1a; 幾乎每一行代碼(一些重復的代碼除外)都添加了注釋&#xff0c;詳細介紹了代碼的作用&#xff0c;方便閱讀與理解。基本上覆蓋了常見 LLM 模型的全部訓練流程&#x…