我已经用api中的listview.builder创建了一个卡片列表。现在，当一张卡片被点击时，我想在墨水井中更改卡片的颜色 - 腾讯云开发者社区

文章/答案/技术大牛

发布

Trello-看板管理

怎么用个人使用：我个人使用主要用在以下几个方面。收藏：收藏各种东西的连接，好的网站，精品文章，好吃的餐馆等。待办事项：记录要做的事情，标注优先级和时间点等。...创建列表 ? 添加卡片点击刚创建列表上的添加卡片，输入内容即可创建完成。单击卡片可以查看卡片的背面，在卡片背面可以添加各种详细信息。...自定义字段：可以自定义字段来满足自己的使用需求，比如：已完成，优先级等卡片的操作移动：可以直接拖动一张卡片从一个列表到另一个列表。点击卡片在卡片背面有移动选项，可以选择移动到哪个List中。...复制：复制和移动类似，点击复制，旋转一个List就会将复制的这张卡片添加到这个List中。订阅：可以订阅任何一个卡片，当这张卡片的状态有任何更新时都会通知你。赞同：可以对一个任务或者修改点赞！...团队使用的相关功能可以为卡片添加多个成员，这样每个被添加的成员都会收到通知。同时可以查看这个卡片的成员列表。配合邮件通知其他强大功能 Power-Ups：一个强大的插件库。

2.4K1 0

KnowCard：我的知识卡片生成器是怎么炼成的？

，看着笔记本里密密麻麻的学习要点，我总会想，如果能把它们变成一张张好看又结构清晰的卡片，不就更方便背诵和复习了吗？...于是，“KnowCard”这个名字浮现在脑海里——一个可以创建、收藏、搜索、导出，还能切换主题的卡片式笔记工具，就这样诞生了。想法有了，接下来当然是找我的老搭档——CodeBuddy 上场。...它马上帮我评估任务复杂度，并细化成几个关键模块：卡片组件、搜索组件、主题管理、导出工具等等。更厉害的是，它直接帮我用 Vite 创建了 Vue3 项目。...点击导出图片时，页面元素被动态捕获，转为 PNG 下载；点击导出 Markdown 时，卡片内容被格式化为标准文本流，非常方便。整个过程几乎没让我动脑筋，全由 CodeBuddy 编排。...于是我又补了一句“能不能加个学习模式”。结果 CodeBuddy 直接用 flipCard() 实现了卡片的“正反面”切换模式。点击卡片正面显示问题，再点击就展示答案，这种小而美的交互给了我很多惊喜。

3500 0

您找到你想要的搜索结果了吗？

是的

没有找到

产品经理必备的6款效率神器，到底好用在哪？

总不可能一个个都试一遍吧！我们要怎么去选择？今天小堂妹请来公司里一位颜值超高的高级产品经理qianyiwang小姐姐，她将跟大家分享7年PM经验中她的真爱工具私藏清单！帮你节约选择和学习的时间！...，非常贴心 ▶中文：我这种学渣的独特需求 ▶免费：这么好用还免费，不推荐不是人 -总体评价-：墨刀也有Axure之类的母版的功能，当然不如Sketch强大，但对于产品经理，已经绝对够用了，简单+好用...做产品的经常会被打断，被各种插入任务，这个工具帮助你整理好自己之后做事情，不重不漏，即使有事情插进来，也可以尽然有序，从容不迫。一件事情一张卡片，做完的事情移动到对应栏或者归档，分享一下我的分类。...-总体评价-：我之前用过番茄工作法和各种TODoList之类的APP，最终还是选择了Trello，一件事情一张卡片，非常好用，可视化的面板，基本上我现在离开他是挂机的状态。...但今天要推荐的是花瓣的Chrome插件，也是很好用的，当你发现在花瓣之外的网站有想要采集的图片/视频时，可以快速采集到花瓣，不需要下载/上传等繁琐的操作。

1.1K3 0

我的上班新搭子CodeBuddy

