Button Bag制作教程

今年你必须用扣子搞个自媒体账号，这玩意简直就是普通人逆袭的作弊神器。当你真正玩转智能体加短视频，你可能连班都不用上了，赚的分分钟超过你一个月的收入。关键是操作简单到爆！不懂 ai 自媒体就意味着你将被淘汰。 我没跟你开玩笑， ai 绝对是二零二六年普通人翻身最大的风口，所以今年一定要搞个自媒体账号，这可能是普通人翻身最低成本的。一个人在家是怎么做自媒体的？ 你不用出去花钱学，你有这一本书就够了，它不仅教会我如何写爆款文案，还能帮我整理报告、研究数据，成为你的全能帮手。我一个从来没碰过代码的人，现在也能自己搭 ai 智能体了，用的就是这本用扣子搭建 ai agent 基础实战版书里教的扣子平台，操作简单到离谱， 你就想象成用 ppt 拖素材那样，点点鼠标就搞定。我跟着书做了第一个智能体，是个自动写文案的助手，输入产品卖点， ai 直接给我生成十条爆款标题，然后又做了海报设计助手、会议机要整理工具，每个都花了不到半小时，十个完整案例，从内容创作到数据处理，全都有模板，有教程，照着改就能用。之前看 ai 课程，又是 python 又是算法，学了半天还是云里雾里。这本书直接跳过，理论上来就教你做成品， 每一步都有截图标注，跟着操作就不会错。现在我才明白，普通人玩转 ai 靠的不是技术门槛，而是找对工具和方法。如果你也想让 ai 成为你的数字员工，别再等了，这本书真的能改变你的工作方式。

双脚打开，让你的胯摆个圆放轻松， 保持你的摆胯， 双手向上交叉， 再来 胸口顺畅小小的 两次 左右肩伸手哎点地滑步 转胯， 双手 甩头， 当你找到感觉，加一点舞蹈， 伸手 大大的转胯 双手。

