百宝箱 IoT 如何定制动画

简介: 本文档指导开发者定制动画及主题,涵盖动画文件命名、使用场景、分辨率适配(如160x160px)、尺寸压缩脚本(gifsicle/ImageMagick)及字体背景配置,助力高效开发。

概述

本文档用于帮助开发者定制动画和整体主题。

实操

需要定制的动画文件

可将如下表格给设计师。分辨率按屏幕物理分辨率来(比如我们目前所用 0.71 寸双眼屏是 160x160 px)。

动画命名

含义(使用场景)

amazed.gif

惊讶

anger.gif

生气

happy.gif

开心

like.gif

爱意、喜欢

network_setup.gif

网络设置,该动画在配网时显示

neutral.gif

中性,即默认情况下

offline.gif

离线状态,网络中断时显示

sad.gif

悲伤

sleepy.gif

困倦,闲置过久时显示

thinking.gif

思考中

尺寸压缩

一般情况下,保持默认压缩参数即可。

#!/bin/bash
# ==============================================================================
# batch_optimize_gifs.sh
#
# 功能: 查找当前目录下的所有 .gif 文件, 将其分辨率宽高各减半,
#       并进行极限压缩,然后保存到 'output' 目录中。
#
# 依赖: Gifsicle, ImageMagick (用于获取原始尺寸)
# ==============================================================================
# --- 设置输出目录 ---
OUTPUT_DIR="output"
# --- 检查依赖工具是否存在 ---
if ! command -v gifsicle &> /dev/null; then
    echo "错误: 未找到 'gifsicle'。请先安装 Gifsicle。"
    echo "  - Ubuntu/Debian: sudo apt install gifsicle"
    echo "  - macOS (Homebrew): brew install gifsicle"
    exit 1
fi
if ! command -v magick &> /dev/null && ! command -v identify &> /dev/null; then
    echo "错误: 未找到 ImageMagick 命令 ('magick' 或 'identify')。"
    echo "请先安装 ImageMagick。"
    echo "  - Ubuntu/Debian: sudo apt install imagemagick"
    echo "  - macOS (Homebrew): brew install imagemagick"
    exit 1
fi
# --- 创建输出目录 ---
if [ ! -d "$OUTPUT_DIR" ]; then
    echo "创建输出目录: $OUTPUT_DIR"
    mkdir "$OUTPUT_DIR"