从 8 月到现在，我一直在使用 CodeBuddy，它已经成为了我工作中不可或缺的一部分。我不光自己在使用，我还推荐给同事使用。...我迅速评估这个需求：这本质上是一个导航网站，需要前端界面展示各个系统的卡片，每个卡片包含系统名称、简介、访问链接、使用说明和可能的技术要求。后端只需要简单的数据存储，用于管理系统列表和相关信息。...我看看...”电话那头传来鼠标点击声，“嗯，界面很清晰，功能也基本都有了。不过有几点需要调整：1,卡片颜色能不能按分类区分？...例如，在修改卡片颜色时，我看到它没有简单地硬编码颜色值，而是创建了一个主题配置文件（themeConfig.js），将颜色定义为常量，然后在组件中引用。...我刷新测试服务器页面，新的功能已经生效：彩色卡片让页面更加生动，醒目的按钮引导用户点击，搜索框位于页面顶部。我再次邀请老板查看。这次，他很快回复：“非常好！这就是我想要的。

4001 1

当卡片式UI不再流行，列表式UI将是王牌

随着 Material Design 的流行，卡片式 UI 已经成为现代 web 设计的一部分。尤其是你在提供一个汇总归档信息的界面时。卡片是提供详细信息的入口。...这可能会吸引大量点击，因为单个用户可能在同一会话期间点击多个卡。 22％的总点击次数是通过 Themen des tages 的列表。这个列表实际上只出现在第一个轮播项目！...记住它只出现在第一张幻灯片，这个导航启用了自动播放。移动模式当我们研究在移动设备上的行为时，我们访问了一个基于列表的 UI 网站（下面，左）和两个基于卡片的 UI 网站（下面，中，右）。...列表与卡片的其他示例我相信我们不是唯一来解决这个问题的人。例如，Google 已经对其搜索结果页进行AB测试。 ?...希望你会从我们的错误中学习，在设计下一个主页或归档页面时打破严格的卡片模式。

4K7 0

可视化卡片笔记写作？我试了最近才开放的 Heptabase

都会出现在 Card Library 里面。这里，每一张卡片都是平等的，不论它属于哪一个，或哪几个项目。...输入的时候用 @ 就可以选择其他卡片标题作为链接插入。点击其中的蓝色字符，可以跳转到对应的卡片上。而另外的一种，则是卡片之间显性的连接线。...在白板中，你所分享的并非最终华丽严整的输出成果（文字、导图），而是你思路形成的过程，特别是饱含你思维线索的上下文。当别人尝试去理解你的论断时，可以沿着你提供的路标来移动，感受你思维的触发和跳跃。...当然，Alan 也把卡片笔记写作法融入在了设计中。现在谈论 Heptabase 发展成熟后的情形，为时尚早。Alan 给自己设定了一个 10 年的目标。目前只是这个系统的初级形态而已。...随着一张张卡片被涂成灰色，你会感觉到那种点滴进步的成就感在积累。随着本文写完，在地图 Meta App 里，这个项目也被收缩成了最小化的样子。

2.5K1 0

Android 手表应用开发设计规范【译】

情境信息流是一个垂直的卡片列表，每张卡片展示了一个有用的或者适时信息，非常类似于手机和平板上 Google Now 功能。用户可以垂直滑动来切换卡片，每次滑动只展示一张卡片。...向上滑动提示卡片会展示建议的语音需求列表，也可以点击卡片来展开列表。　　每一条推荐语音命令能够触发一类特定的内容。开发者可以将你的应用与这些语音命令配对，这样用户就可以用这些语音需求来完成任务。...大多数人习惯通过点击一个图标来启动应用，Android 手表则不同。手表中的应用能够感知到用户的情境时间、地点、物理活动等。当检测到情境相关的时候，应用会自动地将相应卡片插入到信息流中。...页面　　更详细的信息可以展示在附加的卡片中。在卡片流中向左滑动卡片可以展示详情页面。通常情况下，一张附加卡片就足够显示所有信息。比如天气卡片会展示当前地点现在的天气情况。 ? 　　...删除卡片　　通过从左向右滑动可以忽略卡片流中的卡片。被忽略的卡片会在下次应用有新的信息需要展示时出现。卡片流中的卡片一旦被忽略，那么相应的信息也会同步在手机端被删除。 ? 动作按钮 ?