好，今天我们继续学习 button 组建，然后 button 组建的话就是按钮嘛，按钮主要是想进一些点击事件的，然后我们直接把它用起来吧。 but， 好， 我们首先看一下它的它这个参数情况，打开文档，然后它这里有三个呃触手话的参数，然后第一个是这个 button， 第二个看一下是什么。 哦，第二个就是两种情况下给他一个资源，第三种就是 啊空的，就是不需要传三种，那么通常情况下我们一般的话使用的就是第二种吧，第二种是用的相对来说多一点。 哦，那第二种就是使用文本来创建，就比如说 button 按钮，它有一个文本要求写一个名字，然后我们这里写一个 button， 然后给他一个文本。 智能程序员，好，这就是 app 按钮，什么都什么都不给的话就是这种就这个效果，然后我们看一下它的第二个参数，点进来看一下它的第二个参数，这个 第二个参数里面是一个是一个对象，明显的第二个参数是一个对象，我们进一看一下这个对象有哪些类型，看一个是 button 的 type， 还有这一个什么其他的一些参数，然后我们分别来看一下这个参数是什么意思。点击这个跳到这里来，第一个 type 是 按钮的样式，第二个就是 按钮在按压按下状态时，按下状态时是否开启按压的效果，一个就是是否有按压效果，三个就是按钮的 的样式是，对吧？四个就是约束的尺寸，就约束它的大小，五个就是按钮的角色，那我们分别在 看一下这个几个参数是什么效果？因为这个几个参数有时候用的还是比较多的，明显第二个，第二个参数是一个对象，对不对？然后我们给他一个对象， 然后我们看一下参数，第一个参数是 type， button type， 它是个谜语类型对不对？我给他一个 type 看一下 type， 然后 button power type， 看有哪些 type， 对 不对？它有这个 type， 比如说我选的第一个，哎， 嗯，它默认的就这个 type， 还没什么变化，对不对？然后我们看一下第二个 circle 圆形，哎，对不对？它就按钮就变成一个圆形的按钮，对不对？这是这很明显。 第三个 normal 就是 没有圆角，默认就是没有圆角的效果，对不对？它默认是有圆角的，默认的是第一个，那么然后看一下这个， 哦，这个也和第一个是差不多的，好像没什么区别啊，那我看一下文档，再说一下它这几个有什么区别？我们点击这个看一下，在新标签打开一下，看一下那普通按钮默认带圆角， 不带圆角，默认不带圆角，然后胶囊按钮、圆形按钮，还有巨型圆角，巨型按钮，这个就是几个这个按钮的一些 区别。然后你看这个是 api 十五以后才开始支持，所以这个相对来说是比较新一点的 api 相对其他来说，通常情况下的话，我们用的比较多一点的，圆形的话可能就相对少一点，这两个就可能多一点， 这这个就是不大圆角。 normal 是 不大圆角的话，我们可以自己去给它定义定义圆角，这个就是一些属一些组建的一些通用属性，等我们把这些常用组建讲完了以后，我们会讲一下这个通用属性的， 然后这个就是按钮，然后按钮的话一般是跟随着它的是有点击事件，你看通常这个按钮的话，我们没有给尺寸嘛，但他没有给尺寸的话，他就是以以这个文本内容来做填充的话，比如说我们给它，我们给它小一字，给它小一点，少一点 它就按钮就变小一点，所以它是默认是跟随着这个文本的填充做的。然后通常响应事件是什么？我给他一个 ank 利克，点击事件就是这个 ank 利克， 然后 ank 利克你看一下，我点击这个 ank 利克，看一下它的参数情况啊，参数情况是一个看到它是一个带有 even 的 参数的一个 类型，返回值是 note 类型的一个一个函数，对不对？所以我所以说我们可以直接给他一个函数，如果不需要参数的时候，这个地方是可以不写的啊，直接这个就是响应的它的事件。比如我们打印个日制 console 点 arrow， 打印个日制， 打印个日制，这个时候我们用预览的话，是这里是看不到日制的啊，之前是看不到，我们看一下这个新版本是能不能看到， 好，它是没有日制，对不对？把它切换一下这里，哎，切换成 form 的 时候它就可以看到日制，比如看我点击一下它是有日制的哈，对不对？我给它加一个一， 好，我们再给它点击一下，看到了没有，它就有日制响应呢？我们我们这个点击事件，这个点击事件就是这样写的，这个是个 tab 类型，还有这个点击事件我都给他讲了，然后我看一下它第二个 加个什么按压，是否有按压效果，对不对？这个参数把它拿过来，它是个 bar 类型的话，我给它默认，给它一个 true， 给它一个 false， 先给它一个 false 试一下， 哎，我按压了没有，看到没有，它是有响应，但是它这个按钮是好像没什么效果，那我给它一个 true 试一下， 看到没有，它是有一个阴影的效果。这个如果视频看了不明显的话，你就可以自己测试一下，你按的时候它颜那个颜色明显变深的，它有一个按压阴影的一个效果，这个就是这个参数的作用。然后我们大家看一下下一个啊， button style， 那 我们看一下 button style 啊，它有什么？有哪些风格？ 一般这种参数的话，它的类型都是一个谜语，然后给大家看一下 normal， 正常情况下哦，正常情况看到没有，它没有颜色的是 normal， 然后是这个，哎，它这个可能就是默认的，就是蓝色，默认是个蓝色背景的 哦，这种就是文本类型的，背景的话，你看 text 通常就是文本类型的，按钮的话就是只有，通常只有一个文本，这就是。呃，几种风格，然后给它恢复成默认的吧，默认的是 normal， 看一下 normal 不是 默认，是另一个啊，不是 normal， 这个这个就是默认效果，默认的话就是这种效果， 这是然后约束大小的话啊，它有一个按钮的一个尺寸，比如说我们默认要显任，默认给这些按钮显示一些约束规则的话，我们给他加上去，然后这个是个什么？约束的话，它也是一个谜语类型， 你看它有一个小哎，正常和小，比如说点小哎，它就按钮就变小了，然后默认的话就正常，正常只能就是这样的，这个就是约束，它有设置的按钮大小，这个角色的话， 按钮的角色根据每组值的不同系统变更调整它文字。呃，意思就是说你这个显示的角色不同的话，它就显示的不同效果，有可能是显示红色的，比如说 role， 给它个角色，然后看到它的每组值是什么？是 button role， 那 我们就给它一个 button role， 然后它有一个对默认的啊，我们默认的就是 normal， 然后它也还有一个错误的情况下，比如说 aero， 它有一个美主是 aero 错误的好，错误的情况下它就是个红色的，这个就是这几个参数的 参数作用。当然的话，因为这个按钮的尺寸是根据默认的话，如果你没有写宽度，它是根据你这个文字的变的，当然我们也可以给它指定宽度，比如说宽度， 比如说我这个如果给他比较小的，你字比较长的话，他就会字可能就显示不浅，但是我字显示不浅的，你看比如说我这个一把，但是我这个按字摸的话，他可能会超过一把，所以说如果给给小的话，字就显示不浅，如果给大一点字就可以显示，你看比如说超过了吧，比如说我给他一个两百 五百，就比较大一点两百，哎，按钮就变大了，这个尺子也是可以给的高度，包括高度我也是可以给的啊， 让我们看一下按钮还有什么，有没有什么一些特殊一点的图形，你看他默认的有一些特殊的，比如说他单独的，这个他按钮的类型，我们可以直接单独的指定，放到 size， 放到 call， 还放到位的。这个就是指什么？就指按钮里面有文字，我们可以给这文字设置大小，比如说给这文字放特 size， 二十，哎，明显这个字变大了吧，对不对？然后可以给放的 color， 我 可以给这个文本设置 color， color 点 black， 我 给它一个黑色的字就变黑了，这就是设置它的按钮里面的一些文本属性， 还有什么发送位的加粗嘛？这个和之前和文本的一样的，是一样的，这个这个就相对来说用的比较少一点，我就不讲了，这几个属性后面就相对用的比较少一点。然后你们可以来自己看一下文档，来自己测试一下他这个每个属性使用了以后都是什么效果。 然后这里就，然后后面的话你们可以跑一下这个这个下面的他给的几个势力，比如说看了一下他，他有这种效果，我给他说一下这个吧，你看没有这个这个组合情况， 组合情况就给他看一下，我看一下啊，拿到这个地方来，拿到这个 long 啊，它有一两种情况，看这个文字，还有这个加载的这个情况，这个就是组合的两个组键组合的好看到没有？就是这个，把这个代码 copy 一下，给你们解释一下啊， 这是这是它默认的一一种情况，我们把这个，哎，看到没有？我们把它拿过来以后，我就不用罗马了，我把它还原成它默认的， 然后给它设置一个，中间有个间距吧，然后这里有一个 space， 来一个五十， 哦，看到没有？它是 button， button 下面它是可以放容器的，就放组。 你这个 button 不是 一个单，不是一个单属性的一个呃组键，它可以内部可以填充组键，你看我们内部给它填充了一个水平的布局。这个呃 loading process 就是 后面我们要学的一些进度条，或或者是说加载的进度相关的一个东西，就是这个 这旋转的这个东西，然后中间就这个文本，这就是组合使用，这是 button 里面可以有，可以用两个组键把它组合使用，这情况当然就是这个后面我会再讲一下，讲一下这个，这个就是组合使用。我提前给你们说一下这个意思 啊，这个 bug 我 们写的这个肉我们也学，这个 text 我 们也学，就是这个 loading 我 们没学嘛， loading 的 话它有看宽高、 marking 啊，这些都是一这个，这些都是一些通用属性，通用属性的我们会单独用一个，用一节课来讲一下这些通通用属性分别是什么意思 啊？然后，嗯，大概就是这个情况，就两个组，两个容器可以可以组合的放到一个 button 下面，就是做出一些特殊的效果， 然后我看一下还有没有其他的，这就这就像这种的话，就不需要组合，就直接给他一个，给他一个 logo 的 话，或者是给他一个图片，比如说如果你按钮里面需要展示一张图片，你就把它改成图片嘛，图片空间，一麦的空间嘛，是不是？ 然后还有一些其他的一些效果，看有没有其他的，基本上我们都说过，就是这种这种景象是什么都说过啊？ 然后后面的话你们可以自己来看一下他这些，这些就是势力或者大版把他搞到我们这个项目里面去一下，这个，这个就是我们讲的一些 bug 路径。

