APK 控件逆向工程(36氪,做业盒子)

时间 2019-11-09

标签 apk 控件逆向工程盒子栏目 Android 繁體版

原文原文链接

0. 前言

本文阅读须要10分钟. 你可能的收获:html

学会简单的反编译
一些反编译技巧:实战提取两个知名应用的控件,借鉴学习
学会一种提升工做效率的偷懒方法
但愿能给读者正在作的项目有点启发,少走点弯路

每个android开发程序员颇有必要掌握一些逆向工程的知识技巧,其中好处不胜枚举,我细数一二:android

参考竞品开发框架,技术选型.好比这样的分析:超千万注册用户APP技术实现简析-android《洋葱数学》
核心功能实现上少走弯路,向竞品学习,取长补短
知足本身的好奇心,好比知乎曾有个创意广告,能够源码级别上大概了解到他们如何实现的仿知乎创意广告

1. 反编译效果展现

1.1 《36氪》下拉刷新(APK下载地址)

各位老铁能够下载体验一下这个app的***下拉刷新***,绝对让你颇有收获git

1.1.1原生效果:

1.1.2《36氪》下拉刷新控件评价

很是流畅,能极大缓解用户等待数据时的焦灼感. 这点很是牛,市面上的应用多如牛毛,其中不少应用下拉刷新控件的质量却很堪忧.鄙人觉得《36氪》的下拉刷新体验在应用市场上绝对名列前茅.他们的UE交互设计师必定花了不少时间精力设计它.
下拉时有缩放效果,等待刷新时填充图标的动效,整个过程行云流水
有一种美感在其中.

那么问题来了,假如你的项目中要实现这样一个控件,你须要多长时间? 1天? 2天? 个人答案是1个小时 反编译提取控件,理解其中绘制逻辑.找UI改改样式,over.程序员

1.1.3反编译提取控件效果:

嘻嘻,下面我会给个关于反编译技巧的教程,市面上大多数的应用脱了裤子给咱们看,刺激吧?github

1.2 《做业盒子-教师版》批注控件(APK下载地址)

1.2.1《做业盒子》批注做业效果

1.1.3《做业盒子》批注做业控件评价

编辑模式:同时支持双手缩放,以及单手批注
缩放的同时,批注笔头粗细跟随缩放
不可编辑模式:支持双手缩放,单手拖拽
而且支持批注回退让我老老实实作,估计最少也得3天,就算实现了,估计还有很多bug须要修复.没错,我就是这么不自信.有点自知之明仍是好的. 可是,反编译提取控件,估计也就1,2个小时. 咱们项目也须要实现相似功能.一直有个用户须要的需求迟迟没有落地---[图片上的文字看不清楚,须要支持放大功能,可是同时还得支持批注功能] 由于没有想到好的交互实现方案,而且有其余功能要作,作这个需求性价比过低了,开发周期这么紧,最后不了了之.而如今,简直是分分钟的事.

1.2.2《做业盒子》反编译提取控件

2. 《36氪》下拉刷新:

2.1正常状况下,不考虑反编译,本身实现的思路分析:

实现跟随用户上拉下拉蓝色方框的缩放动画(使用值动画)
刷新过程当中的动画,若是使用自定义view画出来,估计成本会比较高,若是使用lottie会省事不少
不过作出来讲不定还有bug,使用反编译,这样的担心会减轻不少,毕竟36kr这个下拉控件通过庞大用户无数次的考验.

2.2经过反编译提取

2.2.1目标:

还原实现下拉刷新控件shell

2.2.2 会遇到的困难:

①控件位置难找; ②资源文件分散; ③代码通过混淆,代码逻辑须要跟着做者实现思路走一遍bash

2.2.3 提取过程:

提取jar包以及资源文件使用apktool 或使用反编译集成工具这一步没啥难度,建议读者想跟着实践一下的话,首选反编译集成工具. 用命令行工具会很麻烦,光是插件的安装就这么多,更别提安装过程的环境问题.

1.ShakaApkTool 2.Apktool 3.Dex2Jar 4.Zipalign 5.SignApk 6.JDGUI架构

我是直接github上找到一个mac工具软件:android crack tool app

傻瓜化操做后得到以下文件:

2.随便新建一个AS项目,将jar包添加到libs 而后add as library 3.在android studio中使用analyse apk

4.定位下拉刷新控件的代码位置这一步须要耐心,由于不太好找,须要猜一下. a,找到mainActivity

b.在mainActivity中找到使用该控件的fragment

c.关键:在fragment中找到控件(须要一点点小耐心) 一开始没找着,想了一下,这个fragment确定是使用了下拉刷新的,位置没找错. 那问题出如今哪里呢?框架

推测36Kr的程序员对这个下拉刷新动做进行了封装.可能在BaseFragment中,然而也没有! 一样的,在Rxfragment中也没找着.

回到HomeFragment2中,看能不能找到点蛛丝马迹果真找到了一点线索:有关于refresh关键字

原来HomeFragment2是另外一个fragment的容器,找错位置了,回到MainActivity中找其余fragment 在SubscribeHomeFragment中立刻就找到了