5K7 0

使用 Python 和 OpenCV 构建 SET 求解器

SET (set_utils.display_sets) 我们为前三个任务中的每一个创建了一个专用类，我们可以在下面的类型提示 main 方法中看到。...我获取了生成的图像，并使用不同的方法从处理后的卡片中提取每个属性——形状、阴影、颜色和计数。...我使用了 Github 上@piratefsh 的 set-solver 存储库中的代码来识别卡片颜色和阴影，并设计了我自己的形状和计数方法。...然后每个变体都被编码为一个整数，这样任何卡片都可以用四个整数的数组表示。例如，带有两个空菱形符号的紫色卡片可以表示为 [1,1,3,2]。现在卡片表示为数组，让我们评估一下 SET！...第一种方法需要评估所有可能的三张牌组合。例如，当显示 12 张牌时，有 ₁₂C₃ =(12!)/(9!)(3!) = 660 种可能的三张牌组合。

1.8K6 0

weka怎么安装_we是什么安装方式

大家好，又见面了，我是你们的朋友全栈君。 1 什么是看板管理首先我们先两张现实中的看板系统，能够有助于我们理解看板管理系统。...登录成功后，点击页面右上方的用户名称即可修改个人资料、更改设置、上传个人头像或者修改密码，如下图所示。...7.2 列表添加 7.3 看板添加成员通常一个任务需要有指派人，被指派人，成员；所以我们需要对看板系统添加成员。...7.4 新建和设置任务卡片在对应的列表下可以新建任务卡片，添加任务卡片后，可以对卡片进行设置，包括对卡片颜色、任务接收时间、开始时间、到期时间、终止时间、成员、被指派人等相关信息进行设置。...7.5 任务卡片的拖动在使用中可以根据任务进度将任务卡片移动到对应的列表中。

7793 0

创建水平滚动的正确方式【CSS 网格布局】

水平滚动容器（列表）已经成为了一种常见的布局做法，而不是将东西都堆叠在页面上，这将减少占用小屏幕设备垂直的空间。...但是，当采用水平滚动布局时，至少需要满足两点 UX 原则：你的设计必须在视觉上提醒他人，这是一组可以水平滚动的内容。最好的方法，就是让可滚动的内容露出一部分。用户知道什么时候滚到末尾，这很重要。...一种方法指明列表已经滚到最后：在列表末尾使用额外的空间布局大纲开始前，我们概览下需要实现的布局特性：滚动的容器必须准守页面的整体布局。比如，外边距和内边距整体要一致。...在这个例子中，卡片占有视图空间的 50% 减去间隔 40px。这时候，我们会看到第三张卡片露出来。然而，需要注意的是，卡片两端被砍断部分。...现在，我们实现了一开始在大纲中提到的特性。注意事项这项技术的一个注意事项是在 grid-template-columns 中对既定卡片数量的计算。

3.7K5 0

打卡习惯，记录坚持：我用 CodeBuddy 做了个毛玻璃风格的习惯打卡小应用