fi
# --- 启用 shell 选项 ---
# nullglob: 如果没有匹配的文件,循环就不会执行
# nocaseglob: 匹配文件名时不区分大小写 (.gif, .GIF, .GiF 等)
shopt -s nullglob nocaseglob
# --- 变量初始化 ---
file_count=0
total_original_size=0
total_compressed_size=0
echo "开始批量处理 GIF 文件..."
echo "----------------------------------------"
# --- 循环处理当前目录下的所有 .gif 文件 ---
for file in *.gif; do
    # 检查这确实是一个文件
    if [ -f "$file" ]; then
        ((file_count++))
        echo "($file_count) 正在处理: $file"
        # --- 计算目标尺寸 (宽高减半) ---
        target_width=360
        target_height=360
        # 确保尺寸至少为 1px
        [ "$target_width" -eq 0 ] && target_width=1
        [ "$target_height" -eq 0 ] && target_height=1
        
        echo "  - 原始尺寸: ${original_width}x${original_height}"
        echo "  - 目标尺寸: ${target_width}x${target_height}"
        # --- 定义输出文件路径 ---
        output_file="$OUTPUT_DIR/$file"
        num_colors=128
        # --- 核心压缩命令 ---
        gifsicle \
            --resize "${target_width}x${target_height}" \
            --colors "${num_colors}" \
            --dither \
            --optimize=3 \
            "$file" \
            -o "$output_file"
        # --- 统计文件大小 ---
        original_size=$(stat -f \"%z\" "$file")
        compressed_size=$(stat -f \"%z\" "$output_file")
        #total_original_size=$(total_original_size + original_size)
        #total_compressed_size=$(total_compressed_size + compressed_size)
        echo "  - 压缩完成 -> $output_file"
        echo "" # 添加空行以分隔
    fi
done
# 恢复 shell 默认行为
shopt -u nullglob nocaseglob
gifsicle \
--resize "360x360" --colors 64 --dither \
--optimize=3 \
--lossy=80 \
"network_setup.gif" \
-o output/network_setup_new.gif
# --- 输出总结报告 ---
echo "----------------------------------------"
if [ "$file_count" -eq 0 ]; then
    echo "未在当前目录找到任何 .gif 文件。"
else
    echo "批量处理完成!共处理了 $file_count 个 GIF 文件。"
    echo "所有优化后的文件已保存到 '$OUTPUT_DIR' 目录中。"
    echo ""
    echo "--- 压缩效果总结 ---"
    
    # 转换为 KB 或 MB 以方便阅读
    orig_kb=$((total_original_size / 1024))
    comp_kb=$((total_compressed_size / 1024))
    
    echo "总原始大小: $orig_kb KB"
    echo "总压缩后大小: $comp_kb KB"
    if [ "$total_original_size" -gt 0 ]; then
        reduction_percent=$(echo "scale=2; (1 - $total_compressed_size / $total_original_size) * 100" | bc)
        echo "总体积减小: $reduction_percent %"
    fi
fi

分辨率

屏幕分辨率

字体和背景

按情况定制 Theme 定义中的 background/border/text 字段。

✨ 亮点速览:

✅ 限时福利:即日起至12月31日,官网/扫码进群即可每月领取10亿 Tokens

✅ API/SDK全兼容:Java/Python…无缝集成,大模型/智能体能力快速接入

✅ 模型盲测排行榜:不同模型效果对比打分,完美匹配不同业务诉求

✅ 灵活授权管理:令牌验证权限和身份信息,保证数据和信息安全

🎁 立即行动:访问平台官网 https://www.tbox.cn/open/open-introduce,注册即享开发资源与Token优惠,加速您的AI应用落地!

➡️ 产品详情查看:https://alipaytbox.yuque.com/sxs0ba/doc/tbox_open_overview

相关文章
|
6月前
|
搜索推荐 API 开发工具
百宝箱开放平台 ✖️ Python SDK
百宝箱提供Python SDK,支持开发者集成其开放能力。需先发布应用,安装Python 3.6+环境后,通过pip安装tboxsdk,即可调用对话型、生成型智能体及文件上传等功能。
908 87
百宝箱开放平台 ✖️  Python SDK
|
运维 Linux
keepalived详解(二)——keepalived安装与配置文件
keepalived详解(二)——keepalived安装与配置文件
1371 1
|
6月前
|
Java API 开发工具
百宝箱开放平台 ✖️ Java SDK
百宝箱提供Java SDK,支持开发者集成其开放能力。需先发布应用,准备Java 8+及Maven环境,通过添加依赖安装SDK,并初始化客户端调用对话型或生成型智能体,实现会话管理、消息查询与文件上传等功能。
1531 0
百宝箱开放平台 ✖️ Java SDK
|
6月前
|
自然语言处理 JavaScript API
百宝箱开放平台 ✖️ 开发流程
本文介绍通过开放平台集成智能体能力的流程,包括创建发布应用、获取授权令牌及调用API/SDK三步。涵盖智能体调用、模型测评、文件操作等接口,并提供Java、Python、Node.js及Web SDK支持,助力开发者快速实现智能对话与内容生成功能集成。(239字)
531 0
百宝箱开放平台 ✖️ 开发流程
|
5月前
|
传感器 运维 监控
中小容量电力设备选型指南:计量型免维护呼吸器的核心价值
针对35kV-500kV中小容量变压器等设备,计量型免维护呼吸器集成高效吸湿、实时监测与智能预警功能,标配工业显示屏与RS485通讯,支持远程监控与系统接入,实现防潮运维从“被动处置”到“主动防控”升级,适配多种环境与协议,降低运维成本,提升供电可靠性。(239字)
257 0
|
人工智能 机器人 API
深夜的“懂我”瞬间:我在杭州开元名都,体验了一把“AI+闪购”投喂黑科技
深夜酒店点外卖,杭州开元名都大酒店AI管家惊艳体验:自动识别房号、智能推荐菜品、无感下单、机器人无接触送餐。依托蚂蚁百宝箱与云选科技合作,整合淘宝闪购、云迹地址MCP等能力,打造“懂你”的数字管家,重塑智慧酒店服务新范式。(239字)
334 0
深夜的“懂我”瞬间:我在杭州开元名都,体验了一把“AI+闪购”投喂黑科技
|
人工智能 自然语言处理 供应链
网上管家婆客服部被AI“抢活”了!实测百宝箱智能体的提效魔法
网上管家婆联合蚂蚁百宝箱推出AI智能客服与语音转写智能体,实现售后咨询秒级响应、销售录音自动分析,大幅提升效率。智能体嵌入现有系统,零代码操作,助力客服摆脱重复劳动,聚焦高价值服务,真正实现人机协同提效。
261 0
|
6月前
|
存储 JavaScript API
百宝箱开放平台 ✖️ Node.js SDK
开发者可以通过安装 Node.js SDK 的方式将百宝箱的 OpenAPI 集成到自有系统中,从而在外部系统中发起智能体对话。
374 0
百宝箱开放平台 ✖️ Node.js SDK
|
人工智能 自然语言处理 数据可视化
告别高成本定制:友盟U-AgentBox上线,开发者可一键集成行业模板,3天打造专属企业Agent
12月29日,蚂蚁百宝箱与友盟联合推出面向开发者的智能体产品U-AgentBox,聚焦低门槛、高效率集成专属智能体。通过模板化构建、可视化编辑与轻量级部署,助力开发者快速实现业务智能化升级。
368 0
告别高成本定制:友盟U-AgentBox上线,开发者可一键集成行业模板,3天打造专属企业Agent
|
运维 应用服务中间件 Linux
keepalived详解(三)——keepalived与Nginx配合实战
keepalived详解(三)——keepalived与Nginx配合实战
611 1