"# \u52a8\u753b\u63a7\u4ef6\uff08GIF\u63a7\u4ef6\uff09\u5982\u4f55\u4f7f\u7528\uff1f\n\n> 2022-03-21 | 2026-07-01\n> https:\/\/www.modbus.cn\/en\/6963.html\n\n**\u57fa\u7840\u63a7\u4ef6\u6587\u6863, \u89e6\u63a7\u5c4f\u5f00\u53d1\u6587\u6863**\n\n---\n\n## \u4ec0\u4e48\u662fGIF\u63a7\u4ef6?\n\n![GIF01](https:\/\/image.modbus.cn\/wp-content\/uploads\/2022\/03\/GIF01.png)\n\nGIF\u52a8\u753b\u3001ICON\u56fe\u6807\u6587\u4ef6\u53ef\u4ee5\u901a\u8fc7\u52a8\u753b\u63a7\u4ef6\u6765\u663e\u793a\u3002\u7528\u6237\u53ef\u4ee5\u8bbe\u7f6e\u52a8\u753b\u63a7\u4ef6\u81ea\u52a8\u64ad\u653e\uff0c\u4e5f\u53ef\u4ee5\u8bbe\u7f6e\u89e6\u6478\uff0c\u672c\u4f8b\u7a0b\u4e2d\u4ecb\u7ecd\u52a8\u753b\u63a7\u4ef6\u5e38\u89c1\u7684\u5e94\u7528\uff0c\u7ed3\u5408\u5de5\u7a0b\u4e2d\u7684\u753b\u9762\u4ecb\u7ecd\u6bcf\u4e00\u4e2a\u5e94\u7528\u7684\u914d\u7f6e\uff0c\u5e38\u89c1\u7684\u5e94\u7528\u5982\u4e0b\u6240\u793a\n\n- \u5f00\u673a\u52a8\u753b\uff1a\u5f00\u673a\u540e\uff0c\u52a8\u753b\u81ea\u52a8\u64ad\u653e\uff0c\u5e76\u5728\u64ad\u653e\u5b8c\u6210\u540e\u6267\u884c\u6307\u5b9a\u7684\u52a8\u4f5c- ICON\u6587\u4ef6\u64ad\u653e\uff1a\u4f7f\u7528VisualTFT\u8f6f\u4ef6\u5236\u4f5cICON\u6587\u4ef6\uff0cICON\u56fe\u6807\u5faa\u73af\u64ad\u653e\n\n\u9002\u7528\u8303\u56f4\uff1a\u5168\u7cfb\u5217\n\n\u4f8b\u7a0b\u4e0b\u8f7d\u94fe\u63a5\uff1a\u300a[GIF\u63a7\u4ef6\u5e94\u7528](http:\/\/www.gz-dc.com\/uploads\/file\/20200221\/%E6%95%99%E7%A8%8B7%20-%20%E4%B8%B2%E5%8F%A3%E5%B1%8F%E5%8A%A8%E7%94%BB%E6%8E%A7%E4%BB%B6%E7%9A%84%E5%BA%94%E7%94%A8.rar)\u300b(\u70b9\u51fb\u8df3\u8f6c)\n\n## 7.1 GIF\u63a7\u4ef6\u5c5e\u6027\u4ecb\u7ecd\n\nGIF\u63a7\u4ef6\u5c5e\u6027\u5982\u4e0b\u6240\u793a\n\n![image-20210517164022133](https:\/\/image.modbus.cn\/wp-content\/uploads\/2022\/03\/GIF02.png)\n\n#### \u521d\u59cb\u5316\u663e\u793a\n\n\u8fdb\u5165\u8be5\u753b\u9762\u65f6\u63a7\u4ef6\u662f\u5426\u521d\u59cb\u5316\u663e\u793a\n\n- \u9009\u62e9\u201c\u5426\u201d\uff0c\u63a7\u4ef6\u521d\u59cb\u5316\u4e0d\u663e\u793a\u3002\u5173\u95ed\u4e4b\u540e\u7528\u6237\u5982\u679c\u60f3\u8981\u628a\u52a8\u753b\u663e\u793a\u51fa\u6765,\u53ef\u4ee5\u7528\u6307\u4ee4\u52a9\u624b\u7684\u663e\u793a\u9690\u85cf\u63a7\u4ef6\u53d1\u9001\u6307\u4ee4\u8fdb\u884c\u521d\u59cb\u5316\u663e\u793a- \u9009\u62e9\u201c\u662f\u201d\uff0c\u5f00\u542f\u521d\u59cb\u5316\u663e\u793a\uff0c\u63a7\u4ef6\u521d\u59cb\u5316\u663e\u793a\n\n#### \u52a8\u753b\u6587\u4ef6\n\n\u9009\u62e9\u64ad\u653e\u6587\u4ef6\uff1a\u652f\u6301GIF\u3001ICON\u6587\u4ef6\n\n#### \u900f\u660e\u5904\u7406\n\n- \u4f7f\u7528\u900f\u660e\u8272\uff1a\u56fe\u6807\u4e2d\u7684\u900f\u660e\u8272\u76f4\u63a5\u900f\u660e\u663e\u793a- \u4e0e\u80cc\u666f\u6df7\u5408\uff1a\u56fe\u6807\u4e2d\u7684\u900f\u660e\u8272\u663e\u793a\u5f53\u524d\u753b\u9762\u7684\u76f8\u540c\u5750\u6807\u7684\u80cc\u666f\u8272\u6216\u80cc\u666f\u56fe\u7247- \u4e0e\u80cc\u666f\u8272\u878d\u5408\u5e76\u538b\u7f29\uff1a\u4e00\u822c\u7528\u4e8e\u538b\u7f29\u6709\u5927\u91cf\u900f\u660e\u533a\u57df\u7684PNG\u56fe\u7247\uff08\u73af\u5f62\u4eac\u90fd\u6761\u3001\u6c7d\u8f66\u4eea\u8868\u7b49\uff09\n\n![GIF03](https:\/\/image.modbus.cn\/wp-content\/uploads\/2022\/03\/GIF03.png)\n\n#### \u81ea\u52a8\u64ad\u653e\n\n\u8fdb\u5165\u8be5\u753b\u9762\u65f6\u52a8\u753b\u662f\u5426\u81ea\u52a8\u64ad\u653e\n\n- \u5426\uff1a\u4e0d\u81ea\u52a8\u64ad\u653e- \u662f\uff1a\u81ea\u52a8\u64ad\u653e- \u95f4\u9694\u65f6\u95f4\uff1a\u81ea\u52a8\u64ad\u653e\u95f4\u9694\u65f6\u95f4\uff08\u5355\u4f4d\u4e3a\u6beb\u79d2\uff09- \u5faa\u73af\u6b21\u6570\uff1a\u5faa\u73af\u64ad\u653e\u6b21\u6570\uff080\u8868\u793a\u4e0d\u65ad\u5faa\u73af\u64ad\u653e\uff09- \u64ad\u653e\u7ed3\u675f\u65f6\uff1a\u64ad\u653e\u7ed3\u675f\u65f6\u7684\u5904\u7406\uff08\u4e0d\u5904\u7406\u3001\u53d1\u9001\u901a\u77e5\u3001\u5207\u6362\u5230\u4e0b\u4e00\u753b\u9762\uff09\n\n#### \u89e6\u6478\u8bbe\u7f6e\n\n\u624b\u6307\u5728\u63a7\u4ef6\u4e0a\u89e6\u6478\u6216\u6ed1\u52a8\u65f6\uff0c\u662f\u5426\u901a\u77e5\u6216\u6362\u5e27\n\n- \u7981\u6b62\u89e6\u6478\uff1a\u4e0d\u80fd\u89e6\u6478- \u5141\u8bb8\u89e6\u6478\uff1a\u89e6\u6478\u63a7\u4ef6\u65f6\u53d1\u9001\u901a\u77e5- \u6c34\u5e73\/\u5782\u76f4\u6ed1\u52a8\u65f6\u6362\u5e27\uff1a\u6c34\u5e73\/\u5782\u76f4\u6ed1\u52a8\u65f6\uff0c\u5207\u6362\u5e27\u5e76\u53d1\u9001\u901a\u77e5- \u6b65\u957f\uff08\u50cf\u7d20\uff09\uff1a\u6ed1\u52a8\u5207\u6362\u4e00\u5e27\u7684\u5355\u4f4d\uff0c\u5207\u6362\u5e27\u6570=\u6ed1\u52a8\u8ddd\u79bb\/\u6b65\u957f\uff0c\u5982\u4e0b\u6240\u793a\n\n![GIF04](https:\/\/image.modbus.cn\/wp-content\/uploads\/2022\/03\/GIF04.png)\n\n## 7.2 \u5f00\u673a\u52a8\u753b\n\n\u3010\u5f00\u673a\u52a8\u753b\u3011\u753b\u9762\uff0c\u4ecb\u7ecd\u5f00\u673a\u52a8\u753b\u8bbe\u7f6e\uff0c\u53ef\u4ee5\u8bbe\u7f6e\u5f00\u673a\u52a8\u753b\u81ea\u52a8\u64ad\u653e\uff0c\u5e76\u5728\u64ad\u653e\u7ed3\u675f\u540e\u81ea\u52a8\u8df3\u5230\u4e0b\u4e00\u9875\n\n#### \u753b\u9762\u914d\u7f6e\n\n\u5728\u3010\u5f00\u673a\u52a8\u753b\u3011\u753b\u9762\u7684\u201c\u80cc\u666f\u56fe\u7247\u201d\u5bfc\u5165\u76f8\u5e94\u7684\u7f8e\u5de5\u56fe\u7247\u3002\u5728\u8be5\u753b\u9762\u4e2d\u6dfb\u52a0\u52a8\u753b\u63a7\u4ef6\uff0c\u5982\u4e0b\u6240\u793a\n\n![image-20210517173615355](https:\/\/image.modbus.cn\/wp-content\/uploads\/2022\/03\/GIF05.png)\n\n#### \u5c5e\u6027\u914d\u7f6e\n\n\u8bbe\u7f6e\u52a8\u753b\u63a7\u4ef6\uff08\u63a7\u4ef6ID\uff1a1\uff09\u7684\u5c5e\u6027\uff0c\u3010\u52a8\u753b\u6587\u4ef6\u3011\u9009\u62e9GIF\u6587\u4ef6\u3001\u8bbe\u7f6e\u3010\u95f4\u9694\u65f6\u95f4\u3011\u4e3a\u201c35\u201d\u3001\u3010\u64ad\u653e\u7ed3\u675f\u65f6\u3011\u4e3a\u201c\u5207\u6362\u5230\u4e0b\u4e00\u5e27\u201d\uff0c\u914d\u7f6e\u5982\u4e0b\u6240\u793a\n\n![GIF06](https:\/\/image.modbus.cn\/wp-content\/uploads\/2022\/03\/GIF06.png)\n\n#### \u8fd0\u884c\u9884\u89c8\n\n\u8fd0\u884c\u865a\u62df\u5c4f\uff0c\u52a8\u753b\u63a7\u4ef6\u64ad\u653e\u5b8c\u6bd5\u81ea\u52a8\u8df3\u8f6c\u4e0b\u4e00\u9875\u9762\uff0c\u8fd0\u884c\u6548\u679c\u5982\u4e0b\u6240\u793a\n\n![](https:\/\/image.modbus.cn\/wp-content\/uploads\/2022\/03\/GIF07.gif)\n\n#### MCU\u63a7\u5236GIF\u64ad\u653e\u3001\u6682\u505c\n\n\u53c2\u8003\u5f00\u53d1\u5305keil\u7a0b\u5e8f\u4e2d\u7684him.dever.h\u6587\u4ef6\u51fd\u6570\u58f0\u660e\u4ee5\u53cahim.dever.c\u6587\u4ef6\u4e2d\u7684\u5b9a\u4e49\n\nMCU\u63a7\u5236\u5f00\u542f\u64ad\u653e\u52a8\u753b\n\n\u4f8b\u5982\u7528\u6237\u9700\u5f00\u59cb\u64ad\u653e\u52a8\u753b\uff0c\u5219\u76f4\u63a5\u8c03\u7528\u64ad\u653e\u52a8\u753b\u51fd\u6570AnimationStart ( )\u5373\u53ef\uff0c\u4ee3\u7801\u5982\u4e0b\u6240\u793a\n\n```\n\/********************************************************************\n** Function name:     void AnimationStart(uint16 screen_id,\n**                                        uint16 control_id);\n** Descriptions    :  \u5f00\u59cb\u64ad\u653e\u52a8\u753b\n** input parameters:  screen_id:   \u753b\u9762ID\n**                    control_id:  \u63a7\u4ef6ID \n** output parameters: \u65e0\n** Returned value   : \u65e0\n********************************************************************\/\n{\n  \u2026\u2026\n  AnimationStart(0, 1); \/\/\u753b\u9762ID0\uff0c\u63a7\u4ef6ID1,\u5f00\u59cb\u64ad\u653e\u52a8\u753b\n  \u2026\u2026\n}\n```\n\nMCU\u63a7\u5236\u505c\u6b62\u64ad\u653e\u52a8\u753b\n\n\u4f8b\u5982\u7528\u6237\u9700\u505c\u6b62\u64ad\u653e\u52a8\u753b\uff0c\u5219\u76f4\u63a5\u8c03\u7528\u505c\u6b62\u64ad\u653e\u52a8\u753b\u51fd\u6570AnimationStop ( )\u5373\u53ef\uff0c\u4ee3\u7801\u5982\u4e0b\u6240\u793a\n\n```\n\/********************************************************************\n** Function name:    void AnimationStop(uint16 screen_id,\n**                                      uint16 control_id);\n** Descriptions    :  \u505c\u6b62\u64ad\u653e\u52a8\u753b\n** input parameters:  screen_id:   \u753b\u9762ID\n**                    control_id:  \u63a7\u4ef6ID \n** output parameters: \u65e0\n** Returned value   : \u65e0\n********************************************************************\/\n{\n  \u2026\u2026\n  AnimationStop(0, 1); \/\/\u753b\u9762ID0\uff0c\u63a7\u4ef6ID1,\u505c\u6b62\u64ad\u653e\u52a8\u753b\n  \u2026\u2026\n}\n```\n\n## 7.3 ICON\u6587\u4ef6\u64ad\u653e\n\nICON\u6587\u4ef6\u64ad\u653e\u3011\u753b\u9762\uff0c\u4ecb\u7ecd\u5236\u4f5cICON\u6587\u4ef6\u3001\u64ad\u653eICON\u6587\u4ef6\u8bbe\u7f6e\n\n#### \u753b\u9762\u914d\u7f6e\n\n\u5728\u3010ICON\u6587\u4ef6\u64ad\u653e\u3011\u753b\u9762\u7684\u201c\u80cc\u666f\u56fe\u7247\u201d\u5bfc\u5165\u76f8\u5e94\u7684\u7f8e\u5de5\u56fe\u7247\u3002\u5728\u8be5\u753b\u9762\u4e2d\u6dfb\u52a0\u52a8\u753b\u63a7\u4ef6\uff0c\u5982\u4e0b\u6240\u793a\n\n![GIF08](https:\/\/image.modbus.cn\/wp-content\/uploads\/2022\/03\/GIF08.png)\n\n#### \u56fe\u6807\u751f\u6210\n\n\u672c\u7ae0\u8282\u4e0d\u9610\u8ff0\u56fe\u6807\u7684\u5236\u4f5c\u8fc7\u7a0b\uff0c\u5177\u4f53\u53ef\u53c2\u8003\u00a0\u56fe\u6807\u63a7\u4ef6\u00a0\u4e00\u7ae0\u8282\n\n#### \u5c5e\u6027\u914d\u7f6e\n\n\u8bbe\u7f6e\u52a8\u753b\u63a7\u4ef6\uff08\u63a7\u4ef6ID\uff1a1\uff09\u7684\u5c5e\u6027\uff0c\u3010\u52a8\u753b\u6587\u4ef6\u3011\u9009\u62e9\u5236\u4f5c\u597d\u7684ICON\u6587\u4ef6\u3001\u8bbe\u7f6e\u3010\u95f4\u9694\u65f6\u95f4\u3011\u4e3a\u201c550\u201d\uff0c\u914d\u7f6e\u5982\u4e0b\u6240\u793a\n\n![image-20210517175619428](https:\/\/image.modbus.cn\/wp-content\/uploads\/2022\/03\/GIF09.png)\n\n#### \u8fd0\u884c\u9884\u89c8\n\n\u8fd0\u884c\u865a\u62df\u5c4f\uff0cVisualTFT\u8f6f\u4ef6\u548c\u865a\u62df\u5c4f\u7528\u201c\u865a\u62df\u4e32\u53e3\u201d\u5efa\u7acb\u8054\u673a\u3002\u6253\u5f00\u3010\u6307\u4ee4\u52a9\u624b\u3011\uff0c\u9009\u62e9\u5de6\u4fa7\u5bfc\u822a\u680f\u3010\u52a8\u753b\u63a7\u4ef6\u3011\uff0c\u8bbe\u7f6e\u201c\u52a8\u753b\u63a7\u4ef6\u663e\u793a\u201d\u533a\u57df\u7684\u6307\u4ee4\u53c2\u6570\u3002\u5bf9\u753b\u9762\uff08\u753b\u9762ID\uff1a1\uff09\u4e2d\u7684\u52a8\u753b\u63a7\u4ef6\uff08\u63a7\u4ef6ID\uff1a1\uff09\u6682\u505c\u64ad\u653e\uff0c\u7136\u540e\u624b\u52a8\u663e\u793a\u4e0b\u4e00\u5e27\u3002\u5219\u5728\u865a\u62df\u5c4f\u4e2d\uff0c\u8be5\u52a8\u753b\u63a7\u4ef6\u6682\u505c\u5e76\u663e\u793a\u4e0b\u4e00\u5e27\uff0c\u8fd0\u884c\u6548\u679c\u5982\u4e0b\u6240\u793a\n\n![GIF10](https:\/\/image.modbus.cn\/wp-content\/uploads\/2022\/03\/GIF10.gif)\n\n#### \u5916\u90e8MCU\u63a7\u5236\n\n\u53c2\u8003\u5f00\u53d1\u5305keil\u7a0b\u5e8f\u4e2d\u7684him.dever.h\u6587\u4ef6\u51fd\u6570\u58f0\u660e\u4ee5\u53cahim.dever.c\u6587\u4ef6\u4e2d\u7684\u5b9a\u4e49\u3002\u4f8b\u5982\u7528\u6237\u9700\u663e\u793a\u52a8\u753b\u7684\u4e0b\u4e00\u5e27\uff0c\u5219\u76f4\u63a5\u8c03\u7528\u663e\u793a\u52a8\u753b\u4e0b\u4e00\u5e27\u51fd\u6570AnimationPlayNext ( )\u5373\u53ef\uff0c\u4ee3\u7801\u5982\u4e0b\u6240\u793a\n\n```\n\/*******************************************************************\n** Function name:    void AnimationPlayNext(uint16 screen_id,\n**                                          uint16 control_id);\n** Descriptions    :  \u64ad\u653e\u4e0b\u4e00\u5e27\n** input parameters:  screen_id:   \u753b\u9762ID\n**                    control_id:  \u63a7\u4ef6ID \n** output parameters: \u65e0\n** Returned value   : \u65e0\n********************************************************************\/\n{\n  \u2026\u2026\n  AnimationPlayNext(0, 1); \/\/\u753b\u9762ID0\uff0c\u63a7\u4ef6ID1,\u64ad\u653e\u4e0b\u4e00\u5e27\n  \u2026\u2026\n}\n```\n\n---\n*modbus.cn*\n"