Draftsman：安卓设备上的布局检查器

Draftsman：安卓设备上的布局检查器

draftsman Draftsman is an on device layout inspector which can be embedded in your android app. 项目地址: https://gitcode.com/gh_mirrors/dr/draftsman

项目介绍

Draftsman 是一个可嵌入到您的安卓应用程序中的在设备上运行的布局检查器。它允许开发者、设计师、产品经理或任何安装了应用的用户查看已渲染Android视图的各种属性，如宽度、高度、类名、内边距、外边距等。旨在结合类似“显示布局边界”和Android Studio布局检查器的功能，其主要目标是提供关于直接从应用中渲染视图的信息，无需依赖外部工具或调试版本的应用。

特性包括：

• 视图宽高信息
• 任何视图的类名
• 边距和内边距可视化
• 尺寸值（像素Px和dp/sp）
• TextView的颜色和大小信息
• 网格和图像叠加以辅助UI检查

快速启动

添加依赖

首先，确保您的build.gradle文件中包含了Maven Central仓库，并添加Draftsman的依赖项：

repositories {
    mavenCentral()
}

dependencies {
    implementation "com.gojek.draftsman:draftsman:x.y.z"
}

这里，x.y.z代表库的确切版本号，实际使用时请替换为最新或指定的版本。

集成至应用

在您想要启用Draftsman的Activity中加入以下代码：

import com.gojek.draftsman.Draftsman

// 在Activity创建或合适的地方调用
Draftsman.install(this)

// 用户可以通过界面上提供的退出按钮离开Draftsman，或编程式卸载
// 要手动卸载：
Draftsman.uninstall(this)

应用案例与最佳实践

当集成到您的安卓应用中后，Draftsman立即提供了强大的UI调试能力。例如，在设计和开发阶段，您可以即时检查屏幕元素的实际尺寸，确保它们符合设计规范；对于PM和设计师而言，无需专业工具即可验证UI布局的准确性。

• UI对齐检查：利用网格功能快速对齐元素。
• 响应式设计测试：在不同的设备和配置上检查布局适应性。
• 性能优化：通过观察布局层次结构找出可能的过度绘制问题。

典型生态项目

虽然Draftsman本身是一个独立工具，但与安卓开发生态中的其他工具如Android Studio、Git以及持续集成(CI/CD)流程相结合，可以极大地提升UI开发和调试的工作流。例如，在CI/CD管道中集成UI自动化测试时，开发者可以利用类似Draftsman的工具预先验证UI变化，确保每次构建的质量。

在实践中，开发者可能会将Draftsman与自动化截图测试搭配使用，确保应用更新不会导致视觉上的不一致。此外，对于团队协作，通过共享Draftsman捕捉的屏幕状态，能够更有效地沟通UI调整需求，从而加速迭代过程。

---

以上就是针对开源项目Draftsman的简要教程，通过这些步骤，您应该能够轻松地将其整合进您的安卓项目中，显著提升UI设计和开发的效率。记得查阅项目的GitHub页面获取最新的文档和版本更新。

draftsman Draftsman is an on device layout inspector which can be embedded in your android app. 项目地址: https://gitcode.com/gh_mirrors/dr/draftsman