UInspector: 取代LayoutInspector的检阅工具

2024-02-18 17:10

本文主要是介绍UInspector: 取代LayoutInspector的检阅工具,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

UInspector

UInspector

LayoutInspector

自从AS升级到4.x后,你的LayoutInspector会不会经常和我一样

明明连着设备,却检测不到对应的进程?

检阅速度非常慢,直到超时都没有出画面?

勾选Live Update后,画面延迟成了PPT,最后放弃Live Update?

终于,我放弃了LayoutInspector,选用更轻量的Uinspector来辅助完成一些基本的ui检查。

Uinsepctor是什么?

Uinspector 是一个集成在Android应用内的ui检阅工具。

开启 Uinspector 后,通过点击屏幕上的元素来选取要检阅的目标,弹出的面板中可以查看目标 View 的布局和属性。

查看View的大小/边距/基本属性查找目标所在的Activity/Fragment,快速定位所在代码
Preview PropertiesPreview Hierarchy

相比起LayoutInspector有什么优势?

1. 轻便快速

从手机的通知栏打开Inspector,直接点击屏幕就可以看到目标属性!
从通知栏点击关闭即可停止检阅,用完即走。
UInspector Usage

2. 追踪动画

相比起幻灯片级的“Live Update”,Uinspector 直接运行在你的应用进程中,可以通过监听 View 的变化实时作出反馈,追踪布局/属性的变化,甚至是动画。

Trace Animator

3. 支持添加你的自定义View和自定义属性

Uinspector 可以集成其他第三方库,查看他们的特有属性:

查看Glide的图片源查看Fresco的图片源查看Lottie的动画属性
Inspect GlideInspect FrescoInspect Lottie

当图片资源加载异常时,你可以点击图片地址用浏览器打开,快速确认是客户端加载问题还是图片资源本身的问题!

大部分的自定义 View 属性都非常丰富,使用 LayoutInspector 都是无法直接查看的。

而利用 Uinspector 加上你自己的集成库,则可以方便的支持这些属性。第三方集成库文档。

甚至这个弹出面板的样式和内容不满足你的需求,也可以添加你自己开发的面板进去。

如何使用Uinsepctor?

只需要在项目的 build.gradle 文件中添加一句:

dependencies {debugImplementation 'com.huya.mobile:Uinspector:1.0.5'
}

就可以了! 如果不需要自定义开发的话,无需添加任何代码。

可选地,也可以根据需要添加一些第三方集成库:

dependencies {debugImplementation 'com.huya.mobile:Uinspector-optional-glide:1.0.5'debugImplementation 'com.huya.mobile:Uinspector-optional-fresco:1.0.5'debugImplementation 'com.huya.mobile:Uinspector-optional-lottie:1.0.5'
}

需要注意的是:

打开 Uinspector 后,依然可以正常对应用进行手势操作,比如滑动屏幕,back键返回等等。

但是,单击事件会被消费,成为选中检阅目标的操作

在这种模式下,可以通过双击来代替原来的点击,来触发原来onClickListener的操作!

源码地址: https://github.com/YvesCheung/UInspector

这篇关于UInspector: 取代LayoutInspector的检阅工具的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



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

相关文章

基于Java实现回调监听工具类

《基于Java实现回调监听工具类》这篇文章主要为大家详细介绍了如何基于Java实现一个回调监听工具类,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录监听接口类 Listenable实际用法打印结果首先,会用到 函数式接口 Consumer, 通过这个可以解耦回调方法,下面先写一个

使用Python构建一个Hexo博客发布工具

《使用Python构建一个Hexo博客发布工具》虽然Hexo的命令行工具非常强大,但对于日常的博客撰写和发布过程,我总觉得缺少一个直观的图形界面来简化操作,下面我们就来看看如何使用Python构建一个... 目录引言Hexo博客系统简介设计需求技术选择代码实现主框架界面设计核心功能实现1. 发布文章2. 加

JS+HTML实现在线图片水印添加工具

《JS+HTML实现在线图片水印添加工具》在社交媒体和内容创作日益频繁的今天,如何保护原创内容、展示品牌身份成了一个不得不面对的问题,本文将实现一个完全基于HTML+CSS构建的现代化图片水印在线工具... 目录概述功能亮点使用方法技术解析延伸思考运行效果项目源码下载总结概述在社交媒体和内容创作日益频繁的

基于Python打造一个全能文本处理工具

《基于Python打造一个全能文本处理工具》:本文主要介绍一个基于Python+Tkinter开发的全功能本地化文本处理工具,它不仅具备基础的格式转换功能,更集成了中文特色处理等实用功能,有需要的... 目录1. 概述:当文本处理遇上python图形界面2. 功能全景图:六大核心模块解析3.运行效果4. 相

springboot项目中常用的工具类和api详解

《springboot项目中常用的工具类和api详解》在SpringBoot项目中,开发者通常会依赖一些工具类和API来简化开发、提高效率,以下是一些常用的工具类及其典型应用场景,涵盖Spring原生... 目录1. Spring Framework 自带工具类(1) StringUtils(2) Coll

基于Python实现高效PPT转图片工具

《基于Python实现高效PPT转图片工具》在日常工作中,PPT是我们常用的演示工具,但有时候我们需要将PPT的内容提取为图片格式以便于展示或保存,所以本文将用Python实现PPT转PNG工具,希望... 目录1. 概述2. 功能使用2.1 安装依赖2.2 使用步骤2.3 代码实现2.4 GUI界面3.效

基于Python和MoviePy实现照片管理和视频合成工具

《基于Python和MoviePy实现照片管理和视频合成工具》在这篇博客中,我们将详细剖析一个基于Python的图形界面应用程序,该程序使用wxPython构建用户界面,并结合MoviePy、Pill... 目录引言项目概述代码结构分析1. 导入和依赖2. 主类:PhotoManager初始化方法:__in

使用Python自建轻量级的HTTP调试工具

《使用Python自建轻量级的HTTP调试工具》这篇文章主要为大家详细介绍了如何使用Python自建一个轻量级的HTTP调试工具,文中的示例代码讲解详细,感兴趣的小伙伴可以参考一下... 目录一、为什么需要自建工具二、核心功能设计三、技术选型四、分步实现五、进阶优化技巧六、使用示例七、性能对比八、扩展方向建

Python基于wxPython和FFmpeg开发一个视频标签工具

《Python基于wxPython和FFmpeg开发一个视频标签工具》在当今数字媒体时代,视频内容的管理和标记变得越来越重要,无论是研究人员需要对实验视频进行时间点标记,还是个人用户希望对家庭视频进行... 目录引言1. 应用概述2. 技术栈分析2.1 核心库和模块2.2 wxpython作为GUI选择的优

使用Java实现通用树形结构构建工具类

《使用Java实现通用树形结构构建工具类》这篇文章主要为大家详细介绍了如何使用Java实现通用树形结构构建工具类,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录完整代码一、设计思想与核心功能二、核心实现原理1. 数据结构准备阶段2. 循环依赖检测算法3. 树形结构构建4. 搜索子