HarmonyOs DevEco Studio小技巧5--【预览器】的妙用

在进行界面设计或图形创作时,预览器可以实时显示设计的效果,让设计师能够直观地看到每一个调整带来的变化。这样可以快速迭代设计,提高设计效率。

1.组件树也是日常开发中必不可少的调试工具之一,它它能直观的展示当前所有组件的层次关系,同时展示了当前显示的页面的所有组件的包含关系。


2.组件树的打开方式:打开【预览器】,然后点击上方工具栏中的两个“T“字母的标识(【TT】),便可打开组件树:

3.组件树的展示如下图,共包含两个区域,上方是组件树的结构,下方是我们用鼠标点击相关组件后,对该组件的详细描述,包括了了组件的位置、背景色、大小等信息,我们还可以通过组件快速定位代码,大大提高我们的效率

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值