in.srain.cube.views.ptr.PtrFrameLayout //第一反应是网上的开源库,github上一搜索,果真~
复制代码

36Kr使用比较出名的下拉刷新库github地址:android-Ultra-Pull-To-Refresh

d.根据下拉刷新头部KrHeader以及资源R文件定位资源文件

根据header_kr这个id去搜索定位布局文件

e. 根据KrHeader的变量LottieAnimationView b找到lottie动画根据lottie文档官网,动画文件通常放在asserts文件或res/raw中

至此,这个控件已经被完彻底全的抽取出来了

2.2.4 源码展现

PS:对混淆代码进行理解后,进行变量以及类名重命名,添加上一些必要注释

头部刷新代码控件()

/**
 * 郑重声明：本源码均来自互联网，仅供我的欣赏、学习之用，
 * 版权归36氪产品发行公司全部，任何组织和我的不得公开传播或用于任何商业盈利用途，
 * 不然一切后果由该组织或我的承担。
 * 本人不承担任何法律及连带责任！请自觉于下载后24小时内删除
 *
 */
public class KrHeader extends FrameLayout implements PtrUIHandler {
    private ImageView mScaleImageView;
    
    
    private LottieAnimationView mLoadingLottieView;
    private TextView mRefreshInfoTextView;
    
    private boolean isShowRefreshInfo;

    public KrHeader(Context context) {
        this(context, (AttributeSet)null);
    }

    public KrHeader(Context context, AttributeSet attributeSet) {
        super(context, attributeSet);
        this.init(context);
    }

    public KrHeader(Context context, AttributeSet attributeSet, int defStyleRes) {
        super(context, attributeSet, defStyleRes);
        this.init(context);
    }

    @TargetApi(21)
    public KrHeader(Context context, AttributeSet attributeSet, int defStyleAttr, int defStyleRes) {
        super(context, attributeSet, defStyleAttr, defStyleRes);
        this.init(context);
    }

    private void init() {
        this.mScaleImageView.setVisibility(GONE);
        this.mLoadingLottieView.setVisibility(VISIBLE);
        this.mRefreshInfoTextView.setVisibility(GONE);
        this.mLoadingLottieView.playAnimation();
    }

    private void init(Context var1) {
        View var2 = inflate(var1, R.layout.header_kr, this);
        this.mScaleImageView = (ImageView)var2.findViewById(R.id.pre);
        this.mLoadingLottieView = (LottieAnimationView)var2.findViewById(R.id.loading);
        this.mRefreshInfoTextView = (TextView)var2.findViewById(R.id.tv_refresh_info);
    }

    private void onUIRefreshPrepare() {
        this.mScaleImageView.setVisibility(VISIBLE);
        this.mLoadingLottieView.setVisibility(GONE);
        this.mRefreshInfoTextView.setVisibility(GONE);
        this.mLoadingLottieView.setProgress(0f);
        this.mLoadingLottieView.cancelAnimation();
    }

    private void onUIRefreshComplete() {
        if (this.isShowRefreshInfo) {
            this.mScaleImageView.setVisibility(GONE);
            this.mLoadingLottieView.setVisibility(GONE);
            this.mRefreshInfoTextView.setVisibility(VISIBLE);
        }

    }

    public TextView getCompleteView() {
        return this.mRefreshInfoTextView;
    }

    /**
     * 根据手势上下拉缩放imageview
     * @param frame
     * @param isUnderTouch
     * @param status
     * @param ptrIndicator
     */
    @Override
    public void onUIPositionChange(PtrFrameLayout frame, boolean isUnderTouch, byte status, PtrIndicator ptrIndicator) {
        int offset = frame.getOffsetToRefresh();
        int currentPosY = ptrIndicator.getCurrentPosY();
        if (currentPosY >= offset) {
            this.mScaleImageView.setScaleX(1.0F);
            this.mScaleImageView.setScaleY(1.0F);
        } else if (status == 2) {
            //根据偏移量计算缩放比例
            float scale = (float)(offset - currentPosY) / (float)offset;
            this.mScaleImageView.setScaleX(1.0F - scale);
            this.mScaleImageView.setScaleY(1.0F - scale);
        }

    }

    @Override
    public void onUIRefreshBegin(PtrFrameLayout var1) {
        this.init();
    }

    @Override
    public void onUIRefreshComplete(PtrFrameLayout var1) {
        this.onUIRefreshComplete();
    }

    @Override
    public void onUIRefreshPrepare(PtrFrameLayout var1) {
        this.onUIRefreshPrepare();
    }

    @Override
    public void onUIReset(PtrFrameLayout var1) {
        this.onUIRefreshPrepare();
    }

    public void setShowRefreshInfo(boolean showRefreshInfo) {
        this.isShowRefreshInfo = showRefreshInfo;
    }
}
复制代码

下拉刷新调用方式

