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

时间:2022-04-06 11:52:22

概述

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

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

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

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

注意:android Studio3.1开始只能通过命令行的方式启动Android Device Monitor。

双击sdk安装目录/tools/monitor.bat

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

android Studio3.0或更低版本可以通过菜单栏的方式打开

【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 3.1 Android Device Monitor 新的启动方式