doc: 更新示例

Author: ArgoZhang

src/BootstrapBlazor.Server/Components/Samples/Bluetooth.razor

@@ -21,15 +21,20 @@ private IBluetoothService? BluetoothService { get; set; }</Pre>
 <DemoBlock Title="@Localizer["BaseUsageTitle"]"
            Introduction="@Localizer["BaseUsageIntro"]"
            Name="Normal">
-    <div class="row form-inline">
+    <div class="row form-inline g-3">
         <div class="col-12">
-            <Button Text="@Localizer["BluetoothRequestText"]" OnClick="RequestDevice"></Button>
-            <Button Text="@Localizer["BluetoothConnectText"]" IsDisabled="@(_blueDevice is not {Connected: false})" OnClick="Connect"></Button>
-            <Button Text="@Localizer["BluetoothDisconnectText"]" IsDisabled="@(_blueDevice is not {Connected: true})" OnClick="Disconnect"></Button>
+            <Button Text="@Localizer["BluetoothRequestText"]" Icon="fa-brands fa-bluetooth" OnClick="RequestDevice"></Button>
+            <Button Text="@Localizer["BluetoothConnectText"]" Icon="fa-solid fa-circle-play" IsAsync="true" IsDisabled="@(_blueDevice is not {Connected: false})" OnClick="Connect" class="ms-3"></Button>
+            <Button Text="@Localizer["BluetoothDisconnectText"]" Icon="fa-solid fa-circle-stop" IsDisabled="@(_blueDevice is not {Connected: true})" OnClick="Disconnect" class="ms-3"></Button>
         </div>
         <div class="col-12">
-            <label>Battery: <progress value="@_batteryValue" max="100"></progress></label>
-            <Button Text="@Localizer["BluetoothGetBatteryText"]" IsDisabled="@(_blueDevice is not {Connected: true})" OnClick="GetBatteryValue"></Button>
+            <div class="d-flex align-items-center">
+                <Button Text="@Localizer["BluetoothGetBatteryText"]" Icon="fa-solid fa-battery-half" IsDisabled="@(_blueDevice is not { Connected: true })" OnClick="GetBatteryValue"></Button>
+                <label class="d-flex align-items-center"><progress value="@_batteryValue" max="100" class="ms-3"></progress><span class="ms-3">@_batteryValueString</span></label>
+            </div>
+        </div>
+        <div class="col-12">
+            <Button Text="@Localizer["BluetoothGetHeartRateText"]" Icon="fa-solid fa-heart-pulse" IsDisabled="@(_blueDevice is not { Connected: true })" OnClick="GetHeartRateValue"></Button>
         </div>
     </div>
 </DemoBlock>

src/BootstrapBlazor.Server/Components/Samples/Bluetooth.razor.cs

@@ -19,6 +19,8 @@ public partial class Bluetooth
 
     private string? _batteryValue = null;
 
+    private string? _batteryValueString = null;
+
     private async Task RequestDevice()
     {
         _blueDevice = await BluetoothService.RequestDevice(["battery_service"]);
@@ -60,12 +62,39 @@ private async Task Disconnect()
 
     private async Task GetBatteryValue()
     {
+        _batteryValue = null;
+        _batteryValueString = null;
+
         if (_blueDevice != null)
         {
-            _batteryValue = await _blueDevice.GetBatteryValue();
+            var val = await _blueDevice.GetBatteryValue();
+            if (val == 0 && !string.IsNullOrEmpty(_blueDevice.ErrorMessage))
+            {
+                await ToastService.Error("Battery Value", _blueDevice.ErrorMessage);
+                return;
+            }
+
+            _batteryValue = $"{val}";
+            _batteryValueString = $"{_batteryValue} %";
+        }
+    }
+
+    private async Task GetHeartRateValue()
+    {
+        if (_blueDevice != null)
+        {
+            _batteryValue = null;
+            _batteryValueString = null;
+            _batteryValue = await _blueDevice.GetHeartRateValue();
+
             if (string.IsNullOrEmpty(_batteryValue) && !string.IsNullOrEmpty(_blueDevice.ErrorMessage))
             {
                 await ToastService.Error("Battery Value", _blueDevice.ErrorMessage);
+                return;
+            }
+            if (!string.IsNullOrEmpty(_batteryValue))
+            {
+                _batteryValueString = $"{_batteryValue} %";
             }
         }
     }

src/BootstrapBlazor.Server/Locales/zh-CN.json

@@ -5899,6 +5899,7 @@
     "BluetoothConnectText": "连接",
     "BluetoothDisconnectText": "断开",
     "BluetoothGetBatteryText": "读取电量",
+    "BluetoothGetHeartRateText": "读取心率",
     "BaseUsageTitle": "基础用法",
     "BaseUsageIntro": "通过 <code>IBluetoothService</code> 服务，请求与蓝牙设备通讯",
     "BluetoothBatteryLevelTitle": "蓝牙设备电量",

src/BootstrapBlazor/Extensions/IBluetoothDeviceExtensions.cs

@@ -14,11 +14,27 @@ public static class IBluetoothDeviceExtensions
     /// </summary>
     /// <param name="blueDevice"></param>
     /// <returns></returns>
-    public static async Task<string?> GetBatteryValue(this IBluetoothDevice blueDevice)
+    public static async Task<byte> GetBatteryValue(this IBluetoothDevice blueDevice)
     {
-        string? value = null;
+        byte value = 0;
         var data = await blueDevice.ReadValue("battery_service", "battery_level");
         if (data is { Length: > 0 })
+        {
+            value = data[0];
+        }
+        return value;
+    }
+
+    /// <summary>
+    /// 获得 设备电量方法
+    /// </summary>
+    /// <param name="blueDevice"></param>
+    /// <returns></returns>
+    public static async Task<string?> GetHeartRateValue(this IBluetoothDevice blueDevice)
+    {
+        string? value = null;
+        var data = await blueDevice.ReadValue("heart_rate", "heart_rate_measurement");
+        if (data is { Length: > 0 })
         {
             value = $"{data[0]}%";
         }