布局检测与优化(二),讲的真透彻

本文介绍了如何使用Scalpel库进行Android布局检测,通过开启3D效果展示布局层次,发现并解决过度渲染问题。通过删除冗余背景色,优化布局以减少渲染层次,提升应用性能。
摘要由CSDN通过智能技术生成

compile ‘com.jakewharton.scalpel:scalpel:1.1.2’

1

2.使用的时候你的layout根节点必须是 ScalpelFrameLayout

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

View mainView = getLayoutInflater().inflate(R.layout.activity_main,null);

ScalpelFrameLayout scalpelFrameLayout = new ScalpelFrameLayout(this);

scalpelFrameLayout.addView(mainView);

scalpelFrameLayout.setLayerInteractionEnabled(true);

scalpelFrameLayout.setDrawIds(true);

setContentView(scalpelFrameLayout);

initView();

loadData();

}

3.其他方法

开启3D效果 : setLayerInteractionEnabled(boolean).

显隐DrawViews:setDrawViews(boolean).

显隐 view ID: setDrawIds(boolean).

修改边框的颜色和阴影 setChromeColor(int) and setChromeShadowColor(int).

配置完成后,运行项目,当前页面则会呈现上图的效果。通过触摸页面,可以清楚的看到每个控件的id以及布局层次。从上图可以看到,过度渲染呈现出来的绿色,红色都是成块的,我这边LinearLayout没有定义id,如果定义id就更容易看出来,成块的都是LinearLayout布局,也就是背景颜色设置重复造成页面过度渲染。

4.查看xml文件

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android=“http://schemas.android.com/apk/res/android”

android:layout_width=“match_parent”

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值