带着这个想法，我萌生了用 UniApp 做一个极简习惯打卡小应用的念头，不用太复杂，核心就是展示几张「打卡卡片」，用户可以点击卡片完成打卡，看到自己的进度更新，最好还能有连续打卡天数的展示。...于是我找来了 CodeBuddy，对它说的第一句话就是：“我想做一个‘每日习惯’App，界面要高端大气，毛玻璃和渐变背景都得有，卡片点击后要有打卡反馈，并展示进度和连续天数，帮我做一个静态实现就行。”...让我特别惊喜的是，每个习惯卡片都有自己的配色——图标背景、进度条颜色、打卡圈颜色都使用同一主色，通过 habit.color 字段统一控制，这让每张卡片在统一风格下又保有个性，不会显得乏味。...一次令人满足的开发体验做完这个项目，我发自内心觉得，用 CodeBuddy 帮我写页面，已经不仅仅是“提升效率”这么简单了，它更像是我 UI 设计上的双重保险。...在我只提出“要好看、毛玻璃、能打卡”的模糊需求时，它就已经做到了色彩控制合理、交互自然、细节丰富，而且最重要的是，代码非常整洁、模块划分清楚，读起来让人非常舒服。

3691 0

Flutter 零基础入门（二十九）：ListView 进阶 —— 自定义列表项与复杂布局

ListView 进阶 —— 自定义列表项与复杂布局在上一篇中，我们已经学会了： ListView 的基本使用垂直滚动列表用 List + map 快速生成列表但你一定已经意识到一个问题： ❓...你在手机上看到的列表通常是：一张图片多行文字时间 / 状态 / 标签点击跳转详情页这意味着： ListView 的核心不是 ListView，而是“列表项 Widget” 二、ListView...三、最基础的自定义列表项结构我们先从一个“信息卡片”开始。...这是一个非常重要的工程习惯： ✅ 代码更清晰 ✅ 方便复用 ✅ 易维护 ✅ 真实项目写法记住： ListView 只负责“列表” Item Widget 负责“长相” 六、点击列表项（交互的第一步）...你已经学会： ListView 的工程化写法自定义复杂列表项 Row + Column 组合布局列表项点击交互 ListView.builder 的正确使用到这里为止：你已经具备开发“信息流页面

1071 0

如何在React项目中，创建令人惊叹的动画翻转卡片效果

简单的API：React-Card-Flip提供了一个简单直观的API，使得开发者在不同的技能水平下都能轻松使用。这使得用很少的代码就能创建翻转卡片变得容易。...翻转卡片的样式既然你已经实现了最基本形式的翻转卡片，现在让我们在 App.css 中添加一些CSS来进行样式设置。...我们已经实现了点击事件，现在让我们来探索悬停事件。...当点击卡片时，它会翻转以显示背面，其中包含产品的名称和描述。...现在，您已经掌握了为您的Web应用程序制作令人印象深刻和引人入胜的翻转卡片的知识。在继续尝试翻转卡片的过程中，考虑推动创意的边界。

2K2 0

Vue DevTools 使用指南 - 如何安装和使用 Vue DevTools 调试 Vue 组件

另外，这个世界已经悄然发生变化，现在根本无需写任何前端代码，直接使用卡拉云 —— 新一代低代码开发工具帮你搭建后台工具，卡拉云可一键接入常见数据库及 API ，无需懂前端，内置完善的各类前端组件，无需调试...默认启动是 Vue 组件列表，所有当你跟随本教程步骤打开 Vue Devtools 时，可以看到我们刚刚写的 App 及 6 个卡片的列表。...[03-02-vue-devtools-check] 当我们用鼠标滑过左侧列表选项时，相对应的代码区域会凸显为绿色，方便我们定位正在编辑的组件区域。...在我们第 1 步写的 Vue app 中，有六张单词卡片，如果有单词你没有记熟，我们需要一个颜色识别功能，让单词卡片提醒你再次背诵。我们来通过 Vue Devtools 来给组件增加这个功能。...现在，我们已经在 Vue Devtools 中成功修改了属性，下一节我们来实践如何在浏览器测试触发事件。

6.4K3 0

《HarmonyOS实战—入门到开发，浅析原子化服务》

