Android 如何调试已经运行在手机/模拟器中的软件界面上的像素 layout margin 等布局参数 用 Layout Inspector 工具

本文主要是介绍Android 如何调试已经运行在手机/模拟器中的软件界面上的像素 layout margin 等布局参数 用 Layout Inspector 工具,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

文章目录

    • Intro
    • 场景
    • Layout Inspector 窗口的打开方式
      • `Tools` --> `Layout Inspector`
      • `View` --> `Tool Windows` --> `Layout Inspector`
      • 通用的方法 `Help` --> 搜索`Layout Inspector`

Intro

一句话:
Android Studio 有一个叫 Layout Inspector/布局检查器的工具,可以显示已经运行在手机/模拟器中的软件的某一个界面上的组件布局细节
https://developer.android.google.cn/studio/debug/layout-inspector?hl=zh-cn
在这里插入图片描述

场景

在多人开发软件的过程中,有一类人(设计师)负责设计软件界面的样子,有一类人(程序员)负责用编程语言去实现具体的功能。
实现之后,设计师指着程序员写出来的软件说:“你这个界面这里的间隔和我给的不一样大”……

在已经运行在手机/模拟器上的软件的某个界面上,组件的大小、组件之间的间隔(padding, layout_margin等参数)如何得知?

诚然,Android Studio 中的xml编辑器中是可以对部分界面进行渲染,如下:
在这里插入图片描述可是复杂界面就看不到界面预览
而我们在 layout.xml 中用 xml 编写的UI,只是制定了部分我们关注到的组件的参数
界面最终运行时的布局,是由 我们制定的某些组件的布局属性 + 我们没关注到的一些组件布局属性共同影响。

Layout Inspector 就可以告诉程序员:
“现在这个Android应用运行在手机,在这个界面中,这个组件的大小、这两个组件之间的距离……是多少,和设计师给的数值一致。”
数值一致,是比用眼睛看用嘴巴说“我觉得运行效果和设计效果一样”更有说服力的 work done 信号。

Layout Inspector 窗口的打开方式

Tools --> Layout Inspector

Tools --> Layout Inspector
在这里插入图片描述

View --> Tool Windows --> Layout Inspector

View --> Tool Windows --> Layout Inspector
不过我的Android Studio 用这种方式找不到想找的 Layout Inspector 。
在这里插入图片描述

通用的方法 Help --> 搜索Layout Inspector

不同版本的 Android Studio 打开 Layout Inspector 的方式可能有区别,快捷键可能也有区别。
但是,有通用方法:
Help --> 输入 Layout Inspector 检索。其实在这类开发软件的 Help 菜单中你不止可以搜索某个工具窗口,也可以搜索某个操作的快捷键是什么,等等。
在这里插入图片描述

这篇关于Android 如何调试已经运行在手机/模拟器中的软件界面上的像素 layout margin 等布局参数 用 Layout Inspector 工具的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1053143

相关文章

C++对象布局及多态实现探索之内存布局(整理的很多链接)

本文通过观察对象的内存布局,跟踪函数调用的汇编代码。分析了C++对象内存的布局情况,虚函数的执行方式,以及虚继承,等等 文章链接:http://dev.yesky.com/254/2191254.shtml      论C/C++函数间动态内存的传递 (2005-07-30)   当你涉及到C/C++的核心编程的时候,你会无止境地与内存管理打交道。 文章链接:http://dev.yesky

揭秘未来艺术:AI绘画工具全面介绍

📑前言 随着科技的飞速发展,人工智能(AI)已经逐渐渗透到我们生活的方方面面。在艺术创作领域,AI技术同样展现出了其独特的魅力。今天,我们就来一起探索这个神秘而引人入胜的领域,深入了解AI绘画工具的奥秘及其为艺术创作带来的革命性变革。 一、AI绘画工具的崛起 1.1 颠覆传统绘画模式 在过去,绘画是艺术家们通过手中的画笔,蘸取颜料,在画布上自由挥洒的创造性过程。然而,随着AI绘画工

墨刀原型工具-小白入门篇

墨刀原型工具-小白入门篇 简介 随着互联网的发展和用户体验的重要性越来越受到重视,原型设计逐渐成为了产品设计中的重要环节。墨刀作为一款原型设计工具,以其简洁、易用的特点,受到了很多设计师的喜爱。本文将介绍墨刀原型工具的基本使用方法,以帮助小白快速上手。 第一章:认识墨刀原型工具 1.1 什么是墨刀原型工具 墨刀是一款基于Web的原型设计工具,可以帮助设计师快速创建交互原型,并且可以与团队

大学湖北中医药大学法医学试题及答案,分享几个实用搜题和学习工具 #微信#学习方法#职场发展

今天分享拥有拍照搜题、文字搜题、语音搜题、多重搜题等搜题模式,可以快速查找问题解析,加深对题目答案的理解。 1.快练题 这是一个网站 找题的网站海量题库,在线搜题,快速刷题~为您提供百万优质题库,直接搜索题库名称,支持多种刷题模式:顺序练习、语音听题、本地搜题、顺序阅读、模拟考试、组卷考试、赶快下载吧! 2.彩虹搜题 这是个老公众号了 支持手写输入,截图搜题,详细步骤,解题必备

UnrealScriptIDE调试环境部署

先安装vs2010   再安装VSIsoShell.exe, 下载地址 https://pan.baidu.com/s/10kPNUuDGTbWXbz7Nos-1WA       fd3t   最后安装unside,下载地址 https://archive.codeplex.com/?p=uside  安装中间有一步选择Binary文件夹要选对路径。   安装好以后,启动 UDKDe

eclipse运行springboot项目,找不到主类

解决办法尝试了很多种,下载sts压缩包行不通。最后解决办法如图: help--->Eclipse Marketplace--->Popular--->找到Spring Tools 3---->Installed。

vue, 左右布局宽,可拖动改变

1:建立一个draggableMixin.js  混入的方式使用 2:代码如下draggableMixin.js  export default {data() {return {leftWidth: 330,isDragging: false,startX: 0,startWidth: 0,};},methods: {startDragging(e) {this.isDragging = tr

22.手绘Spring DI运行时序图

1.依赖注入发生的时间 当Spring loC容器完成了 Bean定义资源的定位、载入和解析注册以后,loC容器中已经管理类Bean 定义的相关数据,但是此时loC容器还没有对所管理的Bean进行依赖注入,依赖注入在以下两种情况 发生: 、用户第一次调用getBean()方法时,loC容器触发依赖注入。 、当用户在配置文件中将<bean>元素配置了 lazy-init二false属性,即让

21.手绘Spring IOC运行时序图

1.再谈IOC与 DI IOC(lnversion of Control)控制反转:所谓控制反转,就是把原先我们代码里面需要实现的对象创 建、依赖的代码,反转给容器来帮忙实现。那么必然的我们需要创建一个容器,同时需要一种描述来让 容器知道需要创建的对象与对象的关系。这个描述最具体表现就是我们所看到的配置文件。 DI(Dependency Injection)依赖注入:就是指对象是被动接受依赖类

IDEA配置Tomcat远程调试

因为不想把本地的Tomcat配置改乱或者多人开发项目想测试,本文主要是记录一下,IDEA使用Tomcat远程调试的配置过程,免得一段时间不去配置到时候忘记(毕竟这次是因为忘了,所以才打算记录的…) 首先在catalina.sh添加以下内容 JAVA_OPTS="-Dcom.sun.management.jmxremote=-Dcom.sun.management.jmxremote.port