在进行界面设计或图形创作时,预览器可以实时显示设计的效果,让设计师能够直观地看到每一个调整带来的变化。这样可以快速迭代设计,提高设计效率。
1.组件树也是日常开发中必不可少的调试工具之一,它它能直观的展示当前所有组件的层次关系,同时展示了当前显示的页面的所有组件的包含关系。
2.组件树的打开方式:打开【预览器】,然后点击上方工具栏中的两个“T“字母的标识(【TT】),便可打开组件树:
3.组件树的展示如下图,共包含两个区域,上方是组件树的结构,下方是我们用鼠标点击相关组件后,对该组件的详细描述,包括了了组件的位置、背景色、大小等信息,我们还可以通过组件快速定位代码,大大提高我们的效率