（3）服务卡片：支持用户无需打开原子化服务便可获取服务内重要信息的展示和动态变化，如天气、关键事务备忘、热点新闻列表。...那么如你恰巧看到了一张非常感兴趣的照片，想要查看它，是不是需要点击照片进入详情查看呢？这样的交互方式相信大家都非常了解。但是你是否思考过，它可以更加地 “人性化”，更加 ”懂你“ 呢？ ...HarmonyOS Developer中我们可以了解到这三者的分工： · 提供方模块提供卡片显示内容的HarmonyOS应用或原子化服务，控制卡片的显示内容、控件布局以及控件点击事件。...卡片缓存管理：在卡片添加到卡片管理服务后，对卡片的视图信息进行缓存，以便下次获取卡片时可以直接返回缓存数据，降低时延。...卡片生命周期管理：对于卡片切换到后台或者被遮挡时，暂停卡片的刷新；以及卡片的升级/卸载场景下对卡片数据的更新和清理。

1.1K2 0

从0开始部署个人博客——原以为又要烂尾，结果CodeBuddy带我嘎嘎乱杀

实战场景：在搭建博客文章列表时，我通过以下步骤完成： 1.点击 "Select Component"，筛选 "TDesign→卡片→ArticleCard"； 2.拖拽组件到编辑区，自动生成包含标题、...CodeBuddy：不，你已经说完了 ——笔者记 1.初始需求：勾勒科幻风博客雏形作为技术创作者，我一直想拥有一个兼具辨识度与科技感的个人博客。...最初的需求很明确，我用一句话向工具描述： "帮我写一个个人博客页面，要求： 1....八.总结：技术创作的 "工具革命" 已经到来从 2019 年第一次搭建博客时的手足无措，到 2024 年用 CodeBuddy 实现 "2 小时上线"，我深刻感受到了工具进化对技术创作者的解放 ——当工具足够强大时...但即使是现在的版本，它也已经改变了我的技术创作方式 —— 我最近用它搭建了一个 AI 工具测评网站，从需求到上线只用了 3 小时，这在过去是不可想象的。

6571 0

半小时写一个脑力小游戏

我们还需要添加一个点击效果。每次元素被点击时都会触发 :active伪类，它引发一个 0.2秒的过渡： ? 翻转卡片要在单击时翻转卡片，需要把一个 flip类添加到元素。...匹配卡片完成翻转卡片的功能之后，接下来处理匹配的逻辑。当点击第一张卡片时，需要等待另一张被翻转。变量 hasFlippedCard和 flippedCard用来管理翻转状态。...现在，当用户点击第二张牌时，代码会进入 else块，我们将检查它们是否匹配。为了做到这一点，需要能够识别每一张卡片。每当我们想要向HTML元素添加额外信息时，就可以使用数据属性。...锁定现在已经完成了匹配逻辑，接着为了避免同时转动两组卡片，还需要锁定它们，否则翻转将会被失败。 ? 先声明一个 lockBoard变量。...当玩家点击第二张牌时，lockBoard将设置为true，条件 if (lockBoard) return;在卡被隐藏或匹配之前会阻止其他卡片翻转： ?

2.2K2 0

Flutter 零基础入门（二十五）：手势 GestureDetector 与 InkWell

