鸿蒙5.0开发【结构分析】
开发者可以使用ArkUI Inspector，在DevEco Studio上查看应用在真机上的UI表现结果，并通过查看多次操纵后的界面状态，快速分析定位UI界面存在的题目。ArkUI Inspector支持的功能包括：
[*]查看设备上应用的UI表现结果。
[*]导出及导入应用UI界面快照，离开设备查看UI表现结果。
[*]在组件树上选择组件，UI界面自动框选对应组件，属性列表表现当前组件的属性信息。
[*]在UI界面点击选择组件，组件树对应组件变化为选中状态，属性列表表现当前组件的属性信息。
[*]UI组件源码跳转，选中UI组件后点击源码跳转按钮即可跳转至源码位置。
[*]在UI界面上选择Show Component Border，可查看当前页面上全部组件表现区域。
[*]在组件树上选择自定义组件，属性列表表现当前组件配置的状态变量信息以及影响组件。
使用场景
针对界面较复杂的应用：
[*]通过组件树查看组件的父子关系，检查是否存在冗余组件。
[*]针对应用在真机或模拟器上运行出现UI界面表现异常，尤其颠末多次界面复杂操纵后产生的界面错误以及后台逻辑错误，举行题目分析定位。
使用约束
[*]仅运行在前台的应用支持Inspector查看。
[*]已通过USB或WLAN毗连设备。
[*]仅支持Stage工程。
[*]仅支持全屏应用或者核心在前台的窗口。
[*]不支持应用市场上架的商用署名应用。
操纵步调
[*] 在DevEco Studio下方点击ArkUI Inspector，打开ArkUI Inspector。
https://i-blog.csdnimg.cn/direct/cf227b6b6e8f49fdb891eed217be39ee.png
[*] 点击RUN或者DEBUG按钮，将应用推包到设备上，在设备应用列表选择当前表如今设备前端的UI进程。
https://i-blog.csdnimg.cn/direct/bd7bc65456de41b2ae13493bfd8e2efc.png
[*] ArkUI Inspector左侧为当前的组件树结构，中心栏表现当前设备的UI表现界面，右侧在选中组件的情况下为当前组件的属性信息。当设备上UI发生变化时，可点击中心栏右上角按钮同步设备上的UI结果。可以在左侧组件树上选择或直接在UI界面点击选择组件。
https://i-blog.csdnimg.cn/direct/1b5a699668d9495086fd6ce4a65a83d5.png
点击，勾选组件树信息的配置项Show Tree Statistics，可表现组件树节点信息。
https://i-blog.csdnimg.cn/direct/d86da2053c7e4aeb96bda7ede900f3cc.png
[*] 在设备框，点击设备列表的末了一项Stop inspector，可断开与设备的毗连。
https://i-blog.csdnimg.cn/direct/6c3f61428cab40c685a414d903a429e4.png
UI界面快照
ArkUI Inspector支持导出及导入应用UI界面快照，离开设备查看应用UI界面表现结果。
[*]在中心栏点击可以将应用UI界面快照导出到当地。导出乐成后将默认在DevEco Studio中打开该快照。
[*]在中心栏点击可以导入当地的应用UI界面快照。导入乐成后将在DevEco Studio中打开该快照。
https://i-blog.csdnimg.cn/direct/9592572bba5844d8929de5f051d9580a.png
UI组件源码跳转
[*] 单击Run > Edit Configurations，勾选“Enable DebugLine”，点击OK保存后，重新运行工程，表示开启源码跳转功能。
https://i-blog.csdnimg.cn/direct/61fe8e27270c4beeaf1ad6fb50bd68c1.png
[*] 在ArkUI Inspector中，选中要举行源码跳转的UI组件。
https://i-blog.csdnimg.cn/direct/331811cc7e174ca880b378e0cf4183a0.png
[*] 点击右侧的源码跳转按钮，即可跳转到UI组件源码位置。
https://i-blog.csdnimg.cn/direct/7ff5cb4399a44b7bb8754bf36f128f60.png
表现结构边框
在UI表现设置上，勾选“Show Component Border”，可表现当前页面全部组件的结构信息。
https://i-blog.csdnimg.cn/direct/915ca04bdead414b9d78ef7a381d4974.png
查看UI组件的状态变量
点击自定义组件，可以查看自定义组件定义状态变量，以及状态变量影响的下一层组件。
https://i-blog.csdnimg.cn/direct/e99b25658e5f449fbbd6b021f62f7755.png
末了呢
很多开发朋友不知道需要学习那些鸿蒙技能？鸿蒙开发岗位需要把握那些核心技能点？为此鸿蒙的开发学习必须要系统性的举行。
而网上有关鸿蒙的开发资料非常的少，假如你想学好鸿蒙的应用开发与系统底层开发。你可以参考这份资料，少走很多弯路，节流没必要的贫苦。由两位前阿里高级研发工程师团结打造的《鸿蒙NEXT星河版OpenHarmony开发文档》里面内容包罗了（ArkTS、ArkUI开发组件、Stage模型、多端部署、分布式应用开发、音频、视频、WebGL、OpenHarmony多媒体技能、Napi组件、OpenHarmony内核、Harmony南向开发、鸿蒙项目实战等等）鸿蒙（Harmony NEXT）技能知识点
如果你是一名Android、Java、前端等等开发人员，想要转入鸿蒙方向发展。可以直接领取这份资料辅助你的学习。下面是鸿蒙开发的学习门路图。
https://i-blog.csdnimg.cn/direct/ac6c0e1465ab44a982b6eae229c90099.png#pic_center
针对鸿蒙成长门路打造的鸿蒙学习文档。话不多说，我们直接看具体鸿蒙（OpenHarmony ）手册（共计1236页）与鸿蒙（OpenHarmony ）开发入门视频，帮助大家在技能的道路上更进一步。
[*]《鸿蒙 (OpenHarmony)开发学习视频》
[*]《鸿蒙生态应用开发V2.0白皮书》
[*]《鸿蒙 (OpenHarmony)开发底子到实战手册》
[*]OpenHarmony北向、南向开发情况搭建
[*]《鸿蒙开发底子》
[*]《鸿蒙开发进阶》
[*]《鸿蒙开发实战》
https://i-blog.csdnimg.cn/direct/600f5bc4d5bc4b4694dda0d1004a5471.png#pic_center
总结
鸿蒙—作为国家主力推送的国产操纵系统。部门的高校已经取消了安卓课程，从而开设鸿蒙课程；企业纷纷跟进启动了鸿蒙研发。
并且鸿蒙是完全具备无与伦比的机遇和潜力的；预计到年底将有 5,000 款的应用完成原生鸿蒙开发，将来将会支持 50 万款的应用。那么这么多的应用需要开发，也就意味着需要有更多的鸿蒙人才。鸿蒙开发工程师也将会迎来发作式的增长，学习鸿蒙势在必行！ 自↓↓↓拿
https://i-blog.csdnimg.cn/direct/e05125ac385a4840aa258b8ee25dabc8.gif#pic_center
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
页:
[1]