V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
drizzle
V2EX  ›  Android

撸了一个知乎 Android 端的个人主页实现

  •  1
     
  •   drizzle · 2017-04-04 00:06:13 +08:00 · 6263 次点击
    这是一个创建于 2585 天前的主题,其中的信息可能已经有所发展或是发生改变。

    是这样的,前一段用了几个月女朋友的 iPhone ,再之前是 Nexus6 ,当时用知乎的时候就觉得个人主页在头部可见,左右滑动的时候卡卡的。前几天入了黑色的一加 3T ,没想到还是卡卡的,看了一眼 GPU 呈现模式分析吓尿了,猜测了一下目前的实现,感觉是 View 本身的问题,于是趁放假撸了一个,差不多克隆了整个页面的所有交互。

    知乎的 GPU 条形图:

    我的实现:

    不知道能不能给知乎的 Android Repo 提个 pr (手动斜眼)

    代码在: https://github.com/Drizzlezhang/ZhihuUserProfile

    10 条回复    2017-04-12 13:21:21 +08:00
    dtfm
        1
    dtfm  
       2017-04-04 00:42:54 +08:00 via Android
    乘着没知乎的人回答,我猜测一下,知乎啦多想原因应该跟许多大厂应用一样,卡顿原因来自显式的功能之外,比如用户统计所需要的埋点。
    drizzle
        2
    drizzle  
    OP
       2017-04-04 08:49:44 +08:00 via Android
    @dtfm 我也想过是不是埋点,不过这里的绘制问题可以肯定不是这个原因,只是左右滑动而已,没那么多状态需要记录。
    Jaspr
        3
    Jaspr  
       2017-04-04 09:16:41 +08:00 via Android
    私以为卡顿的点在于头像背景,知乎的头像背景应该不是仅仅一个 imageview 那么简单
    drizzle
        4
    drizzle  
    OP
       2017-04-04 09:25:04 +08:00 via Android
    @Jaspr 这个有可能。不过我觉得这种图片理论上是服务端给,客户端应该不承担这部分实现。也不知道有没有知乎的知情人士😂
    feeeeeef
        5
    feeeeeef  
       2017-04-05 10:42:47 +08:00
    常规的优化,我感觉知乎这种大厂的程序员应该不会不知道
    drizzle
        6
    drizzle  
    OP
       2017-04-05 12:42:39 +08:00
    @feeeeeef 页面确实不算特别复杂的页面,不过实现起来还是有点意思的,目前的实现确实有可能卡顿的。
    jinhan13789991
        7
    jinhan13789991  
       2017-04-05 16:39:32 +08:00
    你暴漏了女朋友的知乎 ID
    drizzle
        8
    drizzle  
    OP
       2017-04-05 19:19:32 +08:00
    @jinhan13789991 为了避免暴露知乎 ID 才放的这张,这是 vue 的作者···
    codehz
        9
    codehz  
       2017-04-11 11:28:35 +08:00
    知乎这个确实是蜜汁卡顿,不过我 i 这里测试全部都是刚好 60fps 出头,虽然还是一片标红——估计是有谁限制了 fps
    drizzle
        10
    drizzle  
    OP
       2017-04-12 13:21:21 +08:00
    @codehz 同学有时间可以试试我的实现😂
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   2312 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 12:36 · PVG 20:36 · LAX 05:36 · JFK 08:36
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.