/**
 * 郑重声明：本源码均来自互联网，仅供我的欣赏、学习之用，
 * 版权归36氪产品发行公司全部，任何组织和我的不得公开传播或用于任何商业盈利用途，
 * 不然一切后果由该组织或我的承担。
 * 本人不承担任何法律及连带责任！请自觉于下载后24小时内删除
 *
 */
public class MainActivity extends AppCompatActivity implements PtrHandler {
    private PtrFrameLayout mPtr;
    private KrHeader krHeader;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mPtr = (PtrFrameLayout) findViewById(R.id.ptr);
        this.krHeader = new KrHeader(this);
        krHeader.setShowRefreshInfo(true);
        krHeader.getCompleteView().setText("暂无更新内容");
        this.mPtr.setHeaderView(this.krHeader);
        this.mPtr.addPtrUIHandler(this.krHeader);
        this.mPtr.setPtrHandler(this);
        this.mPtr.setDurationToCloseHeader(1000);

        this.mPtr.setDurationToClose(200);
        this.mPtr.setLoadingMinTime(1000);
        this.mPtr.setEnabledNextPtrAtOnce(true);
        ImageView iv_test = findViewById(R.id.iv_test);
        iv_test.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                startActivity(new Intent(MainActivity.this, TestActivity.class));
            }
        });

    }

    @Override
    public boolean checkCanDoRefresh(PtrFrameLayout frame, View content, View header) {
        return true;
    }

    @Override
    public void onRefreshBegin(PtrFrameLayout frame) {
        new Handler().postDelayed(new Runnable() {
            @Override
            public void run() {
                mPtr.refreshComplete();

            }
        }, 300);
    }
}
复制代码

2.2.5 源码github地址

但愿能获得你的一个star,这是对我写这篇博文给你们带来一些另类思路和收获的鼓励 36KrRefreshDemo

3. 《做业盒子》批改控件提取

基本上与36KrRefresh相似,关键点都在于更多的耐心以及能提取成功的信心这个控件提取遇到了更多的困难: ①控件涉及多个自定义view,再加上代码混淆的影响下,才肯定这个控件涉及3个view,提取难度加大很多 ②控件在app中出现的层级更深,定位的时间耗费更多 ③控件中的绘制逻辑更加复杂,须要更多精力去理解混淆后的代码 PS:过程当中发现了这个控件的一个bug:放大倍数过大,OOM,应用闪退.

源码地址: DrawContainerDemo 欢迎star,小小鼓励一下我~

4.授人以鱼不如授人以渔

总结一下反编译参考竞品的技巧:

先看主干,再细看旁枝末节. 什么意思呢?就是先看其大致项目架构,用了什么开源库,浏览一下AndroidManifest,都有什么Activity,经过英文单词去猜想其功能(一个优秀的项目,对类的命名必然是直观易懂的)
实践动手.这个也很重要,由于单纯看来的是不许确的,是不可能深刻理解其核心逻辑的,必须尽量的将其抽取出来作成demo,以此验证本身的猜想.固然,动手是一种冒风险的事情,由于有可能本身的猜想落空.
信心. 内心面的想法:我就有预感本身会成功,蜜汁自信.
耐心. 这事情没那么容易,但真没那么难. ####5. 反编译的实用价值(教你偷懒) 不懂偷懒的程序员,不是好程序员.

5.1功利性价值

核心业务的复杂功能实现,可能须要一个月,可是若是你经过反编译源码级别地了解竞品,借鉴竞品,说得粗俗点,竞品脱了裤子让你观摩,那你完成这个功能可能只须要1个星期,节省了三个星期,开发效率提升300%

5.2 自我价值

只是为了工做敲代码的程序员,就有点shameless了.不该该只看到其功利性价值,更应该去挖掘自我价值,学习一些优秀程序员敲的商用级别代码; 这两个反编译过程,我是带着强烈好奇心去完成的:

卧槽,怎么他们的下拉控件作的这么好?
holy shit,怎么他们的批注实现思路这么赞呢? 很是珍惜这种好奇心.好奇心是个好东西,会驱动你去作更多之前没作过的事,让你有更多激动人心的发现,会更加想变得优秀,固然,也会让本身更加开心.

4.28日更新:反编译注意事项

经老上司彼时芒种提醒,新增了两个编译小技巧

JD-GUI 能够查看更完备的源代码好比下图中所示中没法显示的源代码.
寻找目标功能或者目标控件源码时,可经过adb命令查找应用当前界面所对应的activity名称加快寻找效率

adb shell dumpsys activity | grep "Running activities" -A 7
复制代码

最后,感谢你们看完个人文章,以为不错的话,点个❤️

1. Android Studio 2.2 apk逆向工具--APK Analyzer
2. apk逆向
3. APK逆向过程基础
4. APK反逆向之一：监控debug
5. Apk逆向_笔记
6. 逆向软件工程
7. 逆向微信------给微信加上控件之骰子做弊
8. 逆向工程
9. 【逆向工程】
10. mybatis逆向工程的操做流程
更多相关文章...
• ASP 子程序 - ASP 教程
• Git 工作流程 - Git 教程
• IDEA下SpringBoot工程配置文件没有提示
• PHP开发工具