使用 Scalpel 3D 展示界面布局

本篇文章已授权微信公众号code小生发布
转载请注明出处:
http://www.jianshu.com/p/8ea577c60865

无意中了解到 iOS 开发里面有一个叫 Reveal 的神器,用于 UI 调试。要是俺们安卓也能实现类似效果就好了。

Reveal 看上去是这个样子的:

很酷炫有木有!

什么?Jake Wharton 大神早在几年前就给我们准备了类似的开源库了!

今天要介绍的就是大神的 Scalpel,可以实现在手机上 3D 展示届满布局,而且用起来超级简单!

在 Gradle 中引入 Scalpel:

compile 'com.jakewharton.scalpel:scalpel:1.1.2'

然后我们来到需要展示效果的布局文件,将它的根布局修改为 ScalpelFrameLayout,看名字也能猜到它是继承 FrameLayout 的。(要是去看源码你会发现,其实整个库只有 ScalpelFrameLayout 这一个文件,四百多行代码,膜拜大神!)

然后在代码里面将 setContentView 修改成以下代码:

View mainView = getLayoutInflater().inflate(R.layout.activity_main, null);
ScalpelFrameLayout mScalpelFrameLayout = new ScalpelFrameLayout(this);
mScalpelFrameLayout.addView(mainView);
mScalpelFrameLayout.setLayerInteractionEnabled(true); //开启 3D 效果
//mScalpelFrameLayout.setDrawIds(true); //是否显示控件 id
//mScalpelFrameLayout.setDrawViews(false); //是否展示控件内容,默认为 true
//mScalpelFrameLayout.setChromeColor(Color.RED); //修改边框颜色
//mScalpelFrameLayout.setChromeShadowColor(Color.YELLOW); //修改阴影颜色
setContentView(mScalpelFrameLayout);

跑一下看看效果:

妥妥的。

你问我有什么用?酷炫啊!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 176,007评论 25 709
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,459评论 4 61
  • [我嫉妒你身边每一个无关紧要的人 他们就那样轻而易举见到我朝思暮想的你]by疯苗苗 我要发无数条微信才能等到一句我...
    我不玩乐阅读 1,364评论 0 0
  • 唐子豪笑起来很阳光,他指指店门牌,“愿你走出半生,归来仍是少年。” 筱筱有些触动到,对他露出一个三年内从未有过的笑...
    糟酒onism阅读 2,350评论 14 3
  • 我记得《教父》第一部,老教父临死前,老态龙钟对麦克说的话,他希望麦克不受人摆布,成为一个操控者,是的,由深不见底的...
    花卷的日常阅读 4,423评论 0 1

友情链接更多精彩内容