关于Android Studio的3D视角查看view高度,新UI界面
一、什么是3D视角查看view高度
我们都知道,Google的官方文档要求,android开发中,对页面的绘制,view的高度不能高于10层,这是基于对页面性能的考量。
影响页面渲染性能的方面有很多,view的高度,就是其中一个方面。
这是因为view的数据结构,是一个树形结构。而app在绘制页面时,会从view树中从上往下遍历所有view组件,依次完成测量、布局、绘制。所以当树的高度越大,这个遍历耗时也就对应变长,所以,控制view的高度就很重要。
目前我基本都是通过布局代码文件来自己算,一直以为这是理所应当的方法。
直到有一天。。我看到了开发ios的同学的xcode工具。。。。。。直接能清晰看到当前页面有几层高度。我人麻了,这对于我之前的人工数数简直降维打击!(图片借用网图)
这也太炫酷了!!于是我对此一直心心念念,希望Android Studio也有一个类似的工具。
二、乖乖,原来是有的!
在最近,偶尔访问了一下android的开发者门户,结果,乖乖,让我看见了这么一个宣传页面
这还得了!!这不就是心心念念的查看工具吗!这是新出的吗?还是以前就有我不知道?
不管了,找找找,必须用上!!
1、开启3d视图,点击 Tool——Layout Inspect,右侧出现窗口
注意:这里的窗口,显示的是真机正在运行调试版APP的页面,并不是当前AS项目的布局代码
所以咱们还是需要先连接一个手机,插上线,项目run起来,才能看到界面。
我这里跑一下自己之前做的查看天气的app(界面自己画的,比较丑)
但是界面还是平面的,只是有了布局边间的描边
1、点击右下角3D MODE按钮(梯形图标)查看3d view,舒服了
把布局的层次直接直观的展现出来了,这个视角真的很新奇,痛快!!
三、意外发现,Android Studio新UI!
1、意外发现
最开始以为3D MODE模式,是只有官网宣传的新版本Android Studio才有,于是从官网下载最新的Android Studio Giraffe。 Android Studio Giraffe
成功试出来后,想看看老版本是啥样,没想到老版本也有。。郁闷了一阵子。。
但是发现有新东西!Android Studio更新了了Jetbrains的新UI了!
上上上。
2、切换为新UI模式
先随便打开一个项目,然后能看到界面没啥变化,和前面官网的宣传图好像长得也不一样。
这是因为官网宣传的这套ui,还在Beta中,默认不打开。需要手动切换一下。来,跟着做。
1、File——Setting(Windows)
Android Studio——preferences(Mac)
2、搜索 new UI
看见右侧这个Enable new UI选项了吗,勾上! 然后会弹出窗口重启,点击确认,重启就是了!然后我们就能看到官网同款UI了。
来对比一下老UI,新UI让人一下子耳目一新,我自己感觉新的UI很喜欢。