大師兄在上一期的內容中對用戶的UI做了一些簡單的介紹。這期大師兄繼續介紹UI設計上的進階小技巧，幫我們獲得更好的使用體驗。

扣子（coze）編程

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

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

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

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

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

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

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

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

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

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

回顧一下上一期，我們的標題輸出界面輸出后是這樣的。因為需要輸出10條結果，而框的高度（或者說手機屏幕高度）非常有限，所以一般只能輸出5條記錄，其他的內容需要用戶向下滑動界面才能可看到。

但是在輸出結果以后，我們的上面的內容框應該就可以不顯示了（或者說可以隱藏起來）。我們今天就來做這個效果。

方案

我們的方案是使用兩個按鈕。在還未完成生成時顯示按鈕A和輸入框。 生成以后就把按鈕A和輸入框隱藏起來。這時顯示按鈕B，點擊這個按鈕B可以回到剛開始的狀態。兩個狀態不斷的可以切換。(成品視頻拉到最后)

添加一個按鈕B

首先進入用戶界面，選中“標題生成”界面。在左邊的組件欄中選擇按鈕。這樣又添加了一個按鈕。

修改按鈕名字為“重新開始”。

選中新建的按鈕，修改名字。

設置事件

當“重新開始”的按鈕按下以后，代表新的輸入周期就要開始了。

這時候需要清空輸出，當輸出清空后，我們的內容輸入框和“開始”按鈕將顯示出來。（這部分設置在后面）

點擊“重新開始”按鈕，選擇事件，“新建”。

在“選擇組件”中選擇輸出框，方法選擇“清除”。點擊確定，這樣在點擊這個按鈕后就會清除輸出的內容。

修改按鈕可見性

從流程圖可以分析出，這個按鈕有兩個狀態。

• 有輸出的情況下：可見的

• 沒有輸出的時候：不可見

所以我們要對他的可見性進行簡單的編程。首先選中這個按鈕，然后點擊“可見性”中的“添加條件”。

設置“不顯示”

彈出框中可以看滿足下面的條件，這個按鈕就會隱藏。

通過下面4步選中markdown組件（輸出）的內容作為比較值。

條件中選擇為空。意思就是markdown組件中沒內容，這個按鈕就不顯示了。

設置內容和按鈕A控件的可見性

從流程圖可以分析出，這個內容輸入框和按鈕A的狀態。

• 有輸出的情況下：不可見的

• 沒有輸出的時候：可見的

正好與之前的按鈕B相反。我們使用與上面同樣的方式來設置他們的可見性。

輸入框

選中輸入框，可見性，添加條件。

前面的組件部分是跟按鈕B的設置是一樣的，但是條件中選擇“不為空”。

按鈕A

對原來界面上的按鈕A做同樣的操作。

預覽

點擊預覽按鈕，開始測試。可以看到界面已經按照我們的策略運行了。

歷史文章檢索：

扣子（coze）編程

「極簡」扣子(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分析特朗普事件的正確姿勢