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的检阅工具的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!


原文地址:https://blog.csdn.net/ZYdaohaozhe/article/details/112559572
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.chinasem.cn/article/721850

相关文章

Redis客户端工具之RedisInsight的下载方式

《Redis客户端工具之RedisInsight的下载方式》RedisInsight是Redis官方提供的图形化客户端工具,下载步骤包括访问Redis官网、选择RedisInsight、下载链接、注册... 目录Redis客户端工具RedisInsight的下载一、点击进入Redis官网二、点击RedisI

基于Python实现一个PDF特殊字体提取工具

《基于Python实现一个PDF特殊字体提取工具》在PDF文档处理场景中,我们常常需要针对特定格式的文本内容进行提取分析,本文介绍的PDF特殊字体提取器是一款基于Python开发的桌面应用程序感兴趣的... 目录一、应用背景与功能概述二、技术架构与核心组件2.1 技术选型2.2 系统架构三、核心功能实现解析

使用Python开发一个图像标注与OCR识别工具

《使用Python开发一个图像标注与OCR识别工具》:本文主要介绍一个使用Python开发的工具,允许用户在图像上进行矩形标注,使用OCR对标注区域进行文本识别,并将结果保存为Excel文件,感兴... 目录项目简介1. 图像加载与显示2. 矩形标注3. OCR识别4. 标注的保存与加载5. 裁剪与重置图像

基于.NET编写工具类解决JSON乱码问题

《基于.NET编写工具类解决JSON乱码问题》在开发过程中,我们经常会遇到JSON数据处理的问题,尤其是在数据传输和解析过程中,很容易出现编码错误导致的乱码问题,下面我们就来编写一个.NET工具类来解... 目录问题背景核心原理工具类实现使用示例总结在开发过程中,我们经常会遇到jsON数据处理的问题,尤其是

Java中有什么工具可以进行代码反编译详解

《Java中有什么工具可以进行代码反编译详解》:本文主要介绍Java中有什么工具可以进行代码反编译的相关资,料,包括JD-GUI、CFR、Procyon、Fernflower、Javap、Byte... 目录1.JD-GUI2.CFR3.Procyon Decompiler4.Fernflower5.Jav

使用Python创建一个能够筛选文件的PDF合并工具

《使用Python创建一个能够筛选文件的PDF合并工具》这篇文章主要为大家详细介绍了如何使用Python创建一个能够筛选文件的PDF合并工具,文中的示例代码讲解详细,感兴趣的小伙伴可以了解下... 目录背景主要功能全部代码代码解析1. 初始化 wx.Frame 窗口2. 创建工具栏3. 创建布局和界面控件4

Docker部署Jenkins持续集成(CI)工具的实现

《Docker部署Jenkins持续集成(CI)工具的实现》Jenkins是一个流行的开源自动化工具,广泛应用于持续集成(CI)和持续交付(CD)的环境中,本文介绍了使用Docker部署Jenkins... 目录前言一、准备工作二、设置变量和目录结构三、配置 docker 权限和网络四、启动 Jenkins

MobaXterm远程登录工具功能与应用小结

《MobaXterm远程登录工具功能与应用小结》MobaXterm是一款功能强大的远程终端软件,主要支持SSH登录,拥有多种远程协议,实现跨平台访问,它包括多会话管理、本地命令行执行、图形化界面集成和... 目录1. 远程终端软件概述1.1 远程终端软件的定义与用途1.2 远程终端软件的关键特性2. 支持的

Java数字转换工具类NumberUtil的使用

《Java数字转换工具类NumberUtil的使用》NumberUtil是一个功能强大的Java工具类,用于处理数字的各种操作,包括数值运算、格式化、随机数生成和数值判断,下面就来介绍一下Number... 目录一、NumberUtil类概述二、主要功能介绍1. 数值运算2. 格式化3. 数值判断4. 随机

使用Navicat工具比对两个数据库所有表结构的差异案例详解

《使用Navicat工具比对两个数据库所有表结构的差异案例详解》:本文主要介绍如何使用Navicat工具对比两个数据库test_old和test_new,并生成相应的DDLSQL语句,以便将te... 目录概要案例一、如图两个数据库test_old和test_new进行比较:二、开始比较总结概要公司存在多