但在真实 App 中，你会发现：很多地方根本不是按钮，却可以被点击比如：整个列表项一张图片一个卡片自定义区域这正是本篇要学习的内容。...Flutter 的一个核心设计理念：任何 Widget 都可以有交互 GestureDetector 和 InkWell 的作用是：给任意 Widget 添加点击、滑动等手势能力二、GestureDetector...: Padding( padding: EdgeInsets.all(16), child: Text('点击我'), ), ) 3️⃣ 水波纹的前提条件（重要） ⚠️ InkWell.../ 卡片经验法则：列表、卡片 → InkWell 高度自定义 → GestureDetector 五、点击整行列表项（经典场景） InkWell( onTap: () {}, child...你已经掌握了：给任意 Widget 添加点击事件 GestureDetector 与 InkWell 的区别水波纹的正确使用方式实战级点击区域写法现在你的 App：不再“点哪哪没反应”了十一

1411 0

为什么我们不擅长 CSS

这张卡片包含一个推荐信，但我们可能想在不同的上下文中使用这种卡片模式。我们的卡片不应关心其内部的内容。也就是说，在这个特定的卡片示例中，我们不会使用 .card- 对所有内容进行限定。...每当我看到一个 mixin 会对调色板中的每种颜色进行排查，并为每种颜色创建一个背景色实用工具类时，我都会感到恶心。...如果我们想更改我们的品牌颜色用于背景的值，我们可以更改一个标记，将其应用于不同的组件，而无需查找与其让开发人员访问所有令牌，不如将它们抽象到我们的类中，开发人员可以根据不同的上下文使用相应的类。...此外，由于我们使用的是 SCSS，因此我们可以在标记名上使用更多字数，因为无论如何，它们都会编译成更小的值。这个特定卡片中的内容包括一张图片和一个块状引文，使用 flexbox 水平排列。...我们可以使用 width >= 图像当设计师在大屏幕和小屏幕之间采用完全不同的设计时，我有点抓狂。我会尽我所能让它发挥作用。在这里，我们的图像会从一个小圆圈变成大屏幕上的全尺寸图像。

8321 0

玩转Flipper Zero：RFID全功能介绍

可以看到成功读取了 pm3 模拟的卡片信息，这时候可以选择➡️进行保存、模拟、写入操作 Saved 选项中可以看到保存的所有卡片，点击可以进行模拟、写卡、写卡并设置密码、编辑、删除以及查看信息注意：写卡对象应该是类似...T557X 这类的可写的卡，而不是另一个 EM410X 这种不可更改的卡 Add Manually 选项中可以选择不同类型的卡片，设置卡片 ID 来创建一张卡，结果也会保存在 Saved 中，挨个看了一遍全都是只保存个卡号...⬆️切换发射和暂停，进入发射状态后会每隔一段时间发射一次，发射时 flipper 的红灯会亮，因为我没有这么低频的 SDR 设备，所以直接贴 APP 的 github 上面的图了 RFID Fuzzer...，⬆️⬇️用于选择爆破方式可以用默认的 ID 列表（Default Values）进行爆破，默认的 ID 列表数量不多，也可以选择 ID 遍历爆破（BF Customer ID），这个功能就很离谱，通过...ID，最多能写三个 ID，且只能写已经在 Saved 中保存的卡片文件他的灵感来源于下面这篇文章，这个论坛让我大开眼界了，他们叫生物黑客，之前在网上看过一个人把特斯拉的卡片融开，把钥匙芯片放到身体里的觉得就很离谱了

3.9K1 2

点击加载更多

Trello-看板管理

KnowCard：我的知识卡片生成器是怎么炼成的？

产品经理必备的6款效率神器，到底好用在哪？

我的上班新搭子CodeBuddy

当卡片式UI不再流行，列表式UI将是王牌

可视化卡片笔记写作？我试了最近才开放的 Heptabase

Android 手表应用开发设计规范【译】

使用 Python 和 OpenCV 构建 SET 求解器

weka怎么安装_we是什么安装方式

创建水平滚动的正确方式【CSS 网格布局】

打卡习惯，记录坚持：我用 CodeBuddy 做了个毛玻璃风格的习惯打卡小应用

Flutter 零基础入门（二十九）：ListView 进阶 —— 自定义列表项与复杂布局

如何在React项目中，创建令人惊叹的动画翻转卡片效果

Vue DevTools 使用指南 - 如何安装和使用 Vue DevTools 调试 Vue 组件

《HarmonyOS实战—入门到开发，浅析原子化服务》

从0开始部署个人博客——原以为又要烂尾，结果CodeBuddy带我嘎嘎乱杀

半小时写一个脑力小游戏

Flutter 零基础入门（二十五）：手势 GestureDetector 与 InkWell

为什么我们不擅长 CSS

玩转Flipper Zero：RFID全功能介绍

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