Theme Studio - HMS Core - HUAWEI Developer

<!DOCTYPE html> <html lang="en" class="noscript "> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="Theme Studio"> <meta name="keywords" content=""> <meta name="internalTitle" content=""> <meta name="applicable-device" content="pc,mobile"> <meta name="robots" content="index, follow"> <meta name="hajssdk" content=",Tools,Theme Studio,"> <meta name="customConfig" content=''> <meta name="version_label" content=''> <meta name="content_label" content=''> <meta name="revisit-after" content="7 days"> <meta property="og:title" content="Theme Studio - HMS Core - HUAWEI Developer"> <meta property="og:description" content="Theme Studio"> <meta property="og:url" content="https://developer.huawei.com/consumer/en/huawei-theme-studio/"> <meta property="og:image" content="/Enexport/system/modules/org.opencms.portal.template.core/resources/images/Huawei-LOGO.png"> <meta property="og:site_name" content="huawei"> <meta name="twitter:card" content="summary"> <meta name="twitter:title" content="Theme Studio - HMS Core - HUAWEI Developer"> <meta name="twitter:description" content="Theme Studio"> <meta name="twitter:image" content="/Enexport/system/modules/org.opencms.portal.template.core/resources/images/Huawei-LOGO.png"> <meta name="platform" content=""> <meta name="scenario" content=""> <title>Theme Studio - HMS Core - HUAWEI Developer</title> <link rel="canonical" href="https://developer.huawei.com/consumer/en/huawei-theme-studio/" /> <link rel="shortcut icon" href="/config/favicon.ico?v=20241104" type="image/vnd.microsoft.icon" /> <link rel="stylesheet" href="/Enexport/system/modules/org.opencms.portal.template.core/resources/css/cms-common.css?v=20241104" /> <link rel="stylesheet" href="/Enexport/system/modules/org.opencms.portal.template.core/resources/css/aui_header.css_534548010.css" type="text/css" /> <link rel="stylesheet" href="/Enexport/system/modules/org.opencms.portal.template.core/resources/css/homepage/kitBanner.css_534548010.css" type="text/css" /> <link rel="stylesheet" href="/Enexport/system/modules/org.opencms.portal.template.core/resources/css/cms2.0/navigation.css_534548010.css" type="text/css" /> <link rel="stylesheet" href="/Enexport/system/modules/org.opencms.portal.template.core/resources/css/cms2.0/imageBelowTextMulit.css_534548010.css" type="text/css" /> <link rel="stylesheet" href="/Enexport/system/modules/org.opencms.portal.template.core/resources/css/cms2.0/aboveTextBelowImage.css_534548010.css" type="text/css" /> <link rel="stylesheet" href="/Enexport/system/modules/org.opencms.portal.template.core/resources/css/cms2.0/resourcesMulti.css_534548010.css" type="text/css" /> <link rel="stylesheet" href="/Enexport/system/modules/org.opencms.portal.template.core/resources/css/homepage/kitCards.css_534548010.css" type="text/css" /> <link rel="stylesheet" href="/Enexport/system/modules/org.opencms.portal.template.core/resources/css/cms2.0/contactDeveloper.css_534548010.css" type="text/css" /> <link rel="stylesheet" href="/Enexport/system/modules/org.opencms.portal.template.core/resources/css/footer.css_534548010.css" type="text/css" /> <link rel="stylesheet" href="/Enexport/system/modules/org.opencms.portal.template.core/resources/harmony/css/agreement.css_534548010.css" type="text/css" /><script> window['jscssv'] = "20241104"; </script> </head> <body> <h1 class="only_h1"> Theme Studio - HMS Core - HUAWEI Developer</h1><div id="apollo-page" class="seo_main_page" ><div class="navbar seo_no_search hidden" data-cookiekey="V2_202104"> <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" style="width:0;height:0;display:none"> <defs> <path id="headpic-a" d="M50 20.02C50 12.277 43.73 6 36 6s-14 6.276-14 14.02c0 7.746 6.27 14.022 14 14.022s14-6.276 14-14.021zm6 0c0 11.058-8.954 20.022-20 20.022S16 31.078 16 20.02C16 8.963 24.954 0 36 0s20 8.963 20 20.02zM66 81V68c0-9.941-8.059-18-18-18H24c-9.941 0-18 8.059-18 18v13a3 3 0 0 1-6 0V68c0-13.255 10.745-24 24-24h24c13.255 0 24 10.745 24 24v13a3 3 0 0 1-6 0z" /> </defs> <symbol viewBox="0 0 24 24" id="icon-account24"> <title>account24</title> <path fill="currentcolor" fill-rule="nonzero" d="M16.032 4.654A5.611 5.611 0 0 0 12.038 3a5.612 5.612 0 0 0-3.994 1.654 5.611 5.611 0 0 0-1.655 3.994c0 1.51.588 2.928 1.655 3.994.38.381.807.7 1.265.954a9.214 9.214 0 0 0-3.254 1.847c-1.656 1.45-2.739 3.422-3.049 5.55a.565.565 0 0 0 1.118.163c.57-3.91 3.972-6.86 7.914-6.86a5.612 5.612 0 0 0 3.994-1.654 5.61 5.61 0 0 0 1.655-3.994 5.611 5.611 0 0 0-1.655-3.994zm-3.994 8.513a4.524 4.524 0 0 1-4.519-4.519 4.524 4.524 0 0 1 4.519-4.518 4.524 4.524 0 0 1 4.519 4.518 4.524 4.524 0 0 1-4.519 4.52zm8.957 7.824a8.973 8.973 0 0 0-.843-2.77 9.046 9.046 0 0 0-1.63-2.312.565.565 0 0 0-.81.787 7.837 7.837 0 0 1 2.163 4.445.565.565 0 1 0 1.12-.15z" /> </symbol> <symbol viewBox="0 0 16 16" id="icon-arrow_back16"> <title>arrow_back16</title> <path fill="none" fill-rule="evenodd" stroke="#777" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 3L4 8l5 5" /> </symbol> <symbol viewBox="0 0 1024 1024" id="icon-arrow_down"> <title>arrow_down</title> <path d="M1007.036029 224.834783c-24.486957-22.26087-62.330435-20.034783-84.591304 2.226087L512.844724 667.826087 103.244724 227.06087c-22.26087-24.486957-60.104348-24.486957-84.591304-2.226087-24.486957 22.26087-24.486957 60.104348-2.226087 84.591304L468.322985 796.93913c11.130435 11.130435 26.713043 20.034783 44.521739 20.034783 15.582609 0 33.391304-6.678261 44.521739-20.034783l451.895652-487.513043C1031.522985 284.93913 1031.522985 247.095652 1007.036029 224.834783z" fill="currentColor" /> </symbol> <symbol viewBox="0 0 16 16" id="icon-arrow_right16"> <title>arrow_right16</title> <path fill="none" fill-rule="evenodd" stroke="#777" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M6.5 3.5l4 4.5-4 4.5" /> </symbol> <symbol viewBox="0 0 18 18" id="icon-back18"> <title>back18</title> <g fill="none" fill-rule="evenodd" stroke="#000" stroke-linecap="round" stroke-linejoin="round"> <path d="M8 1L1 9l7 8M1 9h16" /> </g> </symbol> <symbol viewBox="0 0 18 18" id="icon-close18"> <title>close18</title> <g stroke="currentcolor" stroke-linecap="round"> <path d="M2 2l14 14M16 2L2 16" /> </g> </symbol> <symbol viewBox="0 0 16 16" id="icon-collapse16"> <title>collapse16</title> <g fill="none" fill-rule="evenodd" stroke="#777" stroke-linecap="round" stroke-width="1.5"> <path d="M8 3v10M3 8h10" /> </g> </symbol> <symbol viewBox="0 0 16 16" id="icon-expand16"> <title>expand16</title> <path fill="none" fill-rule="evenodd" stroke="#000" stroke-linecap="round" stroke-width="1.5" d="M3 8h10" /> </symbol> <symbol viewBox="0 0 96 96" id="icon-headpic"> <title>headpic</title> <g fill="none" fill-rule="evenodd"> <g transform="translate(12 6)"> <mask id="headpic-b" fill="#fff"> <use xlink:href="#headpic-a" /> </mask> <use fill="currentColor" fill-rule="nonzero" xlink:href="#headpic-a" /> <path fill="transparent" d="M-12-4h96v96h-96z" mask="url(#headpic-b)" /> </g> </g> </symbol> <symbol viewBox="0 0 28 28" id="icon-info28"> <title>info28</title> <g stroke="none" stroke-width="1" fill="none"> <g id="info28-i" transform="translate(-3.000000, -3.000000)"> <g id="info28-编组" transform="translate(4.000000, 4.000000)"> <circle id="info28-椭圆形备份" stroke="currentColor" stroke-width="2" cx="13" cy="13" r="13" /> <path d="M14,9 L14,22 L12,22 L12,9 L14,9 Z M14,5 L14,7 L12,7 L12,5 L14,5 Z" id="info28-形状结合" fill="currentColor" /> </g> </g> </g> </symbol> <symbol viewBox="0 0 16 16" id="icon-jumphover16"> <title>jumphover16</title> <g fill="none" fill-rule="evenodd" stroke="#333" stroke-linecap="round"> <path d="M13 9.417v3.666c0 .507-.41.917-.917.917H2.917A.917.917 0 0 1 2 13.083V3.917C2 3.41 2.41 3 2.917 3h3.666" /> <path stroke-linejoin="round" d="M10 2h4v4M14 2L7.995 8.005" /> </g> </symbol> <symbol viewBox="0 0 16 16" id="icon-jumpnormal16"> <title>jumpnormal16</title> <g fill="none" fill-rule="evenodd" stroke="#777" stroke-linecap="round"> <path d="M13 9.417v3.666c0 .507-.41.917-.917.917H2.917A.917.917 0 0 1 2 13.083V3.917C2 3.41 2.41 3 2.917 3h3.666" /> <path stroke-linejoin="round" d="M10 2h4v4M14 2L7.995 8.005" /> </g> </symbol> <symbol viewBox="0 0 24 24" id="icon-language24"> <title>language24</title> <g fill="none" fill-rule="evenodd" stroke="#979DC1"> <circle cx="12" cy="12" r="9" /> <path d="M13 3c-3.314 0-6 4.03-6 9s2.686 9 6 9" /> <path d="M11 3c3.314 0 6 4.03 6 9s-2.686 9-6 9" /> <path d="M4.832 6.431C6.476 7.992 9.075 9 12 9c2.986 0 5.632-1.05 7.27-2.667M4.832 17.902c1.576-1.561 4.068-2.569 6.872-2.569 2.862 0 5.399 1.05 6.968 2.667" /> <path stroke-linecap="square" d="M3 12h18M12 3v18" /> </g> </symbol> <symbol viewBox="0 0 18 18" id="icon-menu18"> <title>menu18</title> <g fill="none" fill-rule="evenodd" stroke="#000"> <path d="M0 4h13M0 9h18M0 14h18" /> </g> </symbol> <symbol viewBox="0 0 24 24" id="icon-menu24"> <title>menu24</title> <g fill="none" fill-rule="evenodd" stroke="#000"> <path d="M23 12H1M23 18H1M17 6H1" /> </g> </symbol> <symbol viewBox="0 0 1024 1024" id="icon-more"> <title>more</title> <path fill="currentColor" d="M180.177 258.603c-32.209 0-49.892 39.532-29.407 65.799l316.399 405.35c23.526 30.156 67.296 30.156 90.824 0l316.079-405.394c20.485-26.227 2.8-65.757-29.408-65.757l-664.487 0z" p-id="1127" /> </symbol> <symbol viewBox="0 0 24 24" id="icon-search24"> <title>search24</title> <path fill="currentcolor" fill-rule="nonzero" d="M9.727 3.835c3.704-.34 6.693 2.529 6.965 5.867.307 3.73-2.494 6.692-5.858 6.973-3.737.315-6.684-2.486-6.981-5.85-.145-1.651.45-3.686 1.584-4.827.28-.29.477-.511.825-.792.954-.766 2.155-1.252 3.466-1.371zm6.003 11.222c.043-.06.153-.187.205-.255l.195-.239c.128-.187.239-.34.358-.545 1.286-2.103 1.405-4.87.247-7.067-.485-.945-.834-1.328-1.533-2.01-2.7-2.664-7.39-2.58-10.107.214-1.941 1.992-2.75 5.168-1.49 7.986.4.912.784 1.456 1.414 2.12 2.026 2.129 5.151 2.861 7.927 1.754a7.582 7.582 0 0 0 1.175-.596c.494-.298.885-.673 1.013-.758.162.077 1.848 1.848 2.112 2.129.119.12.238.204.357.323l2.427 2.495c.153.153.528.622.86.238.324-.366-.144-.68-.332-.876l-2.069-2.12c-.127-.137-.255-.222-.374-.35l-1.022-1.047c-.45-.469-.903-.945-1.362-1.397v.001z" /> </symbol> <symbol viewBox="0 0 1024 1024" id="icon-user"> <title>user</title> <path d="M652.8 534.4C723.2 489.6 768 409.6 768 320c0-140.8-115.2-256-256-256S256 179.2 256 320c0 89.6 44.8 169.6 115.2 214.4C192 592 64 761.6 64 960h64c0-211.2 172.8-384 384-384s384 172.8 384 384h64c0-198.4-128-368-307.2-425.6zM512 512c-105.6 0-192-86.4-192-192s86.4-192 192-192 192 86.4 192 192-86.4 192-192 192z" fill="currentColor" /> </symbol> </svg><div class="cookietip cookietipfix cookiehide"> <div class="cookie"> <div class="cookie_content"> <div class="cookieTips"><p><span class="text ng-binding">We use essential cookies for the website to function, as well as analytics cookies for analyzing and creating statistics of the website performance. To agree to the use of analytics cookies, click "Accept All". You can manage your preferences at any time by clicking "Cookie Settings" on the footer. <a class="device-localstorage-link" href="https://developer.huawei.com/consumer/en/devservice/cookie/" style="text-decoration: underline;">More Information</a>.</span></p></div> <div class="cookieTips hide" flag="cookieUpdate"><p><span class="text ng-binding">We use essential cookies for the website to function, as well as analytics cookies for analyzing and creating statistics of the website performance. To agree to the use of analytics cookies, click "Accept All". You can manage your preferences at any time by clicking "Cookie Settings" on the footer. <a class="device-localstorage-link" href="https://developer.huawei.com/consumer/en/devservice/cookie/" style="text-decoration: underline;">More Information</a>.</span></p></div> </div> <div class="cookietip_btn"> <div class="cookie_settings"> <a href="/consumer/en/devservice/cookie/#h0" target="_blank">Cookie Settings</a> </div> <div class="cookietip_reject">Only Essential Cookies</div> <div class="cookietip_accept">Accept All</div> </div> </div> <div class="cookie_close"> <svg class="size_18"><use xlink:href="#icon-close18" /></svg> </div> </div> <div class="navbar_top"> <div class="logo_top"> <img class="logo" src="/Enexport/sites/default/images/new_header/HW-LOGO.svg?v=20241104" alt=""> </div> <div class="navbar_tools"> <div class="languageBox"> <span>简体中文</span> <i><svg><use xlink:href="#icon-arrow_down" /></svg></i> <div class="language-combox"> <ul> <li data="cn" cval="zh_CN">简体中文</li> <li data="ru" cval="ru_RU">Русский</li> <li data="en" cval="en_US">English</li> <li data="es" cval="es_US">Español (América Latina)</li> <li data="pt" cval="pt_BR">Português (Brasil)</li> <li data="fr" cval="fr_FR">Français (Europe)</li> <li data="de" cval="de_DE">Deutsch</li> <li data="jp" cval="ja_JP">日本語</li> <li data="kr" cval="ko_KR">한국어</li> </ul> </div> </div> </div> </div> <div class="navbar_menu"> <div class="navbar_menu_left"> <div class="menu_logo navbar-logo"> <a href="/consumer/en/"> <img class="logo" src="/Enexport/sites/default/images/new_header/DEVELOPERS-LOGO.svg?v=20241104" alt=""> </a> </div> <div class="menu_box"> <div class="menu_ul"> <ul> <li class="nav_more"> More<i><svg><use xlink:href="#icon-more" /></svg></i> <div class="morelist"> <ul></ul> </div> </li> </ul> </div> <div class="btn_search"> <div class="search_icon btn_search_icon"> <svg class="size_24"><use xlink:href="#icon-search24" /></svg> <span>Search</span> </div> <a href="/consumer/en/doc/" rel="nofollow" >Materials</a> <a href="/consumer/en/console" rel="nofollow" >Console</a> </div> <div class="searchBox hide"> <div class="searchicon"></div> <input type="text" maxlength="128" id="search" autocomplete="off" placeholder="Search by keyword"> <div class="search-close search-close-pc"></div> <div class="search_bord" id="search_bord_pc">  <div class="search_history hide"> <div class="title">Search history</div> <div class="clear_history"> <i></i><span>Clear</span> </div> <ul class="history"></ul> </div>  <div class="hotWord"> <div class="title">Popular keywords</div> <ul class="hot_word_list hot_word_list_pc"> <li> <span class="index first">1</span> <span class="word text-ellipsis">HMS Core</span> </li> <li> <span class="index second">2</span> <span class="word text-ellipsis">AppGallery Connect</span> </li> <li> <span class="index third">3</span> <span class="word text-ellipsis">HUAWEI HiAI</span> </li> </ul> </div>  <div class="search_result hide"> <ul class="recommended_card"></ul> <ul class="result_list"></ul> </div> </div> </div> </div> </div> <div class="navbar_menu_right"> <a class="login portal_login" id="portal_login" style="cursor: pointer;">Sign in</a> <div class="userinfo hide"> <div class="userCardinfoPic user-pic"> <div class="avatar"> <img class="avatar-img" src="" hidden=""> <svg><use xlink:href="#icon-account24" /></svg> </div> </div> <div class="userCard"> <div class="userCardinfo"> <div class="userCardinfoPic"> <img class="avatar-img" src="" hidden=""> <svg><use xlink:href="#icon-account24" /></svg> </div> <div class="userCardinfoV"> <div class="username"> <span class="user_name text-ellipsis"></span> </div> <div class="useraccount text-ellipsis"></div> <div class="verify_status nav_userinfo_tools_head_v"> <span><div></div></span> <aui-icon name="aui_checked" class="statusIcon"><i auiicon=""> <svg viewBox="0 0 12 12"> <g> <circle fill="currentColor" cx="6" cy="6" r="6"></circle> <path d="M8.128427,6.12842717 L3.628427,6.12842717 C3.35228463,6.12842717 3.128427,6.35228479 3.128427,6.62842717 C3.128427,6.90456954 3.35228463,7.12842717 3.628427,7.12842717 L8.628427,7.12842717 C8.90456937,7.12842717 9.128427,6.90456954 9.128427,6.62842717 L9.128427,3.62842717 C9.128427,3.35228479 8.90456937,3.12842717 8.628427,3.12842717 C8.35228463,3.12842717 8.128427,3.35228479 8.128427,3.62842717 L8.128427,6.12842717 Z" fill="#ffffff" transform="translate(6.128427, 5.128427) scale(-1, 1) rotate(45.000000) translate(-6.128427, -5.128427) "> </path> </g> </svg></i></aui-icon> </div> </div> </div> <div class="userMenu"> <ul class="menu_list"> <li class="console" name="console"><span>Console</span></li> <li class="material" name="material"><span>My profile</span></li> <li class="training" name="training"><span>Training center</span></li> <li class="message" name="message"><span>My messages</span><i></i></li> <li class="dividing_line"></li> <li class="custom" name="custom"><span> Customer Service</span><i></i></li> <li class="activity" name="activity"><span>My events</span></li> <li class="setting" name="setting"><span>Account setting</span></li> </ul> </div> <div class="logout portal_logout">Sign out</div> </div> </div> </div> </div>  <aui-header> <div class="headerTipOut cookietip_mobile"> <div class="headerTip"> <div class="cookie"> <div class="cookie_content">  <div class="cookieTipsM text ng-binding"><p><span class="text ng-binding">We use essential cookies for the website to function, as well as analytics cookies for analyzing and creating statistics of the website performance. To agree to the use of analytics cookies, click "Accept All". You can manage your preferences at any time by clicking "Cookie Settings" on the footer. <a class="device-localstorage-link" href="https://developer.huawei.com/consumer/en/devservice/cookie/" style="text-decoration: underline;">More Information</a>.</span></p></div> <div class="cookieTipsM text ng-binding hide" flag="cookieUpdate"><p><span class="text ng-binding">We use essential cookies for the website to function, as well as analytics cookies for analyzing and creating statistics of the website performance. To agree to the use of analytics cookies, click "Accept All". You can manage your preferences at any time by clicking "Cookie Settings" on the footer. <a class="device-localstorage-link" href="https://developer.huawei.com/consumer/en/devservice/cookie/" style="text-decoration: underline;">More Information</a>.</span></p></div> </div> <div class="cookietip_btn_mobile"> <div class="cookie_settings"> <a href="/consumer/en/devservice/cookie/#h0" target="_blank">Cookie Settings</a> </div> <div class="cookietip_reject_mobile">Only Essential Cookies</div> <div class="cookietip_accept_mobile">Accept All</div> </div> </div> <div class="updatetip_close_mobile" id="hideCookie"> <aui-icon name="aui_close"> <i auiicon=""><svg><use xlink:href="#icon-close18" /></svg></i> </aui-icon> </div> </div> </div> <header class="flex ac js"> <div class="flex ac mob_title"> <div class="nav_toggle flex ac" id="toggle_btn"> <aui-icon class="menu show" name="aui_menu"> <i auiicon=""><svg><use xlink:href="#icon-menu24" /></svg></i> </aui-icon> <aui-icon class="close" name="aui_menuclose"> <i auiicon=""><svg><use xlink:href="#icon-close18" /></svg></i> </aui-icon> </div> </div> <div class="f11 flex ac jc mob_title"> <a class="logo" href="/consumer/en/"> <img _ngcontent-bnf-c7="" src="/Enexport/sites/default/images/new_header/DEVELOPERS-LOGO.svg?v=20241104" alt=""> </a> </div> <div class="mobody notice"> <div class="shadowLine"></div> <div class="account"> <div class="mobAccount"> <div class="bottomDeafult"> <div class="userCardinfoV"> <div class="username"> <img class="avatar-img" src="/system/modules/org.opencms.portal.template.core/resources/images/cms2.0/icon/signUp.svg" alt=""> <span class="user_name text-ellipsis"></span> </div> </div> <div class="mobile_btn"> <a class="materials" href="/consumer/en/doc/" rel="nofollow" >Materials</a> <a href="javascript:;" class="portal_login login">Sign in</a> </div> </div> </div> <div class="slideDom noAni"> <div class="accout"> <div class="back"> <aui-icon name="aui_down"> <i auiicon=""><svg><use xlink:href="#icon-arrow_down" /></svg></i> </aui-icon> Back</div> <div class="userCard"> <div class="userCardinfo"> <div class="userCardinfoPic"> <img class="avatar-img" src="" hidden=""> <svg><use xlink:href="#icon-account24" /></svg> </div> <div class="userCardinfoV"> <div class="username"> <span class="user_name text-ellipsis"></span> </div> <div class="useraccount text-ellipsis"></div> <div class="verify_status nav_userinfo_tools_head_v"> <span><div></div></span> <aui-icon name="aui_checked" class="statusIcon"><i auiicon=""> <svg viewBox="0 0 12 12"> <g> <circle fill="currentColor" cx="6" cy="6" r="6"></circle> <path d="M8.128427,6.12842717 L3.628427,6.12842717 C3.35228463,6.12842717 3.128427,6.35228479 3.128427,6.62842717 C3.128427,6.90456954 3.35228463,7.12842717 3.628427,7.12842717 L8.628427,7.12842717 C8.90456937,7.12842717 9.128427,6.90456954 9.128427,6.62842717 L9.128427,3.62842717 C9.128427,3.35228479 8.90456937,3.12842717 8.628427,3.12842717 C8.35228463,3.12842717 8.128427,3.35228479 8.128427,3.62842717 L8.128427,6.12842717 Z" fill="#ffffff" transform="translate(6.128427, 5.128427) scale(-1, 1) rotate(45.000000) translate(-6.128427, -5.128427) "> </path> </g> </svg></i></aui-icon> </div> </div> </div> <div class="userMenu"> <div class="user_list"> <ul class="menu_list"> <li class="material" name="material"><span>My profile</span></li> <li class="training" name="training"> <span>Training center</span> <aui-icon name="aui_down"> <i auiicon=""><svg class="size_16"><use xlink:href="#icon-arrow_right16" /></svg></i> </aui-icon> </li> <li class="message" name="message"><span></span><i></i></li> <li class="custom" name="custom"> <span> Customer Service</span> <i></i> <aui-icon name="aui_down"> <i auiicon=""><svg class="size_16"><use xlink:href="#icon-arrow_right16" /></svg></i> </aui-icon> </li> <li class="activity" name="activity"> <span>My events</span> <aui-icon name="aui_down"> <i auiicon=""><svg class="size_16"><use xlink:href="#icon-arrow_right16" /></svg></i> </aui-icon> </li> <li class="setting" name="setting"> <span>Account setting</span> <aui-icon name="aui_down"> <i auiicon=""><svg class="size_16"><use xlink:href="#icon-arrow_right16" /></svg></i> </aui-icon> </li> </ul> </div> <div class="user_log_out portal_logout">Sign out</div> </div> </div> </div> </div> </div> <div class="mobNav"> <ul class="nav"> </ul> </div> <div class="stNav 2ndMenu pt50 noAni"> <div class="stBack flex ac" id="backToFirstMenu"> <aui-icon name="aui_down"> <i auiicon=""><svg><use xlink:href="#icon-arrow_down" /></svg></i> </aui-icon> Back</div> </div> <div class="stNav 3rdMenu z5 pt50 noAni"> <div class="stBack flex ac" id="backToSecMenu"> <aui-icon name="aui_down"> <i auiicon=""><svg><use xlink:href="#icon-arrow_down" /></svg></i> </aui-icon> Back</div> </div> </div> <div class="search f1"> <div class="btn_search btn_search_icon flex ac jc"> <aui-icon name="aui_search"> <i auiicon=""><svg class="size_24"><use xlink:href="#icon-search24" /></svg></i> </aui-icon> </div> </div> </header> <div class="searchArea"> <div class="searchBg"> <div class="input flex"> <aui-icon name="aui_search"> <i auiicon=""><svg class="size_24"><use xlink:href="#icon-search24" /></svg></i> </aui-icon> <input class="searchInput" id="search" maxlength="128" type="text" autocomplete="off" placeholder="Search by keyword"> <aui-icon class="search-close search-close-mobile" name="aui_close"> <i auiicon=""><svg><use xlink:href="#icon-close18" /></svg></i> </aui-icon> </div> <div class="search_bord" id="search_bord_mobile">  <div class="search_history hide"> <div class="title">Search history</div> <div class="clear_history"><i></i></div> <ul class="history"></ul> </div>  <div class="hotWord"> <div class="title">Popular keywords</div> <ul class="hot_word_list hot_word_list_mobile"> <li> <span class="index first">1</span> <span class="word text-ellipsis">HMS Core</span> </li> <li> <span class="index second">2</span> <span class="word text-ellipsis">AppGallery Connect</span> </li> <li> <span class="index third">3</span> <span class="word text-ellipsis">HUAWEI HiAI</span> </li> </ul> </div>  <div class="search_result hide"> <ul class="recommended_card"></ul> <ul class="result_list"></ul> </div> </div> </div> </div> </aui-header> </div>   <div class="kitBanner cms-floor no-top " id=""> <img class="img cms-pc-image" src="/Enexport/sites/default/images/new-content/HMS-Core/Theme-Studio/themestudioBanner.jpg_1539773694.jpg" asyn-src="/Enexport/sites/default/images/new-content/HMS-Core/Theme-Studio/themestudioBanner.jpg" alt="Theme Studio"/> <img class="img_p cms-pad-image" src="/Enexport/sites/default/images/new-content/HMS-Core/Theme-Studio/themestudioBannerPad.jpg_1060753231.jpg" asyn-src="/Enexport/sites/default/images/new-content/HMS-Core/Theme-Studio/themestudioBannerPad.jpg" alt="Theme Studio"/> <img class="img_m cms-mob-image" src="/Enexport/sites/default/images/new-content/HMS-Core/Theme-Studio/themestudioBannerMp.jpg_1456436140.jpg" asyn-src="/Enexport/sites/default/images/new-content/HMS-Core/Theme-Studio/themestudioBannerMp.jpg" alt="Theme Studio"/> <div class="banner"> <div class="banner_width cms-row"> <div class="banner_width_cen"> <div> <p class="banner_h2 line-feed dark-color">Theme Studio</p> </div> <div class="banner_p dark-color"> <p>This intelligent tool helps you create themes in a highly-efficient, and visually intuitive manner.</p> </div> <div class="banner_a" > <a class="cms-btn btn-dark-fill" href="/consumer/en/doc/development/Tools-Guides/overview-0000001050145150" onClick='util.reportApi.reportClick({key:"RealityStudio_Viewdocuments",tagType:"CMMT0012_themestudio"})' style="cursor:pointer"> View documents</a> <a class="cms-btn btn-dark-line" id="signUpBtn" href="/consumer/en/doc/development/Tools-Library/theme_download-0000001050424897" onClick='util.reportApi.reportClick({key:"RealityStudio_Download-now",tagType:"CMMT0012_themestudio"})' style="cursor:pointer"> Download now</a> </div> </div> </div> </div> <div class="kitBanner_video"> <div class="video_div"> <div class="videoPlayerArea" template="banner" id=""> <div class="videoContentArea"> </div> </div> </div> </div> </div>   <div class="navigation cms-floor" > <div class="navigation_container"> <div class="navigation_list_container navigation_list_container_normal"> <div class="navigation_list_item_placeholder">Functions </div> <i class="navigation_icon"></i> <ul class="navigation_list navigation_list_normal"> <li class="navigation_list_item" data-target="imageBelowTextMulit">Functions </li> <li class="navigation_list_item" data-target="aboveTextBelowImage">Advantages</li> <li class="navigation_list_item" data-target="resourcesMulti">Resources</li> </ul> </div> <div class="navigation_mask"></div> <div class="navigation_arr"> <i class="navigation_button_prev disabled"></i> <i class="navigation_button_next"></i> </div> </div> </div>   <div class="imageBelowTextMulit cms-floor"> <div class="cms-container"> <div class="cms-floor-title"> <h2 class="imagebelowtextmulit_title cms-col-lg-16 cms-col-md-16 cms-col-sm-16 cms-col-xs-24">Functions</h2> <div class="cms-floor-title-progress cms-title-animation"></div> </div> <div class="imagebelowtextmulit_container ">  <div class="cms-col-xs-24 cms-col-sm-8 cms-col-md-8 cms-col-lg-8 "> <div class="imagebelowtextmulit_card">  <a class="h5" style="cursor:default" href="javascript: void(0);"> Lock screen creation</a> <p class="item_description text-regular"> Enables visualized translate, frame, rotate, scale, alpha animations as well as advanced panoramic animations, all without coding.</p> </div> </div> <div class="cms-col-xs-24 cms-col-sm-8 cms-col-md-8 cms-col-lg-8 "> <div class="imagebelowtextmulit_card">  <a class="h5" style="cursor:default" href="javascript: void(0);"> Real-time previews</a> <p class="item_description text-regular"> Enables you to check theme effects instantaneously.</p> </div> </div> <div class="cms-col-xs-24 cms-col-sm-8 cms-col-md-8 cms-col-lg-8 "> <div class="imagebelowtextmulit_card">  <a class="h5" style="cursor:default" href="javascript: void(0);"> Global modification syncing</a> <p class="item_description text-regular"> Automatically applies changed colors or images across all relevant pages to ensure consistency.</p> </div> </div> <div class="cms-col-xs-24 cms-col-sm-8 cms-col-md-8 cms-col-lg-8 "> <div class="imagebelowtextmulit_card">  <a class="h5" style="cursor:default" href="javascript: void(0);"> Automatic reviews</a> <p class="item_description text-regular"> Checks all of the resources in a theme pack according to their specifications, in an intuitive visual manner.</p> </div> </div> <div class="cms-col-xs-24 cms-col-sm-8 cms-col-md-8 cms-col-lg-8 "> <div class="imagebelowtextmulit_card">  <a class="h5" style="cursor:default" href="javascript: void(0);"> Syncing to real devices</a> <p class="item_description text-regular"> Syncs your edited themes to real devices, with just a click, to verify the theme effects.</p> </div> </div> </div> <div class="imagebelowtextmulit_footer_img"> <div class="cms-col-16 cms-col-xs-24"> <img class="cms-pc-image cms-pc-image cms-pad-image cms-mob-image" src="/Enexport/sites/default/images/new-content/HMS-Core/Theme-Studio/themestudioFunc_en.png_1033971122.png" asyn-src="/Enexport/sites/default/images/new-content/HMS-Core/Theme-Studio/themestudioFunc_en.png" alt="Functions"/> </div> </div> </div>  </div>   <div class="aboveTextBelowImage cms-floor"> <div class="cms-container"> <div class="abovetextbelowimage_container">  <div class="cms-floor-title"> <h2 class="abovetextbelowimage_bigtitle cms-col-lg-16 cms-col-md-16 cms-col-sm-16 cms-col-xs-24">Advantages</h2> <div class="cms-floor-title-progress cms-title-animation"></div> </div>     <div class="cms-row cms-row-gutter abovetextbelowimage_row"> <div class="cms-col-xs-24 cms-col-sm-12 cms-col-md-12 cms-col-lg-12 abovetextbelowimage_item">  <div class="h4 abovetextbelowimage_row_num">Low barrier of entry</div>  <div class="text-regular abovetextbelowimage_row_description">Makes codeless dynamic design with basic and advanced animations, a living reality.</div> </div> <div class="cms-col-xs-24 cms-col-sm-12 cms-col-md-12 cms-col-lg-12 abovetextbelowimage_item">  <div class="h4 abovetextbelowimage_row_num">Specification compliance</div>  <div class="text-regular abovetextbelowimage_row_description">Incorporates specifications, allowing you to complete all required operations with ease.</div> </div> <div class="cms-col-xs-24 cms-col-sm-12 cms-col-md-12 cms-col-lg-12 abovetextbelowimage_item">  <div class="h4 abovetextbelowimage_row_num">Efficiency booster</div>  <div class="text-regular abovetextbelowimage_row_description">Auto verifies themes upon import and export, and reminds you to make changes when necessary, shortening the release timeline.</div> </div> <div class="cms-col-xs-24 cms-col-sm-12 cms-col-md-12 cms-col-lg-12 abovetextbelowimage_item">  <div class="h4 abovetextbelowimage_row_num">Effortless convenience</div>  <div class="text-regular abovetextbelowimage_row_description">Supports WYSIWYG mode designs, and one-click theme syncing to real devices for effects testing.</div> </div> </div> </div> </div> <img class="abovetextbelowimage_img cms-pc-image cms-pad-image" src="/Enexport/sites/default/images/new-content/common/advantagesBanner.jpg_1600726080.jpg" asyn-src="/Enexport/sites/default/images/new-content/common/advantagesBanner.jpg" alt="Advantages"> <img class="abovetextbelowimage_img_phone cms-mob-image" src="/Enexport/sites/default/images/new-content/common/advantagesBannerMp.jpg_1004418450.jpg" asyn-src="/Enexport/sites/default/images/new-content/common/advantagesBannerMp.jpg" alt="Advantages"> </div>   <div class="resourcesMulti cms-floor"> <div class="cms-container resourcesmulti_tab_container"> <div class="cms-floor-title resourcesmulti_nodescription"> <h2 class="resourcesmulti_title cms-col-lg-16 cms-col-md-16 cms-col-sm-16 cms-col-xs-24"> Resources</h2> <div class="cms-floor-title-progress cms-title-animation"></div>  </div>  <div class="resourcesmulti_container active"> <div class="resourcesmulti_wrapper">  <div class="cms-col-xs-24 cms-col-sm-12 cms-col-md-6 cms-col-lg-6">   <a class="content_img" href="/consumer/en/doc/development/Tools-Guides/installation-0000001050145170" onClick='util.reportApi.reportClick({key:"RealityStudio_Get-started",tagType:"CMMT0012_themestudio"})' style="cursor:pointer" > <img loading="lazy" src="/Enexport/sites/default/images/new-content/HMS-Core/graphics-profiler/ic_getStarted.svg" alt="Get started"> </a>  <div class="content_container cms-col-lg-21 cms-col-md-21 cms-col-sm-20">  <a class="h6" href="/consumer/en/doc/development/Tools-Guides/installation-0000001050145170" onClick='util.reportApi.reportClick({key:"RealityStudio_Get-started",tagType:"CMMT0012_themestudio"})' style="cursor:pointer" > Get started</a>  <p class="item_description text-regular" > Install or upgrade Theme Studio and then configure it to suit your needs.</p>  <a href="/consumer/en/doc/development/Tools-Guides/installation-0000001050145170" onClick='util.reportApi.reportClick({key:"RealityStudio_Get-started",tagType:"CMMT0012_themestudio"})' class="cms-link link-black"> Learn more</a>  </div> </div> <div class="cms-col-xs-24 cms-col-sm-12 cms-col-md-6 cms-col-lg-6">   <a class="content_img" href="/consumer/en/doc/development/Tools-Guides/operation-guide-0000001050147123" onClick='util.reportApi.reportClick({key:"RealityStudio_Development-guide",tagType:"CMMT0012_themestudio"})' style="cursor:pointer" > <img loading="lazy" src="/Enexport/sites/default/images/new-content/HMS-Core/graphics-profiler/ic_developmentGuide.svg" alt="Development guide"> </a>  <div class="content_container cms-col-lg-21 cms-col-md-21 cms-col-sm-20">  <a class="h6" href="/consumer/en/doc/development/Tools-Guides/operation-guide-0000001050147123" onClick='util.reportApi.reportClick({key:"RealityStudio_Development-guide",tagType:"CMMT0012_themestudio"})' style="cursor:pointer" > Development guide</a>  <p class="item_description text-regular" > Download the latest instructions for making the most of this tool.</p>  <a href="/consumer/en/doc/development/Tools-Guides/operation-guide-0000001050147123" onClick='util.reportApi.reportClick({key:"RealityStudio_Development-guide",tagType:"CMMT0012_themestudio"})' class="cms-link link-black"> Learn more</a>  </div> </div> <div class="cms-col-xs-24 cms-col-sm-12 cms-col-md-6 cms-col-lg-6">   <a class="content_img" href="/consumer/en/doc/development/Tools-Guides/faq-0000001050147125" onClick='util.reportApi.reportClick({key:"RealityStudio_FAQs",tagType:"CMMT0012_themestudio"})' style="cursor:pointer" > <img loading="lazy" src="/Enexport/sites/default/images/new-content/HMS-Core/graphics-profiler/ic_faq.svg" alt="FAQs"> </a>  <div class="content_container cms-col-lg-21 cms-col-md-21 cms-col-sm-20">  <a class="h6" href="/consumer/en/doc/development/Tools-Guides/faq-0000001050147125" onClick='util.reportApi.reportClick({key:"RealityStudio_FAQs",tagType:"CMMT0012_themestudio"})' style="cursor:pointer" > FAQs</a>  <p class="item_description text-regular" > Find solutions to common concerns.</p>  <a href="/consumer/en/doc/development/Tools-Guides/faq-0000001050147125" onClick='util.reportApi.reportClick({key:"RealityStudio_FAQs",tagType:"CMMT0012_themestudio"})' class="cms-link link-black"> Learn more</a>  </div> </div> <div class="cms-col-xs-24 cms-col-sm-12 cms-col-md-6 cms-col-lg-6">   <a class="content_img" href="/consumer/en/doc/development/Tools-Guides/feedback-support-0000001050145172" onClick='util.reportApi.reportClick({key:"RealityStudio_Feedback",tagType:"CMMT0012_themestudio"})' style="cursor:pointer" > <img loading="lazy" src="/Enexport/sites/default/images/new-content/HMS-Core/graphics-profiler/ic_feedback.svg" alt="Feedback"> </a>  <div class="content_container cms-col-lg-21 cms-col-md-21 cms-col-sm-20">  <a class="h6" href="/consumer/en/doc/development/Tools-Guides/feedback-support-0000001050145172" onClick='util.reportApi.reportClick({key:"RealityStudio_Feedback",tagType:"CMMT0012_themestudio"})' style="cursor:pointer" > Feedback</a>  <p class="item_description text-regular" > Make your opinions or questions heard.</p>  <a href="/consumer/en/doc/development/Tools-Guides/feedback-support-0000001050145172" onClick='util.reportApi.reportClick({key:"RealityStudio_Feedback",tagType:"CMMT0012_themestudio"})' class="cms-link link-black"> Learn more</a>  </div> </div>  </div> </div>  </div> </div>   <div id="" class="kitcards "> <div class="cms-row cms-row-gutter"> <div class="cms-col-lg-12 cms-col-md-12 cms-col-sm-12 cms-col-xs-24 kitcards_list bg "> <div class="list_item "> <div class="container"> <div class="list_content"> <div class="content">  <h3> Technical Support</h3>  <p> Contact customer service for further assistance. We'll get back to you within 1 to 2 working days.</p> </div>  <div class="link_list"> <a href="/consumer/en/support/feedback/" onClick='util.reportApi.reportClick({key:"TechnicalSupport",tagType:"CMMT0012"})' target="_blank"style="cursor:pointer"> Submit ticket online</a> </div> </div> </div> </div> </div> <div class="cms-col-lg-12 cms-col-md-12 cms-col-sm-12 cms-col-xs-24 kitcards_list bg "> <div class="list_item "> <div class="container"> <div class="list_content"> <div class="content">  <h3> HUAWEI Developer Forum</h3>  <p> Get your questions answered online by Huawei experts, or share your knowledge and experience with fellow developers.</p> </div>  <div class="link_list"> <a href="https://forums.developer.huawei.com/forumPortal/en/home" onClick='util.reportApi.reportClick({key:"HUAWEIDeveloperForum",tagType:"CMMT0012"})' target="_blank"style="cursor:pointer"> Go to forum</a> </div> </div> </div> </div> </div> <div class="cms-col-lg-12 cms-col-md-12 cms-col-sm-12 cms-col-xs-24 kitcards_list bg "> <div class="list_item "> <div class="container"> <div class="list_content"> <div class="content">  <h3> Stack Overflow</h3>  <p> Submit or answer questions related to HMS Core integration.</p> </div>  <div class="link_list"> <a href="https://stackoverflow.com/questions/tagged/huawei-mobile-services" onClick='util.reportApi.reportClick({key:"StackOverflow",tagType:"CMMT0012"})' target="_blank"style="cursor:pointer"> Go to Stack Overflow</a> </div> </div> </div> </div> </div> <div class="cms-col-lg-12 cms-col-md-12 cms-col-sm-12 cms-col-xs-24 kitcards_list bg "> <div class="list_item "> <div class="container"> <div class="list_content"> <div class="content">  <h3> GitHub</h3>  <p> Participate in open source projects, and contribute to the flourishing HMS Core ecosystem.</p> </div>  <div class="link_list"> <a href="https://github.com/HMS-Core" onClick='util.reportApi.reportClick({key:"GitHub",tagType:"CMMT0012"})' target="_blank"style="cursor:pointer"> Go to GitHub</a> </div> </div> </div> </div> </div> </div> </div>   <div class="contactDeveloper cms-floor has_top" > <div class="cms-container">   <div class="contactdeveloper_title h7 cms-col-xs-24 cms-col-sm-16 cms-col-md-16 cms-col-lg-16">Contact HUAWEI Developers</div> <div class="contactdeveloper_container"> <div class="cms-col-xs-24 cms-col-sm-12 cms-col-md-6 cms-col-lg-6"> <div class="contactdeveloper_box"> <div class="text-major contactdeveloper_box_subtitle cms-col-lg-20"> <a style="cursor:default" > Europe</a> </div> <div class="text-regular contactdeveloper_box_email"> developereu@huawei.com</div> </div> </div> <div class="cms-col-xs-24 cms-col-sm-12 cms-col-md-6 cms-col-lg-6"> <div class="contactdeveloper_box"> <div class="text-major contactdeveloper_box_subtitle cms-col-lg-20"> <a style="cursor:default" > Asia Pacific</a> </div> <div class="text-regular contactdeveloper_box_email"> developerapac@huawei.com</div> </div> </div> <div class="cms-col-xs-24 cms-col-sm-12 cms-col-md-6 cms-col-lg-6"> <div class="contactdeveloper_box"> <div class="text-major contactdeveloper_box_subtitle cms-col-lg-20"> <a style="cursor:default" > Russia</a> </div> <div class="text-regular contactdeveloper_box_email"> developer_ru@huawei.com</div> </div> </div> </div> </div> </div> <div class="seo_no_search"> <section class="footer" breadtitle="Theme Studio"> <div class="top-box"> <div class="container ftbox"> <div class="current-page foot-row-line"> <a href="/consumer/en/">Home</a> <span class="bottom_bread"> <i>></i> <a href="/consumer/en/product/">Products</a> <i>></i> <a href="/consumer/en/develop/">Develop</a> <i>></i> <a href="/consumer/en/huawei-theme-studio/">Theme Studio</a> </span> </div> <div class="footer_menus clearfix"> <div class="link_panel head_line clearfix" style="width:20.0%"> <div class="col-xs-12"> <div class="panel_item"> <div class="panel-heading"> <div class="h5 column"> Products<i class="hide-icon"></i> <i class="show-icon"></i> </div> </div> <div class="panel_body"> <div class="link-group"> <ul class="list_group"> <li> <a href="/consumer/en/hms" > HMS Core</a> </li> <li> <a href="/consumer/en/agconnect" > AppGallery Connect</a> </li> <li> <a href="https://www.harmonyos.com/en/" > HarmonyOS</a> </li> <li> <a href="/consumer/en/appgallery" > HUAWEI AppGallery</a> </li> <li> <a href="/consumer/en/huaweithemes/" > HUAWEI Themes</a> </li> <li> <a href="/consumer/en/monetize" > Petal Ads Publisher Service</a> </li> </ul> </div> </div> </div> </div> </div> <div class="link_panel head_line clearfix" style="width:20.0%"> <div class="col-xs-12"> <div class="panel_item"> <div class="panel-heading"> <div class="h5 column"> Solutions<i class="hide-icon"></i> <i class="show-icon"></i> </div> </div> <div class="panel_body"> <div class="link-group"> <ul class="list_group"> <li> <a href="/consumer/en/solution/hms/travelandtransport/" > Travel and Transport</a> </li> <li> <a href="/consumer/en/solution/hms/ecommerce/" > E-commerce</a> </li> <li> <a href="/consumer/en/solution/hms/finance/" > Finance</a> </li> <li> <a href="/consumer/en/solution/hms/gaming/" > Gaming</a> </li> <li> <a href="/consumer/en/solution/hms/mediaandentertainment" > Media & Entertainment</a> </li> </ul> </div> </div> </div> </div> </div> <div class="link_panel head_line clearfix" style="width:20.0%"> <div class="col-xs-12"> <div class="panel_item"> <div class="panel-heading"> <div class="h5 column"> Programs<i class="hide-icon"></i> <i class="show-icon"></i> </div> </div> <div class="panel_body"> <div class="link-group"> <ul class="list_group"> <li> <a href="/consumer/en/programs/hdg/" > HUAWEI Developer Groups</a> </li> <li> <a href="/consumer/en/programs/hde" > HUAWEI Developer Experts</a> </li> <li> <a href="/consumer/en/programs/hsd/" > HUAWEI Student Developers</a> </li> <li> <a href="/consumer/en/programs/hwd" > HUAWEI Women Developers</a> </li> </ul> </div> </div> </div> </div> </div> <div class="link_panel head_line clearfix" style="width:20.0%"> <div class="col-xs-12"> <div class="panel_item"> <div class="panel-heading"> <div class="h5 column"> Resources and Training<i class="hide-icon"></i> <i class="show-icon"></i> </div> </div> <div class="panel_body"> <div class="link-group"> <ul class="list_group"> <li> <a href="/consumer/en/videoCenter/index" > Training</a> </li> <li> <a href="/consumer/en/community/codelabs" > Codelabs</a> </li> <li> <a href="/consumer/en/activity/" > Events</a> </li> <li> <a href="https://forums.developer.huawei.com/" > HUAWEI Developer Forum</a> </li> <li> <a href="/consumer/information/en/news" > News and Updates</a> </li> </ul> </div> </div> </div> </div> </div> <div class="link_panel head_line clearfix" style="width:20.0%"> <div class="col-xs-12"> <div class="panel_item"> <div class="panel-heading"> <div class="h5 column"> Support<i class="hide-icon"></i> <i class="show-icon"></i> </div> </div> <div class="panel_body"> <div class="link-group"> <ul class="list_group"> <li> <a href="/consumer/en/develop-novice-guide/" > Before You Get Started</a> </li> <li> <a href="/consumer/en/doc/" > Document Center</a> </li> <li> <a href="/consumer/en/policy-center/" > Policy Center</a> </li> <li> <a href="/consumer/en/notice" > Bulletins</a> </li> <li> <a href="/consumer/en/customerService/#/bot-dev-top/faq-top/faq-talk-top" > Intelligent Assistant</a> </li> <li> <a href="/consumer/en/support/feedback/#/" > Customer Service</a> </li> <li> <a href="/consumer/en/support/business" > Business Cooperation</a> </li> <li> <a href="/consumer/en/support/contactUs" > Contact Us</a> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="top-line clearfix pt-2"> <div class="link_box">  <span class="friend_link">Quick Links</span> <a class="link_url" href="https://www.huawei.com/en" onClick='util.reportApi.reportClick()' style="cursor:pointer">Huawei</a> <a class="link_url" href="https://consumer.huawei.com/en" onClick='util.reportApi.reportClick()' style="cursor:pointer">Consumer</a> <a class="link_url" href="https://consumer.huawei.com/en/emui/" onClick='util.reportApi.reportClick()' style="cursor:pointer">EMUI</a> </div> <div class="right_link"> <div class="mobile_lan"> <div class="language-combox"> <span><i>简体中文</i></span> <i class="icon-mh"></i> <i class="icon-mh-up"></i> <ul> <li data="cn" cval="zh_CN">简体中文</li> <li data="ru" cval="ru_RU">Русский</li> <li data="en" cval="en_US">English</li> <li data="es" cval="es_US">Español (América Latina)</li> <li data="pt" cval="pt_BR">Português (Brasil)</li> <li data="fr" cval="fr_FR">Français (Europe)</li> <li data="de" cval="de_DE">Deutsch</li> <li data="jp" cval="ja_JP">日本語</li> <li data="kr" cval="ko_KR">한국어</li> </ul> </div> </div> <div class="media-link right ignore_trust_check">  <div class="left"> <ul class="left"> <li class="left foot_icon"> <a href="https://www.facebook.com/Huaweidevs" target="_blank" event-attr=""> <img alt="" src="/Enexport/sites/default/images/social-and-meida/Facebook_default.png" event-hover="/Enexport/sites/default/images/social-and-meida/facebook_hover.png" event-moveout="/Enexport/sites/default/images/social-and-meida/Facebook_default.png"/> </a> </li> <li class="left foot_icon"> <a href="https://x.com/Huawei_devs" target="_blank" event-attr=""> <img alt="" src="/Enexport/sites/default/images/social-and-meida/icon-twitter1.png" event-hover="/Enexport/sites/default/images/social-and-meida/icon-twitter2.png" event-moveout="/Enexport/sites/default/images/social-and-meida/icon-twitter1.png"/> </a> </li> <li class="left foot_icon"> <a href="https://www.youtube.com/channel/UCQ9P7cr9ilBCS-gqpktAbKQ" target="_blank" event-attr=""> <img alt="" src="/Enexport/sites/default/images/social-and-meida/Youtube_default.png" event-hover="/Enexport/sites/default/images/social-and-meida/Youtube_hover.png" event-moveout="/Enexport/sites/default/images/social-and-meida/Youtube_default.png"/> </a> </li> <li class="left foot_icon"> <a href="javascript:void(0)" event-attr="appicon"> <img alt="" src="/Enexport/sites/default/images/social-and-meida/icon-app-normal.png" event-hover="/Enexport/sites/default/images/social-and-meida/icon-app-hover.png" event-moveout="/Enexport/sites/default/images/social-and-meida/icon-app-normal.png"/> </a> </li> <li class="left foot_icon"> <a href="https://forums.developer.huawei.com/forumPortal/en/home" target="_blank" event-attr=""> <img alt="" src="/Enexport/sites/default/images/social-and-meida/Forum-default.png" event-hover="/Enexport/sites/default/images/social-and-meida/Forum-hover.png" event-moveout="/Enexport/sites/default/images/social-and-meida/Forum-default.png"/> </a> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="bottom-box"> <div class="foot-bottom container"> <div class="copyright mt-2"> <div class="copyright_text">©2025 HUAWEI Developers. All rights reserved.</div> </div> <div class="copyright foot_cookies"> <a href="/consumer/en/devservice/use" target="_blank">Terms of Use</a> <span>|</span> <a href="/consumer/en/devservice/term" target="_blank">Statement About HUAWEI Developers and Privacy</a> <span>|</span> <a href="/consumer/en/devservice/cookie" target="_blank">Cookies</a> <span>|</span> <a href="/consumer/en/devservice/cookie/#h0" target="_blank">Cookie Settings</a> <span>|</span> <a href="/consumer/en/opensource/" target="_blank">Open-Source Software Notice</a> </div> </div> </div> </section> </div>  <div id="agreement_modal" class="seo_no_search"> <div class="overview"></div> <div class="agreement"> <div class="agreement_head"> <p class="H4"></p> <img class="agreement_close" src="/system/modules/org.opencms.portal.template.core/resources/harmony/img/icon_close_black.svg" onClick="util.agreementApi.closeAgreementModal()"/> </div> <div class="agreement_content"> <iframe width="100%" height="100%" class="agreement_content_url" src=""></iframe> </div> <div class="agreement_foot"> <div class="sign_area"> <div class="agreement_foot_check" > <span class="check_box" onClick="util.agreementApi.checked()"></span> <div class="check_content"> </div> </div> <div class="agreement_foot_btn"> <a class="btn btn-major-black btn-major-style" onClick="util.agreementApi.agree()"></a> </div> </div> <div class="more_agreement"> <div class="paging"> <a class="paging-btn prev" onClick="util.agreementApi.prev()"> <i class="icon icon-btn-prev"></i> <span class="paging-guide"></span> </a> <span class="paging-text ng-binding"></span> <a class="paging-btn next" onClick="util.agreementApi.next()"> <span class="paging-guide"></span> <i class="icon icon-btn-next"></i> </a> </div> </div> </div> </div> <div class="errMsg"> <div class="errMsg_head"> <p class="H4"> 提示/Tips </p> <img class="errMsg_close" src="/system/modules/org.opencms.portal.template.core/resources/harmony/img/icon_close.svg" onClick="util.errMsg.close()"/> </div> <div class="errMsg_content"> <p>系统错误</p> </div> <div class="errMsg_foot"> <div class="errMsg_foot_btn"> <a class="btn btn-major-black btn-major-style" onClick="util.errMsg.close()">关闭/Close</a> </div> </div> </div> </div> <div></div> </div><script src="/Enexport/sites/default/config/configs.js?v=20241104"></script> <script type="text/javascript" src="/aui2/aui2-login.js?v=20241104"></script> <script src="/Enexport/system/modules/org.opencms.portal.template.core/resources/thirdParty/jquery.min.js?v=20241104"></script> <script src="/config/commonResource/hianalytics/2.2.1.501/HiAnalyticsJSSDK.min.js?v=20241104"></script> <script src="/Enexport/system/modules/org.opencms.portal.template.core/resources/js/commonTools.js?v=20241104"></script> <script type="text/javascript" src="/Enexport/system/modules/org.opencms.portal.template.core/resources/js/portal_analytic_config_en.js?v=20241104"></script> <script type="text/javascript" src="/Enexport/system/modules/org.opencms.portal.template.core/resources/js/divResize.js?v=20241104"></script> <script type="text/javascript" src="/Enexport/system/modules/org.opencms.portal.template.core/resources/js/styleNew.js?v=20241104"></script> <script type="text/javascript" src="/Enexport/system/modules/org.opencms.portal.template.core/resources/js/navbar_new.js?v=20241104"></script> <script type="text/javascript" src="/Enexport/system/modules/org.opencms.portal.template.core/resources/js/login.js?v=20241104"></script> <script type="text/javascript" src="/Enexport/system/modules/org.opencms.portal.template.core/resources/js/portal_analytic.js?v=20241104"></script> <script type="text/javascript" src="/Enexport/system/modules/org.opencms.portal.template.core/resources/js/cms-common.js?v=20241104"></script> <script src="/Enexport/system/modules/org.opencms.portal.template.core/resources/js2.0/homepageKit/kitBanner.js_534548010.js"></script> <script src="/Enexport/system/modules/org.opencms.portal.template.core/resources/js2.0/video-index.js_534548010.js"></script> <script src="/Enexport/system/modules/org.opencms.portal.template.core/resources/js2.0/cms2.0/banner-video.js_534548010.js"></script> <script src="/Enexport/system/modules/org.opencms.portal.template.core/resources/js2.0/cms2.0/navigation.js_534548010.js"></script> <script src="/Enexport/system/modules/org.opencms.portal.template.core/resources/js2.0/cms2.0/resourcesMulti.js_534548010.js"></script> <script src="/Enexport/system/modules/org.opencms.portal.template.core/resources/js/footer.js_534548010.js"></script></html>

CINXE.COM

Theme Studio - HMS Core - HUAWEI Developer