【Android Studio安装部署系列】二十八、Android Studio查看其它APP的布局结构

概述

日常使用别家的APP过程中,会遇到一些比较好看的布局,这时候我们就想学习一下别人的布局结构,以便参考。

(1)手机连接电脑、设置手机为USB调试模式

参考《【Android Studio安装部署系列】七、真机运行项目

(2)运行Android Studio,打开 Tools--Android--Android Device Monitor 

【Android Studio安装部署系列】二十八、Android Studio查看其它APP的布局结构

【Android Studio安装部署系列】二十八、Android Studio查看其它APP的布局结构

(3)切换到DDMS

【Android Studio安装部署系列】二十八、Android Studio查看其它APP的布局结构

(4)选中设备,点击 “Dump View hHerarchy for UI Automator”,我们就可以查看布局的视图结构了

 【Android Studio安装部署系列】二十八、Android Studio查看其它APP的布局结构

【Android Studio安装部署系列】二十八、Android Studio查看其它APP的布局结构

【Android Studio安装部署系列】二十八、Android Studio查看其它APP的布局结构

(5)如果想要获取APP里面的颜色值,可以使用Android Studio的拾色器

1、打开任意一个项目的colors.xml文件,点击左侧的颜色方块,打开Android Studio拾色器

【Android Studio安装部署系列】二十八、Android Studio查看其它APP的布局结构

2、调整Android studio的当前项目和Android Device Monitor界面,保证两者不遮挡

【Android Studio安装部署系列】二十八、Android Studio查看其它APP的布局结构

3、使用吸管进行取色即可

【Android Studio安装部署系列】二十八、Android Studio查看其它APP的布局结构

参考资料

使用Android studio 查看其它app的布局的结构

【Android Studio安装部署系列】二十八、Android Studio查看其它APP的布局结构

上一篇:移动端适配rem


下一篇:[Android开发]emulator无法启动的问题