2025-04-23 17:54:31 +08:00
<!DOCTYPE html> < html xmlns = "http://www.w3.org/1999/xhtml" xml:lang = "zh-cn" lang = "zh-cn" data-whc_version = "26.1" >
< head > < meta http-equiv = "Content-Type" content = "text/html; charset=UTF-8" / > < meta name = "viewport" content = "width=device-width, initial-scale=1.0" / > < meta http-equiv = "X-UA-Compatible" content = "IE=edge" / > < meta name = "description" content = "UI 图片未加载 现象 UI 界面未显示要加载的图片。 原因分析 逐步排除以下原因： Using File System Image 0 与 Using File System Image 1 中打包的资源文件路径是否正确。 Using File System Image 0 与 Using File System Image 1 在 image_cfg.json 中对应的分区表配置是否正确。 ..." / > < meta name = "DC.rights.owner" content = "(C) 版权 2025" / > < meta name = "copyright" content = "(C) 版权 2025" / > < meta name = "generator" content = "DITA-OT" / > < meta name = "DC.type" content = "topic" / > < meta name = "DC.relation" content = "../../../topics/sdk/lvgl/lvgl_introduction.html" / > < meta name = "DC.relation" content = "../../../topics/sdk/lvgl/lvgl_special_func.html" / > < meta name = "DC.relation" content = "../../../topics/chapter-title/chapter-interface-sdk.html" / > < meta name = "DC.contributor" content = "yan.wang" / > < meta name = "DC.contributor" content = "yan.wang" / > < meta name = "DC.date.modified" content = "2025-04-09" / > < meta name = "DC.format" content = "HTML5" / > < meta name = "DC.identifier" content = "id" / > < meta name = "DC.language" content = "zh-CN" / > < title > 常见问题< / title > < meta name = "wh-path2root" content = "../../../" / > < meta name = "wh-toc-id" content = "id-d3703e5407" / > < meta name = "wh-source-relpath" content = "topics/sdk/lvgl/lvgl_faq.dita" / > < meta name = "wh-out-relpath" content = "topics/sdk/lvgl/lvgl_faq.html" / >
2025-01-23 16:37:00 +08:00
2025-04-23 17:54:31 +08:00
< link rel = "stylesheet" type = "text/css" href = "../../../webhelp/app/commons.css?buildId=2024041900" / >
< link rel = "stylesheet" type = "text/css" href = "../../../webhelp/app/topic.css?buildId=2024041900" / >
2025-01-23 16:37:00 +08:00
2025-04-23 17:54:31 +08:00
< script src = "../../../webhelp/app/options/properties.js?buildId=20250409170918" > < / script >
< script src = "../../../webhelp/app/localization/strings.js?buildId=2024041900" > < / script >
< script src = "../../../webhelp/app/search/index/keywords.js?buildId=20250409170918" > < / script >
< script defer = "defer" src = "../../../webhelp/app/commons.js?buildId=2024041900" > < / script >
< script defer = "defer" src = "../../../webhelp/app/topic.js?buildId=2024041900" > < / script >
< link rel = "stylesheet" type = "text/css" href = "../../../webhelp/template/css/aic-styles-web-internal.css?buildId=2024041900" / > < link rel = "stylesheet" type = "text/css" href = "../../../webhelp/template/css/notes.css?buildId=2024041900" / > < link rel = "stylesheet" type = "text/css" href = "../../../webhelp/template/css/aic-common.css?buildId=2024041900" / > < link rel = "stylesheet" type = "text/css" href = "../../../webhelp/template/css/aic-images.css?buildId=2024041900" / > < link rel = "stylesheet" type = "text/css" href = "../../../webhelp/template/css/footnote.css?buildId=2024041900" / > < link rel = "stylesheet" type = "text/css" href = "../../../webhelp/template/css/aic-highlight-changes.css?buildId=2024041900" / > < link rel = "stylesheet" type = "text/css" href = "../../../webhelp/template/css/search-in-header.css?buildId=2024041900" / > < link rel = "stylesheet" type = "text/css" href = "../../../webhelp/template/css/topic-body-list.css?buildId=2024041900" / > < / head >
2025-01-23 16:37:00 +08:00
< body id = "id" class = "wh_topic_page frmBody" >
< a href = "#wh_topic_body" class = "sr-only sr-only-focusable" >
跳转到主要内容
< / a >
< header class = "navbar navbar-default wh_header" >
< div class = "container-fluid" >
2025-04-23 17:54:31 +08:00
< div xmlns:whc = "http://www.oxygenxml.com/webhelp/components" class = "wh_header_flex_container navbar-nav navbar-expand-md navbar-dark" >
2025-01-23 16:37:00 +08:00
< div class = "wh_logo_and_publication_title_container" >
< div class = "wh_logo_and_publication_title" >
2025-04-23 17:54:31 +08:00
< a href = "https://www.artinchip.com" class = " wh_logo d-none d-sm-block " > < img src = "../../../company-logo.png" alt = " RTOS SDK 使用指南 SDK 指南文件 " / > < / a >
< div class = " wh_publication_title " > < a href = "../../../index.html" > < span class = "booktitle" > < span class = "ph mainbooktitle" > RTOS SDK 使用指南< / span > < span class = "ph booktitlealt" > SDK 指南文件< / span > < / span > < / a > < / div >
2025-01-23 16:37:00 +08:00
< / div >
< / div >
< div class = "wh_top_menu_and_indexterms_link collapse navbar-collapse" id = "wh_top_menu_and_indexterms_link" >
< / div >
< div class = " wh_search_input navbar-form wh_topic_page_search search " role = "form" >
< form id = "searchForm" method = "get" role = "search" action = "../../../search.html" > < div > < input type = "search" placeholder = "搜索 " class = "wh_search_textfield" id = "textToSearch" name = "searchQuery" aria-label = "搜索查询" required = "required" / > < button type = "submit" class = "wh_search_button" aria-label = "搜索" > < span class = "search_input_text" > 搜索< / span > < / button > < / div > < / form >
2025-04-23 17:54:31 +08:00
< / div > < / div >
< / div >
< / header >
2025-01-23 16:37:00 +08:00
< div class = "container-fluid" id = "wh_topic_container" >
< div class = "row" >
< nav class = "wh_tools d-print-none navbar-expand-md" aria-label = "Tools" >
< div data-tooltip-position = "bottom" class = " wh_breadcrumb " > < ol class = "d-print-none" > < li > < span class = "home" > < a href = "../../../index.html" > < span > 主页< / span > < / a > < / span > < / li > < li > < div class = "topicref" data-id = "id" > < div class = "title" > < a href = "../../../topics/sdk/chapter-advanced-app.html" > 高级应用< / a > < div class = "wh-tooltip" > < p class = "shortdesc" > 系统、存储、多媒体、接口、安全等模块的详细配置和设计说明。< / p > < / div > < / div > < / div > < / li > < li > < div class = "topicref" data-id = "concept_mcc_32s_nbc" > < div class = "title" > < a href = "../../../topics/chapter-title/chapter-multi-media-sdk.html" > 多媒体< / a > < div class = "wh-tooltip" > < p class = "shortdesc" > GE、VE、Display、DVP、MPP、MPP 播放器等多媒体模块的介绍和使用说明。< / p > < / div > < / div > < / div > < / li > < li > < div class = "topicref" data-id = "id" > < div class = "title" > < a href = "../../../topics/sdk/lvgl/lvgl_introduction.html" > LVGL 使用指南< / a > < / div > < / div > < / li > < li class = "active" > < div class = "topicref" data-id = "id" > < div class = "title" > < a href = "../../../topics/sdk/lvgl/lvgl_faq.html" > 常见问题< / a > < / div > < / div > < / li > < / ol > < / div >
< div class = "wh_right_tools" >
< button class = "wh_hide_highlight" aria-label = "切换搜索突出显示" title = "切换搜索突出显示" > < / button >
< button class = "webhelp_expand_collapse_sections" data-next-state = "collapsed" aria-label = "折叠截面" title = "折叠截面" > < / button >
< div class = " wh_navigation_links " > < span id = "topic_navigation_links" class = "navheader" >
< span class = "navprev" > < a class = "- topic/link link" href = "../../../topics/sdk/lvgl/lvgl_special_func.html" title = "屏幕旋转" aria-label = "上一主题: 屏幕旋转" rel = "prev" > < / a > < / span >
< span class = "navnext" > < a class = "- topic/link link" href = "../../../topics/chapter-title/chapter-interface-sdk.html" title = "接口" aria-label = "下一主题: 接口" rel = "next" > < / a > < / span > < / span > < / div >
< div class = " wh_print_link print d-none d-md-inline-block " > < button onClick = "window.print()" title = "打印此页" aria-label = "打印此页" > < / button > < / div >
< button type = "button" id = "wh_toc_button" class = "custom-toggler navbar-toggler collapsed wh_toggle_button navbar-light" aria-expanded = "false" aria-label = "Toggle publishing table of content" aria-controls = "wh_publication_toc" >
< span class = "navbar-toggler-icon" > < / span >
< / button >
< / div >
< / nav >
< / div >
< div class = "wh_content_area" >
< div class = "row" >
< nav id = "wh_publication_toc" class = "col-lg-3 col-md-3 col-sm-12 d-md-block d-none d-print-none" aria-label = "Table of Contents Container" >
< div id = "wh_publication_toc_content" >
2025-04-23 17:54:31 +08:00
< div class = " wh_publication_toc " data-tooltip-position = "right" > < span class = "expand-button-action-labels" > < span id = "button-expand-action" role = "button" aria-label = "Expand" > < / span > < span id = "button-collapse-action" role = "button" aria-label = "Collapse" > < / span > < span id = "button-pending-action" role = "button" aria-label = "Pending" > < / span > < / span > < ul role = "tree" aria-label = "Table of Contents" > < li role = "treeitem" > < div data-tocid = "revinfo_linux-d3703e457" class = "topicref" data-id = "revinfo_linux" data-state = "leaf" > < span role = "button" class = "wh-expand-btn" > < / span > < div class = "title" > < a href = "../../../topics/revinfo/revinfo_rtos.html" id = "revinfo_linux-d3703e457-link" > 修订记录< / a > < / div > < / div > < / li > < li role = "treeitem" aria-expanded = "false" > < div data-tocid = "id-d3703e479" class = "topicref" data-id = "id" data-state = "not-ready" > < span role = "button" tabindex = "0" aria-labelledby = "button-expand-action id-d3703e479-link" class = "wh-expand-btn" > < / span > < div class = "title" > < a href = "../../../topics/sdk/env/sdk-compile.html" id = "id-d3703e479-link" > SDK 编译< / a > < div class = "wh-tooltip" > < p class = "shortdesc" > 介绍不同编译环境下 SDK 的详细编译流程。< / p > < / div > < / div > < / div > < / li > < li role = "treeitem" aria-expanded = "false" > < div data-tocid = "id-d3703e601" class = "topicref" data-id = "id" data-state = "not-ready" > < span role = "button" tabindex = "0" aria-labelledby = "button-expand-action id-d3703e601-link" class = "wh-expand-btn" > < / span > < div class = "title" > < a href = "../../../topics/sdk/advanced/sdk-usage.html" id = "id-d3703e601-link" > 使用指南< / a > < div class = "wh-tooltip" > < p class = "shortdesc" > 命令详解，编译选项，镜像和分区配置，添加应用和驱动等的详细使用说明。< / p > < / div > < / div > < / div > < / li > < li role = "treeitem" aria-expanded = "false" > < div data-tocid = "concept_rcx_czh_pzb-d3703e1001" class = "topicref" data-id = "concept_rcx_czh_pzb" data-state = "not-ready" > < span role = "button" tabindex = "0" aria-labelledby = "button-expand-action concept_rcx_czh_pzb-d3703e1001-link" class = "wh-expand-btn" > < / span > < div class = "title" > < a href = "../../../topics/sdk/chapter-app.html" id = "concept_rcx_czh_pzb-d3703e1001-link" > 应用场景< / a > < div class = "wh-tooltip" > < p class = "shortdesc" > 描述了 SDK 在不同应用场景中的配置和使用， < / p > < / div > < / div > < / div > < / li > < li role = "treeitem" aria-expanded = "false" > < div data-tocid = "id-d3703e1841" class = "topicref" data-id = "id" data-state = "not-ready" > < span role = "button" tabindex = "0" aria-labelledby = "button-expand-action id-d3703e1841-link" class = "wh-expand-btn" > < / span > < div class = "title" > < a href = "../../../topics/sdk/peripheral/peripheral-intro.html" id = "id-d3703e1841-link" > 外设移植< / a > < div class = "wh-tooltip" > < p class = "shortdesc" > < span class = "ph" > CTP、U 盘、SD 卡、有线和无线网络< / span > 等外设的介绍和使用说明。< / p > < / div > < / div > < / div > < / li > < li role = "treeitem" aria-expanded = "false" > < div data-tocid = "id-d3703e2015" class = "topicref" data-id = "id" data-state = "not-ready" > < span role = "button" tabindex = "0" aria-labelledby = "button-expand-action id-d3703e2015-link" class = "wh-expand-btn" > < / span > < div class = "title" > < a href = "../../../topics/sdk/bringup/chapter-bringup.html" id = "id-d3703e2015-link" > BringUp< / a > < div class = "wh-tooltip" > < p class = "shortdesc" > 在硬件上电后快速初始化系统，为操作系统的启动准备好必要的硬件环境。< / p > < / div > < / div > < / div > < / li > < li role = "treeitem" aria-expanded = "true" > < div data-tocid = "id-d3703e2355" class = "topicref" data-id = "id" data-state = "expanded" > < span role = "button" tabindex = "0" aria-labelledby = "button-collapse-action id-d3703e2355-link" class = "wh-expand-btn" > < / span > < div class = "title" > < a href = "../../../topics/sdk/chapter-advanced-app.html" id = "id-d3703e2355-link" > 高级应用< / a > < div class = "wh-tooltip" > < p class = "shortdesc" > 系统、存储、多媒体、接口、安全等模块的详细配置和设计说明。< / p > < / div > < / div > < / div > < ul role = "group" class = "navbar-nav nav-list" > < li role = "treeitem" aria-expanded = "false" > < div data-tocid = "_0-d3703e2372" class = "topicref" data-id = "_0" data-state = "
2025-01-23 16:37:00 +08:00
< / div >
< / nav >
< div class = "col-lg-7 col-md-9 col-sm-12" id = "wh_topic_body" >
< button id = "wh_close_publication_toc_button" class = "close-toc-button d-none" aria-label = "Toggle publishing table of content" aria-controls = "wh_publication_toc" aria-expanded = "true" >
< span class = "close-toc-icon-container" >
< span class = "close-toc-icon" > < / span >
< / span >
< / button >
< button id = "wh_close_topic_toc_button" class = "close-toc-button d-none" aria-label = "Toggle topic table of content" aria-controls = "wh_topic_toc" aria-expanded = "true" >
< span class = "close-toc-icon-container" >
< span class = "close-toc-icon" > < / span >
< / span >
< / button >
2025-04-23 17:54:31 +08:00
< div class = " wh_topic_content body " > < main role = "main" > < article class = "- topic/topic topic" role = "article" aria-labelledby = "ariaid-title1" >
< span class = "edit-link" style = "font-size:12px; opacity:0.6; text-align:right; vertical-align:middle" > < a target = "_blank" href = "http://aicdocco/taskstopics/sdk/lvgl/lvgl_faq.dita" > Edit online< / a > < / span > < h1 class = "- topic/title title topictitle1" id = "ariaid-title1" > 常见问题< / h1 >
< div class = "date inPage" > 9 Apr 2025< / div > < div style = "color: gray;" >
2025-01-23 16:37:00 +08:00
Read time: 3 minute(s)
2025-04-23 17:54:31 +08:00
< / div >
< div class = "- topic/body body" >
< section class = "- topic/section section" id = "id__section_zk2_hpf_fdc" data-ofbid = "id__section_zk2_hpf_fdc" > < h2 class = "- topic/title title sectiontitle" > UI 图片未加载< / h2 >
2025-01-23 16:37:00 +08:00
< div class = "- topic/div div section" id = "id__id2" >
< strong class = "+ topic/ph hi-d/b ph b" > 现象< / strong >
2025-04-23 17:54:31 +08:00
< p class = "- topic/p p" data-ofbid = "d68375e38__20250409171036" > UI
2025-01-23 16:37:00 +08:00
界面未显示要加载的图片。< / p > < / div >
< div class = "- topic/div div section" id = "id__id3" >
< strong class = "+ topic/ph hi-d/b ph b" > 原因分析< / strong >
2025-04-23 17:54:31 +08:00
< p class = "- topic/p p" data-ofbid = "d68375e46__20250409171036" > 逐步排除以下原因：< / p > < ol class = "- topic/ol ol arabic simple" id = "id__ol_vjv_nmh_fdc" data-ofbid = "id__ol_vjv_nmh_fdc" >
< li class = "- topic/li li" data-ofbid = "d68375e50__20250409171036" >
< p class = "- topic/p p" data-ofbid = "d68375e52__20250409171036" > Using File System Image 0 与 Using File System Image 1
2025-01-23 16:37:00 +08:00
中打包的资源文件路径是否正确。< / p >
2025-04-23 17:54:31 +08:00
< / li >
< li class = "- topic/li li" data-ofbid = "d68375e56__20250409171036" >
< p class = "- topic/p p" data-ofbid = "d68375e58__20250409171036" > Using File System Image 0 与 Using File System Image 1 在 image_cfg.json
2025-01-23 16:37:00 +08:00
中对应的分区表配置是否正确。< / p >
2025-04-23 17:54:31 +08:00
< / li >
< li class = "- topic/li li" data-ofbid = "d68375e62__20250409171036" >
< p class = "- topic/p p" data-ofbid = "d68375e64__20250409171036" > 所需要的文件系统的编译选项是否打开， ：
2025-01-23 16:37:00 +08:00
fatfs。< / p >
2025-04-23 17:54:31 +08:00
< / li >
< / ol > < / div >
< / section >
< section class = "- topic/section section" id = "id__section_dqb_pmh_fdc" data-ofbid = "id__section_dqb_pmh_fdc" > < h2 class = "- topic/title title sectiontitle" > LVGL 线程 TIMEOUT< / h2 >
2025-01-23 16:37:00 +08:00
< div class = "- topic/div div section" id = "id__id4" >
< strong class = "+ topic/ph hi-d/b ph b" > 现象< / strong >
2025-04-23 17:54:31 +08:00
< p class = "- topic/p p" data-ofbid = "d68375e80__20250409171036" > 通过 < span class = "+ topic/keyword sw-d/cmdname keyword cmdname" > ps< / span > 命令查看线程运行状况， LVGL 显示 TIMEOUT，
2025-01-23 16:37:00 +08:00
依然在正常运行。< / p > < / div >
< div class = "- topic/div div section" id = "id__id5" >
< strong class = "+ topic/ph hi-d/b ph b" > 原因分析< / strong >
2025-04-23 17:54:31 +08:00
< p class = "- topic/p p" data-ofbid = "d68375e91__20250409171036" > 通常情况下是因为 TIMEOUT 的显示是因为查看线程状态时， LVGL 刚好休眠，多次使用 < span class = "+ topic/keyword sw-d/cmdname keyword cmdname" > ps< / span > 命令查看，即可看到 LVGL
2025-01-23 16:37:00 +08:00
线程 OK 的状态。< / p >
< / div >
2025-04-23 17:54:31 +08:00
< / section >
< section class = "- topic/section section" id = "id__section_jgt_qmh_fdc" data-ofbid = "id__section_jgt_qmh_fdc" > < h2 class = "- topic/title title sectiontitle" > 如何优化性能< / h2 >
2025-01-23 16:37:00 +08:00
2025-04-23 17:54:31 +08:00
< p class = "- topic/p p" data-ofbid = "d68375e104__20250409171036" > 如需优化 LVGL 库界面开发的性能，可以按照以下建议执行：< / p >
2025-01-23 16:37:00 +08:00
2025-04-23 17:54:31 +08:00
< ol class = "- topic/ol ol arabic simple" id = "id__ol_wjv_nmh_fdc" data-ofbid = "id__ol_wjv_nmh_fdc" >
< li class = "- topic/li li" data-ofbid = "d68375e109__20250409171036" >
< p class = "- topic/p p" data-ofbid = "d68375e111__20250409171036" > 增加图片缓存。< / p >
< div class = "- topic/p p" data-ofbid = "d68375e114__20250409171036" > LVGL 内部的图片缓存机制，可以设置图片缓存张数，缓存越多速度越快，但是占用的内存也会越多，只要没有达到图片缓存张数的上限，
2025-01-23 16:37:00 +08:00
新的图片就会在内存中缓存下来，
2025-04-23 17:54:31 +08:00
在下次使用同样图片时候，就不需要重复解码，加快了显示速度。合理设置图片缓存可以显著提升性能。在内存有限的情况下，可以通过以下方式进一步优化：< ul class = "- topic/ul ul" id = "id__ul_udy_gnh_fdc" data-ofbid = "id__ul_udy_gnh_fdc" >
< li class = "- topic/li li" data-ofbid = "d68375e118__20250409171036" > 根据实际需求动态调整图片缓存的大小。例如，在需要频繁切换的场景中增加缓存数量，而在其它场景中减少缓存数量。< / li >
< li class = "- topic/li li" data-ofbid = "d68375e121__20250409171036" > 释放不必要的缓存在确定某些图片不再需要时，及时释放其缓存。例如，可以在场景切换时调用< span class = "+ topic/keyword pr-d/apiname keyword apiname" > lv_img_cache_invalidate_src(NULL)< / span > 来释放所有缓存。< / li >
< / ul > < pre class = "+ topic/pre pr-d/codeblock pre codeblock language-c" id = "id__codeblock_jnv_rmh_fdc" data-ofbid = "id__codeblock_jnv_rmh_fdc" > < em class = "hl-comment" > // 释放对象 img_obj 的图片缓存< / em >
2025-01-23 16:37:00 +08:00
lv_img_cache_invalidate_src(lv_img_get_src(img_obj));
< em class = "hl-comment" > // 释放所有的图片缓存，在场景切换时候，确定不需要已有的图片缓存可以这么调用< / em >
lv_img_cache_invalidate_src(NULL);< / pre > < / div >
2025-04-23 17:54:31 +08:00
< div class = "- topic/p p" data-ofbid = "d68375e132__20250409171036" > 如下配置中设置了八张图片缓存：< pre class = "+ topic/pre pr-d/codeblock pre codeblock language-c" id = "id__codeblock_ytd_smh_fdc" data-ofbid = "id__codeblock_ytd_smh_fdc" > Application options --->
2025-01-23 16:37:00 +08:00
*** Filesystem related ***
[*] Using File System Image < span class = "hl-number" > 0< / span > --->
[ ] Using File System Image < span class = "hl-number" > 1< / span > ----
*** lvgl demo select related ***
-*- LVGL (official): powerful and easy-to-use embedded GUI library --->
-*- ArtInChip lvgl demo
select lvgl demo (lvgl demo with basic function) --->
(X) lvgl demo with basic function
( ) lvgl demo of meter
(< span class = "hl-number" > 16< / span > ) LVGL color depth(< span class = "hl-number" > 32< / span > /< span class = "hl-number" > 16< / span > )
(< span class = "hl-number" > 8< / span > ) LVGL image cached number
(/rodata/lvgl_data) LVGL Resource Directory< / pre > < / div >
2025-04-23 17:54:31 +08:00
< / li >
< li class = "- topic/li li" data-ofbid = "d68375e139__20250409171036" >
< p class = "- topic/p p" data-ofbid = "d68375e141__20250409171036" > 选择合适的颜色深度和图片格式可以有效减少处理的数据量，例如
2025-01-23 16:37:00 +08:00
rgb565
格式，从而提升 UI 的处理速度。< / p >
2025-04-23 17:54:31 +08:00
< div class = "- topic/p p" data-ofbid = "d68375e144__20250409171036" > 显示采用 rgb565 格式和 argb8888 相比减少了处理的数据量，可以提升 UI
2025-01-23 16:37:00 +08:00
的处理速度。以下示例中，
color depth 为 16，
rgb565： < pre class = "+ topic/pre pr-d/codeblock pre codeblock language-c" id = "id__codeblock_szv_smh_fdc" data-ofbid = "id__codeblock_szv_smh_fdc" > Application options --->
*** Filesystem related ***
[*] Using File System Image < span class = "hl-number" > 0< / span > --->
[ ] Using File System Image < span class = "hl-number" > 1< / span > ----
*** lvgl demo select related ***
-*- LVGL (official): powerful and easy-to-use embedded GUI library --->
-*- ArtInChip lvgl demo
select lvgl demo (lvgl demo with basic function) --->
(X) lvgl demo with basic function
( ) lvgl demo of meter
(< span class = "hl-number" > 16< / span > ) LVGL color depth(< span class = "hl-number" > 32< / span > /< span class = "hl-number" > 16< / span > )
(< span class = "hl-number" > 8< / span > ) LVGL image cached number
(/rodata/lvgl_data) LVGL Resource Directory< / pre > < / div >
2025-04-23 17:54:31 +08:00
< / li >
< li class = "- topic/li li" data-ofbid = "d68375e150__20250409171036" >
< p class = "- topic/p p" data-ofbid = "d68375e152__20250409171036" > 对于不透明的图片，可以选择采用
2025-01-23 16:37:00 +08:00
JPEG
格。JPEG
图片的解码速度通常比
PNG
速度快。< / p >
2025-04-23 17:54:31 +08:00
< / li >
< li class = "- topic/li li" data-ofbid = "d68375e156__20250409171036" >
< div class = "- topic/p p" data-ofbid = "d68375e158__20250409171036" > 在定时器或动画回调函数中，避免执行耗时过长的函数，以免影响
UI 的流畅性。可以考虑以下方法：< ul class = "- topic/ul ul" id = "id__ul_f2k_14h_fdc" data-ofbid = "id__ul_f2k_14h_fdc" >
< li class = "- topic/li li" data-ofbid = "d68375e162__20250409171036" >
< p class = "- topic/p p" data-ofbid = "d68375e164__20250409171036" > LVGL 的 UI 绘制是单线程的，将耗时操作放到后台线程中执行，避免阻塞主线程。< / p >
< / li >
< li class = "- topic/li li" data-ofbid = "d68375e168__20250409171036" >
< p class = "- topic/p p" data-ofbid = "d68375e170__20250409171036" > 将大任务拆分成多个小任务，通过多次调用来完成，每次只处理一小部分工作。< / p >
< / li >
< / ul > < / div >
< / li >
< / ol >
< / section >
< / div >
< / article > < / main > < / div >
2025-01-23 16:37:00 +08:00
< / div >
< nav role = "navigation" id = "wh_topic_toc" aria-label = "On this page" class = "col-lg-2 d-none d-lg-block navbar d-print-none" >
< div id = "wh_topic_toc_content" >
< div class = " wh_topic_toc " > < div class = "wh_topic_label" > 在本页上< / div > < ul > < li class = "section-item" > < div class = "section-title" > < a href = "#id__section_zk2_hpf_fdc" data-tocid = "id__section_zk2_hpf_fdc" > UI 图片未加载< / a > < / div > < / li > < li class = "section-item" > < div class = "section-title" > < a href = "#id__section_dqb_pmh_fdc" data-tocid = "id__section_dqb_pmh_fdc" > LVGL 线程 TIMEOUT< / a > < / div > < / li > < li class = "section-item" > < div class = "section-title" > < a href = "#id__section_jgt_qmh_fdc" data-tocid = "id__section_jgt_qmh_fdc" > 如何优化性能< / a > < / div > < / li > < / ul > < / div >
< / div >
< / nav >
< / div >
< / div >
< / div >
< footer class = "navbar navbar-default wh_footer" >
< div class = " footer-container mx-auto " >
< title > footer def< / title >
2025-04-23 17:54:31 +08:00
< style >
2025-01-23 16:37:00 +08:00
.p1 {
font-family: FangZhengShuSong, Times, serif;
}
.p2 {
font-family: Arial, Helvetica, sans-serif;
}
.p3 {
font-family: "Lucida Console", "Courier New", monospace;
}
2025-04-23 17:54:31 +08:00
< / style >
2025-01-23 16:37:00 +08:00
< div class = "webhelp.fragment.footer" >
2025-04-23 17:54:31 +08:00
< p class = "p1" > Copyright © 2019-2025 广东匠芯创科技有限公司. All rights reserved.< / p >
< / div >
< div >
2025-01-23 16:37:00 +08:00
< div class = "generation_time" >
2025-04-23 17:54:31 +08:00
Update Time: 2025-04-09
2025-01-23 16:37:00 +08:00
< / div >
2025-04-23 17:54:31 +08:00
< / div >
2025-01-23 16:37:00 +08:00
< / div >
< / footer >
< div id = "go2top" class = "d-print-none" >
< span class = "oxy-icon oxy-icon-up" > < / span >
< / div >
< div id = "modal_img_large" class = "modal" >
< span class = "close oxy-icon oxy-icon-remove" > < / span >
< div id = "modal_img_container" > < / div >
< div id = "caption" > < / div >
< / div >
< script src = "${pd}/publishing/publishing-styles-AIC-template/js/custom.js" defer = "defer" > < / script >
< / body >
< / html >
