android ui分析 - 今日头条UI整体结构

最新推荐文章于 2024-06-22 16:17:38 发布
最新推荐文章于 2024-06-22 16:17:38 发布
阅读量2.5k 收藏 1
点赞数
分类专栏： Android->View相关 文章标签： android ui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/pcsxk/article/details/48525815
版权
本文介绍了如何使用Hierarchy Viewer分析Android应用的UI结构，以今日头条为例，探讨了Dialog和PopupWindow在Hierarchy View中的表现，揭示了UI分析过程中的有趣现象，并总结了Hierarchy Viewer的用途。
摘要由CSDN通过智能技术生成

Hierarchy Viewer

Hierarchy Viewer经常被用来分析和优化UI布局，关于这方面有很多的文章，包括google官方的文档。
除了这些，它还可以帮助我们分析app的UI结构。

这篇文章以”今日头条”为例，借助于Hierarchy Viewer简单分析一下该app的UI整体结构。

今日头条UI整体结构

先贴上我简单分析的结果，app版本为4.9.5
今日头条UI整体结构

如何分析

其实很简单，主要使用的是Hierarchy Viewer的window section view视图，如下
wsv_01
然后就是操作app，一个一个点击，看看是跳转到了新的activity，还是在当前的activity

分析过程中的发现

分析过程中会发现一些”有趣”的现象

  1. Dialog
  2. PopupWindow
Dialog

首先看看Hierarchy View捕捉到的dialog的情况：
dialog in hv

其对应的app界面为

最低0.47元/天 解锁文章
FIMH
关注
专栏目录
android ui分析 - 今日头条UI主界面
pcsxk的专栏
09-18 5417
Dump View Hierarchy for UI Automator上篇文章使用Hierarchy Viewer工具分析了今日头条UI的整体结构，由分析结果可以看到，主界面(也就是MainActivity)里边的逻辑是最复杂的，嵌套了好几层的内容，和新闻/资讯相关的所有内容都在这个Activity里边。其它的Activity职责相对来说比较简单(或者说清晰)，即一个Activity就做一件事情(
今日头条UI搭建
weixin_30687051的博客
11-20 332
今日头条App的主流UI框架用到的还是挺多的 我就模仿一下,此外为了测试UIScrollView在NAVigationController中的额外滚动区域带来的问题 ,我增加一个NAVigationController 总结: 让选中按钮的变大和颜色渐变为红色的关键是: 找出要放大的和缩小的两个按钮,根据偏移量和宽度的比例进行缩放 转载于:https://www.cnb...
今日头条屏幕适配深度剖析
最新发布
北洋的博客
06-22 1112
既然有了DP密度无关，为什么我们还需要今日头条的屏幕适配方案？
android 今日头条布局,Android今日头条UI适配完善版
weixin_29664819的博客
05-26 638
前言众所周知 android的碎片化一直困扰着开发者，我们要花很多的时间去做UI适配的工作。主流的适配方案有两种 1、今日头条适配 2、smallestWidth适配。具体的实现点击上述连接查看。这里主要讲的是今日头条的适配方案。他的逻辑很简单，就是更具设计图稿的宽度去动态的修改android运行设备DisplayMetrics的density、scaledDensity、densityDpi。但...
今日头条屏幕适配方案框架
08-23
根据今日头条屏幕适配方案优化的屏幕适配框架
Android-今日头条ForAndroid
08-13
"今日头条 For Android"是一款在Android平台上运行的新闻资讯应用，它展示了Android开发在构建复杂、高性能的应用方面的实例。这个项目，名为"TouTiao-master"，是一个开源版本，允许开发者深入研究其源代码，学习和...
类似今日头条界面UI源码
09-30
在这个项目中，描述提到了使用fragment嵌套，这意味着可能有多个Fragment层叠在一起，每个Fragment代表了今日头条UI中的一个特定视图或功能，如新闻列表、详情页等。 3. **Android Studio**：这是Google官方推出的...
今日头条UI设计规范（新版）.pdf
05-15
在新版的今日头条UI设计规范中，提到了多种字体，它们各自有着不同的用途和应用场景。比如，DroidSansFallback.ttf是Android平台下的默认字体之一，适用于Android系统环境下的UI设计；SFUI字体，是一种由苹果公司...
android 嵌套ViewPager + Fragment实现仿头条UI框架Demo
xiaobaaidaba123的专栏
10-03 1032
1. 实现效果 2. 核心实现 1)BaseViewPagerAdapter.java public class BaseViewPagerAdapter extends FragmentPagerAdapter { protected ViewPager mViewPager; protected LinearLayout mTabContainer; protected int[] mTabResArray; protected List<....
干货 android UI框架分析
11-12
Android图形系统 自定义View的使用 动画系统 Resource
android studio项目 仿今日头条 Material Design
11-14
基本遵循 Material Design 设计风格 抓包获取今日头条API 使用 Google 官方 MVP 架构 DrawerLayout + NavigationView + BottomNavigationView 搭配使用 RxBus 代替 EventBus 进行组件之间通讯 ViewPager 搭配 Fragment 懒加载 SwipeRefreshLayout 搭配 RecyclerView 下拉刷新上拉加载 自定义 BottomNavigationBehavior 实现上滑隐藏下滑显示 RxJava + Retrofit2 + OkHttp3 做网络请求 OkHttp3 对网络返回内容做缓存, 还有日志、超时重连、头部消息的配置
仿今日头条类别选择view
02-14
类似今日头条的类别选择功能的自定义view
android UI分析方法
11-14
Android开发UI分析之分析方法论探讨之设计意图
Android studio 查看页面布局层次结构工具使用教程
热门推荐
gaga_king的博客
03-02 2万+
android studio个可以查看手机上app页面布局层次的工具。可以协助我们对布局进行优化，去掉没有必要的节点等，通过这个工具可以清晰的看见页面整个结构；废话少说直接上图，再说过程。 这就是我们想要看到的，每个节点都很清晰的展现在我们面前。接下来我们看如何进入到这个页面，包括每部分都是什么功能。 第一步：在android studio中按照下面箭头所指的顺序依次打开工...
(转)Android的UI结构试图工具hierarchyviewer
gxj1680的专栏
02-21 482
Android的UI结构试图工具hierarchyviewer　 Hierarchy Viewer 帮你分析应用程序UI布局 Hierarchy Viewer在android的工具文件夹里： /android/tools/hierarchyviewer.bat 1.启动 模拟器。 2.到/android/tools/目录下，双击可以启动hierarchyviewerbat文
Android仿今日头条详情页实现
weixin_34148456的博客
02-06 1830
2019独角兽企业重金招聘Python工程师标准>>> ...
Android 实现今日头条刷新效果代码示例
"Android 仿今日头条简单的刷新效果实例代码" 在Android开发中，为应用程序添加刷新功能是常见的需求，尤其在新闻阅读类应用中，类似今日头条这样的应用常常会使用到下拉刷新的效果。本实例代码主要展示了如何在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值