好，今天我们来说一下最后一个，记住空间包臀按钮，按钮呢，可以，上面可以放上文本或者图像。按钮可以用于监听用户行为。 按钮能够，最重要是按钮能与一个拍摄的函数关联，当按钮被按下时，自动调用该函数。 用户跟界面主要的交互，一个是输入框划快，在某某种意义上也是你自己玩游戏除了发语音打字之外，不就是按钮按来按去。好，我们通过一个例子来练习一下按钮，来说一下按钮，按钮呢 的语法。一样的啊，跟那个 labor 啊， n 圈都是一样的啊，先新建一个按钮啊， 然后我们按钮上面的文字啊， tax， 默认来说，他会根据你的文字大小来改变他的按钮大小， 我是一个小艾，然后呢，我们给他一个东西，给他，给他一个什么，就比如说我们下面给一个内部啊，内部呢，我们也给他一个那个文字福串避难对象啊，当做他的内容 测试表情可以了啊。然后呢，按钮呢，我们首先说一个，嗯，我们来说几个， 我们来说几个他独有的属性。第一个呢是 state， 当然这个和 state 好像跟那个 n 球是一样的啊。状态一般有三种状态，默认为 normal， 那里面可以有图片 image。 当鼠标放上去的时候，这个按钮以后有一个前景色和背景色， active back， wrong 和 xe， 一个是按钮放上去的背景色，一个是按钮放上去的前景色。 好，如果我们说想要一个姨妹子呢，我们首先要有一个姨妹子对象，你对象呢？这背面有一个风头姨妹子啊，这，我们已经有一个，我放了一个图片放着啊像像一个这个地球一样 个萝卜平衡起来在这里呢指定这个图片 嗯就可以了啊运行一下但是这时候会发现什么问题呢原先这个我是一个小按钮这个东西没有了对吧。就这个图片呢就不能跟这个文字 并存如果说你想要图片跟文字并存呢你就必须让人再加一个属性叫康胖子。 康胖的有哪几个属性。就是说这两个图片在文字的什么地方啊。上下左右 your left top right bottom center。 啊比我们以这个 top 啊来试一下这个图片在上面文字在下面可以了啊我们来试下。心疼我看心疼会是什么样子 而我的中间会怎么样覆盖掉吗。对会覆盖。嗯对图片文字会在一起你会仔细去理解了。这个代表附加图片的位置啊。第一个 但这个我们就暂时需要啊我们继续往下研究啊。 state stead 等于 k 点 nomer 这个是默认的嘛咱们就应该是那样的我们来试一下这个题 活动会怎么样。应该也能用吧也能用 dc 包肯定不能用不能用的 dc 包肯定不能用。 好我们来设置一下 active background 按钮放上去的背景色设置为蓝色试一下按钮放上去的背景 没有反应哦 按下去了 这是按下去的颜色。应该说是按下去不应该是放上去啊那这是不是应该是按钮按下去的前景色按下去按下去 啊。把这个我们再设一个前景色 现在再说一个红色吧 一个是背景字一个是前景字哎是的啊对吧可以了然后按钮的 交互事件就是可以绑定一个函数，用 come 的 come 的来绑定一个函数，这要直写函数谜，这么之前先把函数写好，这个 f， 这个比如说踏棋，踏棋现在可以写到空运之家站位，站着 让别人 print 啊，一下，刚这个拿到这个东西 s， 这就是绑定一个很简单的事件啊，然后他也可以绑定一个字母函数。 好，除了这个之外呢， come on 的还可以念接一个人体民函数，人体民函数可以去传参数，也可以去做一些 比较。呃，就正常这个函数做不到的事啊，我们举个例子，怎么做呢？我们想要把它本身的这个按钮有一个需求，叫做把本身按钮上这个 taste text 了，可以打印出来后传出去。首先呢，我们给他一个，先给个变量吧，假设有个变量变量叫做真人 tex 啊，我们就等于这个，我是一个小按钮，现在他这个参数，他这个，他这个变量嘛，我们把这个变量给他传出去啊。首先呢，我们得到这个太克斯肯定是用这个变量啊，扛不了，这，这个可以写，扛不了，那么那么的那么的 t t 等于六个 btn test。 然后干嘛呢？首先要如果简单一点，不用追这个，直接在这就可以， 这个气就可以了，试一下啊，我这个小按钮按一下，我可以打印出来，对吧？那有人说我们兰博的不这样，可不可以？我直接兰博的冒冒号，然后不认得就提升 tex， 可不可以？那你可以试一下，对吧？ 当然也可能也是可以的，但是我不是很坚强，你要在外面给他包装一下 这第一种，第二种把这个参数给传出去，传出去也简单，就这种塔子，这种塔子来传，这上面有一个东西啊，我们把这个结果是 今天，我是啊，加上一个穿过这个 n， 你可以试一下啊， 结果说我是个小按钮，这，这也是一个比较常见的就通过匿名函数来传餐的一种方式。