1. 程式人生 > >Android Studio查看其它APP的布局結構

Android Studio查看其它APP的布局結構

colors 目的 我們 -a 其它 項目 開始 bubuko image

概述
日常使用別家的APP過程中,會遇到一些比較好看的布局,這時候我們就想學習一下別人的布局結構,以便參考。

(1)手機連接電腦、設置手機為USB調試模式

(2)運行Android Studio,打開 Tools--Android--Android Device Monitor

註意:android Studio3.1開始只能通過命令行的方式啟動Android Device Monitor。或者手動打開文件目錄
技術分享圖片
技術分享圖片
技術分享圖片

(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的布局結構