Flutter色彩处理插件hue_dart的使用

Flutter色彩处理插件hue_dart的使用

简介

hue_dart 是一个用于在Flutter和AngularDart中创建Philips Hue应用程序的库。该库旨在简化与Philips Hue桥接器的交互，帮助开发者更轻松地控制灯光、获取状态等。

使用方法

1. 发现桥接器 (Discovery)

首先，需要导入 hue_dart 库并搜索可用的桥接器。可以通过自动发现或手动输入IP地址来查找桥接器。

自动发现桥接器：

import 'package:http/http.dart' as http;
import 'package:hue_dart/hue_dart.dart';

void main() async {
  // 创建HTTP客户端
  final client = http.Client();
  
  // 创建桥接器发现对象
  final discovery = BridgeDiscovery(client);
  
  // 自动搜索桥接器
  List<DiscoveryResult> discoverResults = await discovery.automatic();
  final discoveryResult = discoverResults.first;
  
  // 创建桥接器实例
  final bridge = Bridge(client, discoveryResult.ipAddress);
}

手动输入IP地址：

import 'package:http/http.dart' as http;
import 'package:hue_dart/hue_dart.dart';

void main() async {
  // 创建HTTP客户端
  final client = http.Client();
  
  // 创建桥接器发现对象
  final discovery = BridgeDiscovery(client);
  
  // 手动输入IP地址
  DiscoveryResult discoveryResult = await discovery.manual('192.168.1.2');
  
  // 创建桥接器实例
  final bridge = Bridge(client, discoveryResult.ipAddress);
}

2. 创建新用户 (Create a new user)

为了创建一个新的用户，你需要先按下桥接器上的链接按钮，然后调用 createUser 方法。

// 创建新用户
final whiteListItem = await bridge.createUser('hue_dart');
bridge.username = whiteListItem.username;

3. 获取灯光 (Lights)

获取当前桥接器上的所有灯光，并可以对其进行操作。

// 获取所有灯光
final lights = await bridge.lights();

// 打印第一个灯光的状态
print('First light: ${lights.first}');

4. 更改灯光颜色 (Change Light Color)

你可以通过 changeColor 方法更改灯光的颜色。以下是一个示例，将灯光的颜色更改为红色、绿色和蓝色的组合。

// 更改灯光颜色
final light = lights.first.changeColor(red: 1.0, green: 0.5, blue: 1.0);

// 构建新的灯光状态
LightState state = lightStateForColorOnly(light).rebuild(
  (s) => s
    ..on = true
    ..brightness = 10,
);

// 更新灯光状态
await bridge.updateLightState(light.rebuild(
  (l) => l..state = state.toBuilder(),
));

5. 获取灯光的当前颜色 (Get Current Color)

你可以使用 colors 方法获取灯光的当前RGB颜色值。

// 获取灯光的当前颜色
final light = lights.first;
HueColor colors = light.colors();
print('red: ${colors.red}, green: ${colors.green}, blue: ${colors.blue}');

完整示例Demo

以下是一个完整的示例代码，展示了如何使用 hue_dart 插件来发现桥接器、创建用户、获取灯光并更改其颜色。

import 'package:http/http.dart' as http;
import 'package:hue_dart/hue_dart.dart';
import 'package:hue_dart/src/light/light_state.dart';

Future<void> main(List<String> arguments) async {
  // 创建HTTP客户端
  final client = http.Client();

  // 创建桥接器发现对象
  final discovery = BridgeDiscovery(client);

  // 自动搜索桥接器
  List<DiscoveryResult> discoverResults = await discovery.automatic();
  final discoveryResult = discoverResults.first;

  // 创建桥接器实例
  final bridge = Bridge(client, discoveryResult.ipAddress!);

  // 创建新用户，按桥接器上的链接按钮
  final whiteListItem = await bridge.createUser('dart_hue#example');

  // 使用用户名进行后续调用
  bridge.username = whiteListItem.username!;

  // 获取所有灯光
  final lights = await bridge.lights();

  // 打印第一个灯光的状态
  print('First light: ${lights.first}');

  // 更改灯光颜色
  final light = lights.first.changeColor(red: 1.0, green: 0.5, blue: 1.0);

  // 构建新的灯光状态
  LightState state = lightStateForColorOnly(light).rebuild(
    (s) => s
      ..on = true
      ..brightness = 10,
  );

  // 更新灯光状态
  await bridge.updateLightState(light.rebuild(
    (l) => l..state = state.toBuilder(),
  ));

  // 获取灯光的当前颜色
  final colors = lights.first.colors();
  print('red: ${colors.red}, green: ${colors.green}, blue: ${colors.blue}');
}

// 根据灯光的颜色模式构建相应的灯光状态
LightState lightStateForColorOnly(Light _light) {
  LightState state;
  if (_light.state!.colorMode == 'xy') {
    state = LightState((b) => b..xy = _light.state!.xy!.toBuilder());
  } else if (_light.state!.colorMode == 'ct') {
    state = LightState((b) => b..ct = _light.state!.ct);
  } else {
    state = LightState((b) => b
      ..hue = _light.state!.hue
      ..saturation = _light.state!.saturation
      ..brightness = _light.state!.brightness);
  }
  return state;
}