{"id":1209,"date":"2023-03-13T20:29:49","date_gmt":"2023-03-13T12:29:49","guid":{"rendered":"https:\/\/www.huangrongzhen.ink\/?p=1209"},"modified":"2023-03-14T19:06:55","modified_gmt":"2023-03-14T11:06:55","slug":"%e5%8d%95%e7%89%87%e6%9c%ba-gui-%e8%ae%be%e8%ae%a1%ef%bc%88%e5%8d%81%e5%85%ad%ef%bc%89-%e4%bb%aa%e8%a1%a8%e7%9b%98","status":"publish","type":"post","link":"https:\/\/www.huangrongzhen.ink\/?p=1209","title":{"rendered":"\u5355\u7247\u673a GUI \u8bbe\u8ba1\uff08\u5341\u516d\uff09- \u4eea\u8868\u76d8"},"content":{"rendered":"<div class=\"wp-block-post-excerpt\"><p class=\"wp-block-post-excerpt__excerpt\">\u57fa\u4e8e GD32F303ZET6 \u82f9\u679c\u6d3e\u5f00\u53d1\u677f <\/p><\/div>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%E7%AE%80%E4%BB%8B\"><\/span>\u7b80\u4ecb<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u4eea\u8868\u76d8\uff0c\u5e7f\u6cdb\u5e94\u7528\u4e8e\u6c7d\u8f66\u663e\u793a\u901f\u5ea6\uff0c\u4e5f\u53ef\u4ee5\u7528\u6765\u505a\u65f6\u949f\u9762\u677f\u3001\u6e29\u6e7f\u5ea6\u8ba1\u9762\u677f\u7b49\u7b49\uff0c\u5e94\u7528\u5341\u5206\u5e7f\u6cdb\uff0c\u5728\u751f\u6d3b\u4e2d\u968f\u5904\u53ef\u89c1\u3002\u6c7d\u8f66\u7684\u4eea\u8868\u76d8\u5982\u4e0b\u6240\u793a\u3002\uff08\u672c\u60f3\u505a\u4e00\u6bb5\u751f\u52a8\u7684\u63cf\u8ff0\uff0c\u5948\u4f55\u6587\u5316\u6c34\u5e73\u4e0d\u591f\uff09<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"682\" src=\"http:\/\/www.huangrongzhen.ink\/wp-content\/uploads\/2023\/03\/\u6c7d\u8f66\u4eea\u8868\u76d8\u793a\u4f8b\u56fe\u7247-20230313-1024x682.jpg\" alt=\"\" class=\"wp-image-1210\" srcset=\"https:\/\/www.huangrongzhen.ink\/wp-content\/uploads\/2023\/03\/\u6c7d\u8f66\u4eea\u8868\u76d8\u793a\u4f8b\u56fe\u7247-20230313-1024x682.jpg 1024w, https:\/\/www.huangrongzhen.ink\/wp-content\/uploads\/2023\/03\/\u6c7d\u8f66\u4eea\u8868\u76d8\u793a\u4f8b\u56fe\u7247-20230313-300x200.jpg 300w, https:\/\/www.huangrongzhen.ink\/wp-content\/uploads\/2023\/03\/\u6c7d\u8f66\u4eea\u8868\u76d8\u793a\u4f8b\u56fe\u7247-20230313-768x511.jpg 768w, https:\/\/www.huangrongzhen.ink\/wp-content\/uploads\/2023\/03\/\u6c7d\u8f66\u4eea\u8868\u76d8\u793a\u4f8b\u56fe\u7247-20230313-451x300.jpg 451w, https:\/\/www.huangrongzhen.ink\/wp-content\/uploads\/2023\/03\/\u6c7d\u8f66\u4eea\u8868\u76d8\u793a\u4f8b\u56fe\u7247-20230313.jpg 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<p>\u4eea\u8868\u76d8\u9a71\u52a8\u96be\u70b9\u5728\u4e8e\u6307\u9488\u7684\u7ed8\u5236\uff0c\u597d\u591a\u540c\u5b66\u4e0d\u77e5\u9053\u5982\u4f55\u8ba9\u6307\u9488\u8f6c\u8d77\u6765\u3002\u60f3\u8981\u663e\u793a\u6307\u9488\u5e76\u4e0d\u96be\uff0c\u96be\u5c31\u96be\u5728\u5982\u4f55\u8ba9\u6307\u9488\u6d88\u5931\uff0c\u603b\u4e0d\u81f3\u4e8e\u753b\u7740\u753b\u7740\uff0c\u5c4f\u5e55\u4e0a\u6ee1\u662f\u6307\u9488\u5427\uff0c\u8981\u9075\u5faa\u53ea\u6709\u4e00\u4e2a\u6307\u9488\u539f\u5219\u3002\u672c\u6587\u4e2d\u5c06\u4ecb\u7ecd\u56db\u79cd\u53ef\u4ee5\u8ba9\u6307\u9488\u8f6c\u8d77\u6765\u7684\u529e\u6cd5\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%E6%96%B9%E6%B3%95%E4%B8%80%EF%BC%9A%E6%9A%B4%E5%8A%9B%E5%88%B7%E5%9B%BE\"><\/span>\u65b9\u6cd5\u4e00\uff1a\u66b4\u529b\u5237\u56fe<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u5237\u56fe\u662f\u5b9e\u73b0\u4eea\u8868\u76d8\u6700\u7b80\u5355\u3001\u6700\u66b4\u529b\u7684\u65b9\u6cd5\u3002\u5982\u679c\u4f60\u7684\u4eea\u8868\u76d8\u6709\u4e00\u767e\u4e2a\u5206\u5ea6\u683c\uff0c\u90a3\u4e48\u5c31\u76f4\u63a5\u51c6\u5907\u4e00\u767e\u5f20\u6307\u9488\u89d2\u5ea6\u4e0d\u901a\u7684\u56fe\u7247\uff0c\u9700\u8981\u663e\u793a\u54ea\u4e2a\u89d2\u5ea6\u65f6\uff0c\u76f4\u63a5\u663e\u793a\u5bf9\u5e94\u7684\u56fe\u7247\u5373\u53ef\u3002\u7b80\u5355\u3001\u5b9e\u7528\uff0c\u5c31\u662f\u4e0d\u600e\u4e48\u65b9\u4fbf\uff0c\u56e0\u4e3a\u8981\u51c6\u5907\u597d\u591a\u5f20\u56fe\u7247\uff0c\u60f3\u60f3\u5c31\u5fc3\u7d2f\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%E6%96%B9%E6%B3%95%E4%BA%8C%EF%BC%9A%E5%88%B7%E6%95%B4%E5%B1%8F\"><\/span>\u65b9\u6cd5\u4e8c\uff1a\u5237\u6574\u5c4f<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u9996\u5148\u8981\u627e\u5230\u4e00\u5f20\u5e72\u51c0\u7684\u4eea\u8868\u76d8\u56fe\u7247\uff0c\u5fc5\u987b\u662f\u4e0d\u5e26\u6307\u9488\u7684\u90a3\u79cd\uff0c\u5982\u4e0b\u6240\u793a\u3002\u5f53\u7136\uff0c\u4e0d\u4e00\u5b9a\u975e\u5f97\u8981\u6574\u5f20\u56fe\u7247\uff0c\u8bfb\u8005\u4e5f\u53ef\u4ee5\u7528\u753b\u5f27\u7ebf\u7684\u65b9\u5f0f\uff0c\u624b\u7ed8\u51fa\u4e00\u4e2a\u4e0d\u5e26\u6307\u9488\u7684\u4eea\u8868\u76d8\u56fe\u6848\u3002\u5c31\u6211\u4e2a\u4eba\u800c\u8a00\uff0c\u66f4\u503e\u5411\u4e8e\u4f7f\u7528\u56fe\u7247\uff0c\u56e0\u4e3a\u7b80\u5355\u65b9\u4fbf\uff0c\u5237\u56fe\u5c31\u5b8c\u4e8b\u4e86\u3002<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"800\" height=\"480\" src=\"http:\/\/www.huangrongzhen.ink\/wp-content\/uploads\/2023\/03\/\u4eea\u8868\u76d8\u80cc\u666f\u56fe\u7247-20230313.bmp\" alt=\"\" class=\"wp-image-1212\"\/><\/figure><\/div>\n\n\n<p>\u4f7f\u7528\u5237\u6574\u5c4f\u7684\u65b9\u5f0f\u5b9e\u73b0\u6307\u9488\u8f6c\u52a8\u539f\u7406\u5f88\u7b80\u5355\uff0c\u5c31\u662f\u6bcf\u6b21\u7ed8\u5236\u6307\u9488\u4e4b\u524d\uff0c\u7528\u4e00\u5f20\u5e26\u4eea\u8868\u76d8\u7684\u56fe\u7247\u5237\u65b0\u6574\u4e2a\u5c4f\u5e55\uff0c\u7136\u540e\u518d\u5c06\u6307\u9488\u63cf\u4e0a\u53bb\u3002\u5237\u5c4f\u7684\u8fc7\u7a0b\u4e2d\u4f1a\u5f88\u81ea\u7136\u7684\u5c06\u4e0a\u4e00\u4e2a\u6307\u9488\u62b9\u53bb\uff0c\u91cd\u65b0\u7ed8\u5236\u6307\u9488\u540e\uff0c\u4eea\u8868\u76d8\u4e0a\u5c31\u53ea\u5269\u4e0b\u4e00\u6761\u6307\u9488\u4e86\u3002<\/p>\n\n\n\n<p>\u8fd9\u4e2a\u65b9\u6cd5\u9002\u7528\u4e8e GD32F470\u3001STM32F429 \u7b49\u5e26\u786c\u4ef6\u5237\u56fe\u673a\u5236\u7684\u5904\u7406\u5668\u3002\u8fd9\u4e9b\u5904\u7406\u5668\u5237\u56fe\u7684\u901f\u5ea6\u5f88\u5feb\uff0c\u800c\u4e14\u901a\u5e38\u4f1a\u5e26\u6709\u5f88\u5927\u7684\u5916\u62d3 SDRAM\uff0c\u4e00\u822c\u662f 32M\uff0c\u6bd4\u5355\u7247\u673a\u5185\u90e8 Flash \u8fd8\u8981\u5927\u5f97\u591a\u3002\u4f7f\u7528\u65f6\u53ef\u4ee5\u63d0\u524d\u5c06\u6574\u5f20\u80cc\u666f\u56fe\u7247\u4ece\u6587\u4ef6\u7cfb\u7edf\u5bfc\u5165\u5230\u5185\u5b58\uff0c\u5373 SDRAM \u4e2d\uff0c\u5237\u56fe\u65f6\u76f4\u63a5\u7528\u786c\u4ef6\u52a0\u901f\u673a\u5236\uff0c\u5c06\u6574\u5f20\u56fe\u7247\u586b\u5145\u5230\u5c4f\u5e55\u663e\u793a\u3002\u786c\u4ef6\u5237\u56fe\u901a\u5e38\u5f88\u5feb\uff0c\u8089\u773c\u51e0\u4e4e\u770b\u4e0d\u5230\u5237\u56fe\u8fc7\u7a0b\u3002<\/p>\n\n\n\n<p>\u5bf9\u4e8e\u4f7f\u7528\u4e86 MCU \u5c4f\u7684\u82f9\u679c\u6765\uff0c\u56e0\u4e3a GD32F303 \u4e0d\u652f\u6301\u786c\u4ef6\u5237\u56fe\uff0c\u800c\u4e14\u5916\u62d3\u7684 SRAM \u53ea\u6709 1M\uff0c\u6240\u6709\u62ff\u56fe\u7247\u5237\u6574\u5c4f\u4f1a\u6bd4\u8f83\u6162\u3002\u4e00\u822c\u90fd\u662f\u7528\u7eaf\u8272\u5237\u6574\u5c4f\uff0c\u7136\u540e\u518d\u7528\u753b\u5f27\u7ebf\u51fd\u6570\uff0c\u63cf\u7ed8\u51fa\u4eea\u8868\u76d8\uff0c\u8fd9\u6837\u901f\u5ea6\u4f1a\u5feb\u4e00\u4e9b\u3002\u5f53\u7136\uff0c\u8bfb\u8005\u4e5f\u53ef\u4ee5\u5c06\u56fe\u7247\u663e\u793a\u8303\u56f4\u7f29\u5c0f\uff0c\u5237\u6574\u5c4f\u65f6\u7528\u7eaf\u8272\uff0c\u7136\u540e\u518d\u5c06\u4eea\u8868\u76d8\u56fe\u7247\u663e\u793a\u5230\u5bf9\u5e94\u4f4d\u7f6e\u5373\u53ef\uff0c\u8fd9\u6837\u4e5f\u53ef\u4ee5\u5f97\u5230\u4e00\u4e2a\u4e0d\u9519\u7684\u5237\u65b0\u901f\u5ea6\uff0c\u5c31\u662f\u4eea\u8868\u76d8\u56fe\u7247\u522b\u592a\u5927\uff0c\u4f1a\u5f88\u6162\u3002\u3002\u3002\u3002<\/p>\n\n\n\n<p>\u5bf9\u4e8e\u6307\u9488\uff0c\u524d\u671f\u6211\u4eec\u53ef\u4ee5\u7b80\u5355\u7684\u7528\u4e00\u6761\u76f4\u7ebf\u4ee3\u66ff\uff0c\u5982\u6b64\u4e00\u6765\uff0c\u7ed8\u5236\u6307\u9488\u65f6\uff0c\u53ea\u9700\u8981\u8c03\u7528\u753b\u7ebf\u51fd\u6570\u5373\u53ef\u3002<\/p>\n\n\n\n<p>\u4f7f\u7528\u5237\u6574\u5c4f\u5b9e\u73b0\u6307\u9488\u8f6c\u52a8\u7684\u4ee3\u7801\u5982\u4e0b\u6240\u793a\u3002\u6307\u9488\u7684\u8d77\u70b9\uff0c\u4e5f\u5c31\u662f\u4eea\u8868\u76d8\u4e2d\u5fc3\u7684\u4f4d\u7f6e\u6bd4\u8f83\u96be\u786e\u5b9a\uff0c\u4e00\u822c\u6211\u662f\u901a\u8fc7\u6253\u70b9\u51fd\u6570\uff0c\u5c1d\u8bd5\u591a\u6b21\u540e\u624d\u80fd\u5f97\u5230\u7406\u60f3\u4f4d\u7f6e\u3002\u77e5\u9053\u4e86\u8d77\u70b9\uff0c\u786e\u5b9a\u4e86\u6307\u9488\u7684\u957f\u5ea6\u4e4b\u540e\uff0c\u9700\u8981\u7528\u91cf\u89d2\u5668\u6d4b\u91cf\u901f\u5ea6\u4e3a 0 r\/min \u548c 1200 r\/min \u4e24\u4e2a\u8f6c\u901f\u5bf9\u5e94\u7684\u89d2\u5ea6\uff0c\u7136\u540e\u5c06\u4f20\u8fdb\u6765\u7684\u901f\u5ea6\u503c\u8f6c\u6362\u6210\u767e\u5206\u6bd4\uff0c\u7d27\u63a5\u7740\u5c31\u53ef\u4ee5\u7528\u4e09\u89d2\u51fd\u6570\u8ba1\u7b97\u6307\u9488\u7684\u7ec8\u70b9\u4e86\u3002\u5f97\u5230\u4e86\u6307\u9488\u7684\u8d77\u70b9\u548c\u7ec8\u70b9\u4e4b\u540e\uff0c\u76f4\u63a5\u7528\u753b\u7ebf\u51fd\u6570\u5c06\u4e24\u4e2a\u5750\u6807\u70b9\u8fde\u8d77\u6765\u5373\u53ef\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"c\" class=\"language-c\">#include \".\/LCD\/LCD.h\"\n#include \".\/Picture\/BMP.h\"\n#include &lt;math.h&gt;\n\n\/\/\u6307\u9488\u76f8\u5173\u4fe1\u606f\n#define POINTER_X0    (400)\n#define POINTER_Y0    (260)\n#define POINTER_LEN   (200)\n#define POINTER_COLOR (LCD_COLOR_RED)\n\n\/\/\u7ed8\u5236\u80cc\u666f\nstatic void DrawBackground(void)\n{\n  extern const unsigned char g_arrSpeedBgImage800x480[768068];\n  DrawBMP(g_arrSpeedBgImage800x480, 0, 0);\n}\n\n\/\/\u8bbe\u7f6e\u901f\u5ea6\u4eea\u8868\u76d8\u901f\u5ea6\u663e\u793a\n\/\/speed\uff1a0~1200\nvoid SetSpeedometer(unsigned int speed)\n{\n  double pi, angle0, angle1, angle, rate;\n  int x, y, x0, y0, x1, y1;\n\n  \/\/\u9650\u5b9a\u8303\u56f4\n  if (speed &gt; 1200)\n  {\n    speed = 1200;\n  }\n\n  \/\/\u9501\u5b9a LCD\n  LCDLock();\n\n  \/\/\u7ed8\u5236\u80cc\u666f\n  DrawBackground();\n\n  \/\/\u8ba1\u7b97\u5360\u6bd4\u5927\u5c0f\n  rate = 100.0 * (double)speed \/ 1200.0;\n  rate = 100.0 - rate;\n\n  \/\/\u6c42\u76f4\u7ebf\u5728\u76f4\u89d2\u5750\u6807\u7cfb\u4e2d\u7684\u89d2\u5ea6\n  pi = 3.1415926535;\n  angle0 = pi * -0.2445; \/\/100%\u5bf9\u5e94\u7684\u89d2\u5ea6\uff08\u5f27\u5ea6\uff09\n  angle1 = pi * 1.2445;  \/\/0%\u5bf9\u5e94\u7684\u89d2\u5ea6\uff08\u5f27\u5ea6\uff09\n  angle = angle0 + (angle1 - angle0) * rate \/ 100.0;\n\n  \/\/\u6c42\u76f4\u7ebf\u8d77\u70b9\u7ec8\u70b9\n  x = POINTER_LEN * cos(angle);\n  y = POINTER_LEN * sin(angle);\n  y = -y;\n  x0 = POINTER_X0;\n  y0 = POINTER_Y0;\n  x1 = x0 + x;\n  y1 = y0 + y;\n\n  \/\/\u7ed8\u5236\u76f4\u7ebf\n  LCDDrawLine(x0, y0, x1, y1, POINTER_COLOR);\n\n  \/\/\u89e3\u9501 LCD\n  LCDUnlock();\n}<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%E6%96%B9%E6%B3%95%E4%B8%89%EF%BC%9A%E7%94%A8%E7%BA%AF%E8%89%B2%E5%88%B7%E6%96%B0%E6%8C%87%E9%92%88%E6%89%80%E5%9C%A8%E5%8C%BA%E5%9F%9F\"><\/span>\u65b9\u6cd5\u4e09\uff1a\u7528\u7eaf\u8272\u5237\u65b0\u6307\u9488\u6240\u5728\u533a\u57df<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u5237\u56fe\u56fa\u7136\u7b80\u5355\uff0c\u4f46\u662f\u5361\u6162\uff0c\u82f9\u679c\u6d3e\u5f00\u53d1\u677f\u627f\u53d7\u4e0d\u6765\u3002\u5149\u662f\u4eea\u8868\u76d8\u663e\u793a\uff0c\u53ef\u80fd\u5c31\u8017\u5149\u4e86\u82f9\u679c\u6d3e\u7684\u7b97\u529b\u3002\u5982\u679c\u4eea\u8868\u76d8\u7684\u5143\u7d20\u6bd4\u8f83\u7b80\u5355\uff0c\u80cc\u666f\u662f\u7eaf\u8272\u7684\uff0c\u5c31\u50cf\u672c\u6587\u63d0\u4f9b\u7684\u90a3\u79cd\u56fe\u7247\u4e00\u6837\u3002\u8fd9\u65f6\u5019\u6211\u4eec\u53ef\u4ee5\u9009\u62e9\u5c06\u6307\u9488\u957f\u5ea6\u7f29\u77ed\u4e00\u4e9b\uff0c\u7528\u7eaf\u8272\u5237\u65b0\u6307\u9488\u663e\u793a\u533a\u57df\u3002<\/p>\n\n\n\n<p>\u8fd9\u4e2a\u65b9\u6cd5\u5177\u4f53\u6b65\u9aa4\u662f\uff0c\u9996\u5148\u89c4\u5212\u6307\u9488\u663e\u793a\u7684\u77e9\u5f62\u533a\u57df\uff0c\u6ce8\u610f\uff0c\u5fc5\u987b\u662f\u77e9\u5f62\uff0c\u4e14\u77e9\u5f62\u533a\u57df\u4e0d\u80fd\u8986\u76d6\u5230\u4eea\u8868\u76d8\u7684\u523b\u5ea6\u5c3a\u4e0a\uff0c\u7136\u540e\u6bcf\u6b21\u663e\u793a\u6307\u9488\u4e4b\u524d\uff0c\u7528\u7eaf\u8272\uff08\u4e0e\u4eea\u8868\u76d8\u80cc\u666f\u989c\u8272\u76f8\u540c\uff09\u586b\u5145\u8fd9\u7247\u77e9\u5f62\u533a\u57df\uff0c\u6700\u540e\u5c06\u6307\u9488\u753b\u4e0a\u53bb\u5373\u53ef\u3002\u56e0\u4e3a\u6307\u9488\u663e\u793a\u7684\u533a\u57df\u6709\u9650\u5236\uff0c\u6240\u4ee5\u7528\u6b64\u65b9\u6cd5\u65f6\uff0c\u6307\u9488\u4e00\u822c\u4e0d\u4f1a\u592a\u957f\uff0c\u4e14\u4e0d\u4f1a\u5ef6\u4f38\u5230\u4eea\u8868\u76d8\u7684\u523b\u5ea6\u5c3a\u4e0a\u3002<\/p>\n\n\n\n<p>\u5177\u4f53\u5b9e\u73b0\u4ee3\u7801\u5982\u4e0b\u6240\u793a\u3002\u540c\u6837\u7684\uff0c\u5237\u65b0\u533a\u57df\u8981\u901a\u8fc7 LCDDrawRectangle \u51fd\u6570\u591a\u6b21\u6807\u5b9a\uff0c\u624d\u4f1a\u5f97\u5230\u6bd4\u8f83\u7406\u60f3\u7684\u503c\u3002\u56e0\u4e3a\u662f\u7eaf\u8272\u586b\u5145\uff0c\u4f1a\u663e\u5f97\u6307\u9488\u8d77\u70b9\u6bd4\u8f83\u5b64\u5355\uff0c\u4e3a\u4e86\u4eea\u5f0f\u611f\uff0c\u6211\u4eec\u53ef\u4ee5\u4ee5\u6307\u9488\u8d77\u70b9\u4e3a\u5706\u5fc3\uff0c\u7ed8\u5236\u4e00\u4e2a\u7a7a\u5fc3\u5706\uff0c\u6216\u5b9e\u5fc3\u5706\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"c\" class=\"language-c\">#include \".\/LCD\/LCD.h\"\n#include \".\/Picture\/BMP.h\"\n#include &lt;math.h&gt;\n\n\/\/\u5237\u65b0\u533a\u57df\n#define POINTER_AREA_X0     (300)\n#define POINTER_AREA_Y0     (160)\n#define POINTER_AREA_X1     (500)\n#define POINTER_AREA_Y1     (360)\n#define POINTER_AREA_WIDTH  (POINTER_AREA_X1 - POINTER_AREA_X0 + 1)\n#define POINTER_AREA_HEIGHT (POINTER_AREA_Y1 - POINTER_AREA_Y0 + 1)\n\n\/\/\u6307\u9488\u76f8\u5173\u4fe1\u606f\n#define POINTER_X0    ((POINTER_AREA_X1 + POINTER_AREA_X0) \/ 2)\n#define POINTER_Y0    ((POINTER_AREA_Y1 + POINTER_AREA_Y0) \/ 2)\n#define POINTER_LEN   (POINTER_AREA_WIDTH \/ 2)\n#define POINTER_COLOR (LCD_COLOR_RED)\n\n\/\/\u80cc\u666f\u989c\u8272\uff0c\u521d\u59cb\u5316\u65f6\u81ea\u52a8\u8bfb\u53d6\nstatic unsigned int s_iBackColor;\n\n\/\/\u7ed8\u5236\u80cc\u666f\nstatic void DrawBackground(void)\n{\n  extern const unsigned char g_arrSpeedBgImage800x480[768068];\n  DrawBMP(g_arrSpeedBgImage800x480, 0, 0);\n}\n\n\/\/\u521d\u59cb\u5316\u901f\u5ea6\u4eea\u8868\u76d8\nvoid InitSpeedometer(void)\n{\n  \/\/\u7ed8\u5236\u80cc\u666f\u56fe\u7247\n  DrawBackground();\n\n  \/\/\u8bfb\u53d6\u80cc\u666f\u8272\n  s_iBackColor = LCDReadPoint(POINTER_X0, POINTER_Y0);\n\n  \/\/\u6807\u8bb0\u77e9\u5f62\u533a\u57df\n  \/\/LCDDrawRectangle(POINTER_AREA_X0, POINTER_AREA_Y0, POINTER_AREA_X1, POINTER_AREA_Y1, POINTER_COLOR);\n  \n  \/\/\u521d\u59cb\u5316\u65f6\u901f\u5ea6\u663e\u793a\u503c\u4e3a 0 r\/min\n  SetSpeedometer(0);\n}\n\n\/\/\u8bbe\u7f6e\u901f\u5ea6\u4eea\u8868\u76d8\u901f\u5ea6\u663e\u793a\n\/\/speed\uff1a0~1200\nvoid SetSpeedometer(unsigned int speed)\n{\n  double pi, angle0, angle1, angle, rate;\n  int x, y, x0, y0, x1, y1;\n\n  \/\/\u9650\u5b9a\u8303\u56f4\n  if (speed &gt; 1200)\n  {\n    speed = 1200;\n  }\n\n  \/\/\u9501\u5b9a LCD\n  LCDLock();\n\n  \/\/\u5237\u65b0\u6307\u9488\u533a\u57df\u80cc\u666f\n  LCDFill(POINTER_AREA_X0, POINTER_AREA_Y0, POINTER_AREA_X1, POINTER_AREA_Y1, s_iBackColor);\n\n  \/\/\u8ba1\u7b97\u5360\u6bd4\u5927\u5c0f\n  rate = 100.0 * (double)speed \/ 1200.0;\n  rate = 100.0 - rate;\n\n  \/\/\u6c42\u76f4\u7ebf\u5728\u76f4\u89d2\u5750\u6807\u7cfb\u4e2d\u7684\u89d2\u5ea6\n  pi = 3.1415926535;\n  angle0 = pi * -0.2445; \/\/100%\u5bf9\u5e94\u7684\u89d2\u5ea6\uff08\u5f27\u5ea6\uff09\n  angle1 = pi * 1.2445;  \/\/0%\u5bf9\u5e94\u7684\u89d2\u5ea6\uff08\u5f27\u5ea6\uff09\n  angle = angle0 + (angle1 - angle0) * rate \/ 100.0;\n\n  \/\/\u6c42\u76f4\u7ebf\u8d77\u70b9\u7ec8\u70b9\n  x = POINTER_LEN * cos(angle);\n  y = POINTER_LEN * sin(angle);\n  y = -y;\n  x0 = POINTER_X0;\n  y0 = POINTER_Y0;\n  x1 = x0 + x;\n  y1 = y0 + y;\n\n  \/\/\u7ed8\u5236\u76f4\u7ebf\n  LCDDrawLine(x0, y0, x1, y1, POINTER_COLOR);\n\n  \/\/\u753b\u5706\uff0c\u7a81\u51fa\u5706\u5fc3\u4f4d\u7f6e\uff08\u6709\u4e9b\u534a\u5f84\u4f1a\u663e\u5f97\u4e0d\u591f\u5706\uff0c\u5e94\u8be5\u662f\u9a71\u52a8\u95ee\u9898\uff09\n  LCDDrawCircle(x0, y0, 21, POINTER_COLOR);\n\n  \/\/\u89e3\u9501 LCD\n  LCDUnlock();\n}<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%E6%96%B9%E6%B3%95%E5%9B%9B%EF%BC%9A%E4%BD%BF%E7%94%A8%E5%A1%AB%E5%9B%9E%E8%83%8C%E6%99%AF%E7%9A%84%E6%96%B9%E5%BC%8F%E5%88%B7%E6%96%B0%E6%8C%87%E9%92%88%E6%98%BE%E7%A4%BA%E5%8C%BA%E5%9F%9F\"><\/span>\u65b9\u6cd5\u56db\uff1a\u4f7f\u7528\u586b\u56de\u80cc\u666f\u7684\u65b9\u5f0f\u5237\u65b0\u6307\u9488\u663e\u793a\u533a\u57df<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u5982\u679c\u4eea\u8868\u76d8\u7684\u80cc\u666f\u4e0d\u662f\u7eaf\u8272\u7684\uff0c\u5e26\u4e86\u4e00\u4e9b\u56fe\u6848\u6216\u8005\u662f\u6e10\u53d8\u8272\uff0c\u90a3\u4e48\u5c31\u4e0d\u80fd\u7b80\u5355\u7684\u7528\u7eaf\u8272\u5237\u4e86\u3002\u6b64\u65f6\u6211\u4eec\u4f9d\u65e7\u53ef\u4ee5\u4e8b\u5148\u89c4\u5212\u6307\u9488\u663e\u793a\u533a\u57df\uff0c\u7136\u540e\u5728\u521d\u59cb\u5316\u65f6\uff0c\u5c06\u8fd9\u90e8\u5206\u533a\u57df\u7684\u50cf\u7d20\u70b9\u503c\u8bfb\u53d6\u5230\u5185\u5b58\u4e2d\uff0c\u6bcf\u6b21\u7ed8\u5236\u6307\u9488\u524d\uff0c\u5148\u586b\u56de\u80cc\u666f\uff0c\u7136\u540e\u5728\u753b\u6307\u9488\uff0c\u8fd9\u6837\u4e5f\u80fd\u5b9e\u73b0\u6307\u9488\u7684\u8f6c\u52a8\uff0c\u5177\u4f53\u5982\u4e0b\u6240\u793a\u3002<\/p>\n\n\n\n<p>LCD \u663e\u793a\u65f6\uff0c\u7eaf\u8272\u586b\u5145\u548c\u4f7f\u7528\u7f13\u51b2\u533a\u586b\u5145\u901f\u5ea6\u4e0a\u5dee\u4e0d\u591a\uff0c\u6240\u4ee5\u65b9\u6cd5\u4e09\u540c\u6837\u9002\u7528\u4e8e\u82f9\u679c\u6d3e\u3002\u4f46\u662f\uff0c\u65b9\u6cd5\u4e09\u4e5f\u6709\u5c40\u9650\u6027\uff0c\u90a3\u5c31\u662f\u6307\u9488\u663e\u793a\u533a\u57df\u4e0d\u80fd\u592a\u5927\uff0c\u56e0\u4e3a\u80cc\u666f\u7f13\u51b2\u533a\u4f1a\u5360\u636e\u5927\u91cf\u5185\u5b58\uff0c\u5f88\u5bb9\u6613\u9020\u6210\u5185\u5b58\u4e0d\u8db3\u7684\u56f0\u5883\u3002\u4e0d\u8fc7\uff0c\u5bf9\u4e8e GD32F470 \u6216 STM32F429 \u7b49\u5e73\u53f0\uff0c\u8fd9\u90fd\u4e0d\u662f\u4e8b\uff0c\u5237\u5c31\u5b8c\u4e8b\u4e86\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"c\" class=\"language-c\">#include \".\/LCD\/LCD.h\"\n#include \".\/Picture\/BMP.h\"\n#include &lt;math.h&gt;\n\n\/\/\u5237\u65b0\u533a\u57df\n#define POINTER_AREA_X0     (300)\n#define POINTER_AREA_Y0     (160)\n#define POINTER_AREA_X1     (500)\n#define POINTER_AREA_Y1     (360)\n#define POINTER_AREA_WIDTH  (POINTER_AREA_X1 - POINTER_AREA_X0 + 1)\n#define POINTER_AREA_HEIGHT (POINTER_AREA_Y1 - POINTER_AREA_Y0 + 1)\n\n\/\/\u6307\u9488\u76f8\u5173\u4fe1\u606f\n#define POINTER_X0    ((POINTER_AREA_X1 + POINTER_AREA_X0) \/ 2)\n#define POINTER_Y0    ((POINTER_AREA_Y1 + POINTER_AREA_Y0) \/ 2)\n#define POINTER_LEN   (POINTER_AREA_WIDTH \/ 2)\n#define POINTER_COLOR (LCD_COLOR_RED)\n\n\/\/\u80cc\u666f\u7f13\u51b2\u533a\n#if(0 != LCD_USE_RGB565)\nstatic unsigned short s_arrBackground[POINTER_AREA_WIDTH * POINTER_AREA_HEIGHT]; \/\/RGB565\n#else\nstatic unsigned int s_arrBackground[POINTER_AREA_WIDTH * POINTER_AREA_HEIGHT]; \/\/RGB888\n#endif\n\n\/\/\u7ed8\u5236\u80cc\u666f\nstatic void DrawBackground(void)\n{\n  extern const unsigned char g_arrSpeedBgImage800x480[768068];\n  DrawBMP(g_arrSpeedBgImage800x480, 0, 0);\n}\n\n\/\/\u521d\u59cb\u5316\u901f\u5ea6\u4eea\u8868\u76d8\nvoid InitSpeedometer(void)\n{\n  unsigned int x, y, i;\n\n  \/\/\u7ed8\u5236\u80cc\u666f\u56fe\u7247\n  DrawBackground();\n\n  \/\/\u4fdd\u5b58\u6307\u9488\u533a\u57df\u80cc\u666f\n  i = 0;\n  for (y = POINTER_AREA_Y0; y &lt;= POINTER_AREA_Y1; y++)\n  {\n    for (x = POINTER_AREA_X0; x &lt;= POINTER_AREA_X1; x++)\n    {\n      s_arrBackground[i++] = LCDReadPoint(x, y);\n    }\n  }\n\n  \/\/\u6807\u8bb0\u77e9\u5f62\u533a\u57df\n  \/\/LCDDrawRectangle(POINTER_AREA_X0, POINTER_AREA_Y0, POINTER_AREA_X1, POINTER_AREA_Y1, POINTER_COLOR);\n  \n  \/\/\u521d\u59cb\u5316\u65f6\u901f\u5ea6\u663e\u793a\u503c\u4e3a 0 r\/min\n  SetSpeedometer(0);\n}\n\n\/\/\u8bbe\u7f6e\u901f\u5ea6\u4eea\u8868\u76d8\u901f\u5ea6\u663e\u793a\n\/\/speed\uff1a0~1200\nvoid SetSpeedometer(unsigned int speed)\n{\n  double pi, angle0, angle1, angle, rate;\n  int x, y, x0, y0, x1, y1, i;\n\n  \/\/\u9650\u5b9a\u8303\u56f4\n  if (speed &gt; 1200)\n  {\n    speed = 1200;\n  }\n\n  \/\/\u9501\u5b9a LCD\n  LCDLock();\n\n  \/\/\u91cd\u7ed8\u6307\u9488\u533a\u57df\u80cc\u666f\n  i = 0;\n  for (y = POINTER_AREA_Y0; y &lt;= POINTER_AREA_Y1; y++)\n  {\n    for (x = POINTER_AREA_X0; x &lt;= POINTER_AREA_X1; x++)\n    {\n      LCDFastDrawPoint(x, y, s_arrBackground[i++]);\n    }\n  }\n\n  \/\/\u8ba1\u7b97\u5360\u6bd4\u5927\u5c0f\n  rate = 100.0 * (double)speed \/ 1200.0;\n  rate = 100.0 - rate;\n\n  \/\/\u6c42\u76f4\u7ebf\u5728\u76f4\u89d2\u5750\u6807\u7cfb\u4e2d\u7684\u89d2\u5ea6\n  pi = 3.1415926535;\n  angle0 = pi * -0.2445; \/\/100%\u5bf9\u5e94\u7684\u89d2\u5ea6\uff08\u5f27\u5ea6\uff09\n  angle1 = pi * 1.2445;  \/\/0%\u5bf9\u5e94\u7684\u89d2\u5ea6\uff08\u5f27\u5ea6\uff09\n  angle = angle0 + (angle1 - angle0) * rate \/ 100.0;\n\n  \/\/\u6c42\u76f4\u7ebf\u8d77\u70b9\u7ec8\u70b9\n  x = POINTER_LEN * cos(angle);\n  y = POINTER_LEN * sin(angle);\n  y = -y;\n  x0 = POINTER_X0;\n  y0 = POINTER_Y0;\n  x1 = x0 + x;\n  y1 = y0 + y;\n\n  \/\/\u7ed8\u5236\u76f4\u7ebf\n  LCDDrawLine(x0, y0, x1, y1, POINTER_COLOR);\n\n  \/\/\u89e3\u9501 LCD\n  LCDUnlock();\n}\n<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%E5%AE%9E%E9%AA%8C%E7%BB%93%E6%9E%9C\"><\/span>\u5b9e\u9a8c\u7ed3\u679c<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u5b9e\u9a8c\u7ed3\u679c\u5982\u4e0b\u6240\u793a\u3002\u7528\u76f4\u7ebf\u4ee3\u66ff\u6307\u9488\u5b9e\u5728\u662f\u592a\u5355\u8c03\u4e86\uff0c\u4e0b\u4e00\u7ae0\u4e2d\u5c06\u4ecb\u7ecd\u5982\u4f55\u901a\u8fc7\u591a\u8fb9\u5f62\u586b\u5145\u7684\u65b9\u5f0f\uff0c\u7ed8\u5236\u83f1\u5f62\u6307\u9488\u3002<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"802\" height=\"512\" src=\"http:\/\/www.huangrongzhen.ink\/wp-content\/uploads\/2023\/03\/\u5355\u7247\u673a-GUI-\u8bbe\u8ba1\uff08\u5341\u516d\uff09-\u4eea\u8868\u76d8-\u5b9e\u9a8c\u7ed3\u679c-20230313.bmp\" alt=\"\" class=\"wp-image-1216\"\/><\/figure><\/div>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%E6%BA%90%E7%A0%81\"><\/span>\u6e90\u7801<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u672c\u7ae0\u8282\u4e2d\u7684\u6e90\u7801\u8bf7\u53c2\u8003\u300a<em><a href=\"http:\/\/www.huangrongzhen.ink\/?p=451\">\u5355\u7247\u673a GUI \u8bbe\u8ba1\uff08\u96f6\uff09- \u5927\u7eb2<\/a><\/em>\u300b<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u57fa\u4e8e GD32F303ZET6 \u82f9\u679c\u6d3e\u5f00\u53d1\u677f<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13],"tags":[],"_links":{"self":[{"href":"https:\/\/www.huangrongzhen.ink\/index.php?rest_route=\/wp\/v2\/posts\/1209"}],"collection":[{"href":"https:\/\/www.huangrongzhen.ink\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.huangrongzhen.ink\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.huangrongzhen.ink\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.huangrongzhen.ink\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1209"}],"version-history":[{"count":8,"href":"https:\/\/www.huangrongzhen.ink\/index.php?rest_route=\/wp\/v2\/posts\/1209\/revisions"}],"predecessor-version":[{"id":1245,"href":"https:\/\/www.huangrongzhen.ink\/index.php?rest_route=\/wp\/v2\/posts\/1209\/revisions\/1245"}],"wp:attachment":[{"href":"https:\/\/www.huangrongzhen.ink\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1209"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.huangrongzhen.ink\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1209"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.huangrongzhen.ink\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1209"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}