码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2019-05-29 14:45:15      阅读:165      评论:0      收藏:0      [点我收藏+]

标签:height   模式   com   切换   命令   mic   启动方式   ref   auto   

概述

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

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

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

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

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

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

技术图片

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

技术图片

技术图片

(3)切换到DDMS

技术图片

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

 技术图片

技术图片

技术图片

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

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

技术图片

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

技术图片

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

技术图片

参考资料

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

android studio 3.1 Android Device Monitor 新的启动方式

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

标签:height   模式   com   切换   命令   mic   启动方式   ref   auto   

原文地址:https://www.cnblogs.com/Jeely/p/10943325.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!