推荐：滑动按钮卡片 —— 改变你的家居控制体验！

推荐：滑动按钮卡片 —— 改变你的家居控制体验！

slider-button-cardA button card with integrated slider项目地址:https://gitcode.com/gh_mirrors/sl/slider-button-card

项目介绍

滑动按钮卡片（Slider Button Card）是由@mattieha开发的一个集成式滑动开关组件，适用于Home Assistant的Lovelace界面。这个创新卡片集成了按钮和滑块功能，可以用于控制light, switch, fan, cover, input_boolean, media_player, climate, lock等实体，为你的智能家居控制提供全新的视觉与交互体验。

项目技术分析

Slider Button Card以一种简洁而直观的方式呈现了实体的状态和操作。它支持多种自定义配置选项，包括：

• 图标显示：你可以选择默认图标或自定义图标，并可以选择是否根据状态改变颜色。
• 滑块设置：可以调整滑动方向，背景样式，甚至控制特定属性（如灯光亮度、温度或媒体播放进度）。
• 动作按钮：点击触发的动作可自定义，例如切换状态、打开更多信息或者调用服务。

此外，项目还提供了可视化编辑器，让非代码使用者也能轻松配置卡片。

项目及技术应用场景

这款卡片特别适合以下场景：

• 控制面板设计：在主控面板中，滑动按钮卡片能节省空间并增强用户体验。
• 灯光与环境控制：通过滑动调节灯光亮度、风扇速度或空调温度，既快速又直观。
• 媒体播放控制：媒体播放器实体上，滑动可改变音量，点击按钮则进行暂停/播放操作。
• 安全系统：锁定和解锁设备时，提供清晰的反馈。

项目特点

1. 多元化配置：无论是图标、滑块还是动作按钮，都有丰富选项可供定制。
2. 兼容性广：支持多种Home Assistant内置实体，满足不同类型的家居设备控制需求。
3. 视觉友好：紧凑模式下，名字和状态可以与图标排列在同一行，适应各种屏幕尺寸。
4. 易于安装：可通过HACS一键安装，也可手动下载资源并添加到Lovelace。
5. 图形化编辑：支持Lovelace的可视化编辑器，方便快捷地编辑卡片布局。

如果你希望提升Home Assistant中的控制体验，Slider Button Card绝对值得尝试。现在就加入社区，探索更多可能性，让你的智能家居更加智能且个性化吧！别忘了，如果你觉得这个项目有用，给它一个星星表示支持！

slider-button-cardA button card with integrated slider项目地址:https://gitcode.com/gh_mirrors/sl/slider-button-card