关于Android Studio的3D视角查看view高度,新UI界面

一、什么是3D视角查看view高度

我们都知道,Google的官方文档要求,android开发中,对页面的绘制,view的高度不能高于10层,这是基于对页面性能的考量。

影响页面渲染性能的方面有很多,view的高度,就是其中一个方面。

这是因为view的数据结构,是一个树形结构。而app在绘制页面时,会从view树中从上往下遍历所有view组件,依次完成测量、布局、绘制。所以当树的高度越大,这个遍历耗时也就对应变长,所以,控制view的高度就很重要。

目前我基本都是通过布局代码文件来自己算,一直以为这是理所应当的方法。

直到有一天。。我看到了开发ios的同学的xcode工具。。。。。。直接能清晰看到当前页面有几层高度。我人麻了,这对于我之前的人工数数简直降维打击!(图片借用网图)

Android开发在 layout目录能归类吗 android studio的layout文件在哪_android


这也太炫酷了!!于是我对此一直心心念念,希望Android Studio也有一个类似的工具。

二、乖乖,原来是有的!

在最近,偶尔访问了一下android的开发者门户,结果,乖乖,让我看见了这么一个宣传页面

Android开发在 layout目录能归类吗 android studio的layout文件在哪_UI_02


这还得了!!这不就是心心念念的查看工具吗!这是新出的吗?还是以前就有我不知道?

不管了,找找找,必须用上!!

1、开启3d视图,点击 Tool——Layout Inspect,右侧出现窗口

注意:这里的窗口,显示的是真机正在运行调试版APP的页面,并不是当前AS项目的布局代码

所以咱们还是需要先连接一个手机,插上线,项目run起来,才能看到界面。

我这里跑一下自己之前做的查看天气的app(界面自己画的,比较丑)

但是界面还是平面的,只是有了布局边间的描边

Android开发在 layout目录能归类吗 android studio的layout文件在哪_ide_03

1、点击右下角3D MODE按钮(梯形图标)查看3d view,舒服了

把布局的层次直接直观的展现出来了,这个视角真的很新奇,痛快!!

Android开发在 layout目录能归类吗 android studio的layout文件在哪_android studio_04

三、意外发现,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

Android开发在 layout目录能归类吗 android studio的layout文件在哪_android studio_05


看见右侧这个Enable new UI选项了吗,勾上! 然后会弹出窗口重启,点击确认,重启就是了!然后我们就能看到官网同款UI了。

Android开发在 layout目录能归类吗 android studio的layout文件在哪_Android_06


来对比一下老UI,新UI让人一下子耳目一新,我自己感觉新的UI很喜欢。

Android开发在 layout目录能归类吗 android studio的layout文件在哪_android studio_07