Android实现Z轴布局效果

2023-07-17 23:11:03 292

如果需要在布局中创造一个层叠的概念,那么使用Android系统中的ViewGroup是不够的,但是可以通过改变ViewGroup的绘制顺序实现

代码下载

继承自FrameLayout

FrameLayout已经帮我们实现了子View的measure和layout过程,我们只需在它的基础上改变绘制顺序即可

自定义LayoutParams

layoutParams的作用是向父布局请求布局参数(MeasureSpec),这个参数会在Viewinflate时添加到布局中,我们如果使用LayoutParams将会得到很大的方便

//这里继承FrameLayout的LayoutParams即可
publicstaticclassLayoutParamsextendsFrameLayout.LayoutParams{

publicfinalstaticintDEFAULT_ZORDER=1;

publicintzOrder;

publicLayoutParams(@NonNullContextc,@NullableAttributeSetattrs){
super(c,attrs);
TypedArraya=c.obtainStyledAttributes(attrs,R.styleable.ZOrderLayout);
zOrder=a.getInt(R.styleable.ZOrderLayout_layout_zorder,DEFAULT_ZORDER);
a.recycle();
}
}

我们自定义个Attribute,那么就可以在XML中进行使用了

这样我们的View就可以这么使用

同时需要重写ViewGroup的generateLayoutParams(),让它生成我们的LayoutParams

初始化绘制顺序

在所有的子View加载完成后初始化需要绘制的顺序(根据我们的ZorderLayoutParams)

@Override
protectedvoidonFinishInflate(){
super.onFinishInflate();
initialZOrder();
}


privatevoidinitialZOrder(){
finalintchildCount=getChildCount();
Viewview;
ZOrderLayout.LayoutParamsparams;
for(inti=0;ipair=newPair<>(view,params.zOrder);
list.add(pair);
}

//根据Zorder属性,进行排序
Collections.sort(list,newComparator>(){
@Override
publicintcompare(Pairo1,Pairo2){
returno1.second-o2.second;
}
});
}

获取所有的子View,然后根据他们的ZOrder进行排序,onFinishInflate()会在装载完所有的子View后进行回调

改变View的绘制顺序

这里使用排好序的View绘制顺序就可以了,记得调用setChildrenDrawingOrderEnabled(true);

@Override
protectedintgetChildDrawingOrder(intchildCount,inti){
returnindexOfChild(list.get(i).first);
}

Demo演示

可以看出这个布局是中间的zorder最高,表示中间的会压在两边的上边,而最左(右)的绘制层级(zorder)为1,表示会绘制在最下面

完整代码

publicclassZOrderLayoutextendsFrameLayout{


privateList>list=newArrayList<>();


publicZOrderLayout(@NonNullContextcontext){
this(context,null);
}

publicZOrderLayout(@NonNullContextcontext,@NullableAttributeSetattrs){
this(context,attrs,0);
}

publicZOrderLayout(@NonNullContextcontext,@NullableAttributeSetattrs,@AttrResintdefStyleAttr){
super(context,attrs,defStyleAttr);
setChildrenDrawingOrderEnabled(true);
}


@Override
protectedintgetChildDrawingOrder(intchildCount,inti){
returnindexOfChild(list.get(i).first);
}


@Override
protectedvoidonFinishInflate(){
super.onFinishInflate();
initialZOrder();
}


privatevoidinitialZOrder(){
finalintchildCount=getChildCount();
Viewview;
ZOrderLayout.LayoutParamsparams;
for(inti=0;ipair=newPair<>(view,params.zOrder);
list.add(pair);
}

Collections.sort(list,newComparator>(){
@Override
publicintcompare(Pairo1,Pairo2){
returno1.second-o2.second;
}
});
}

/**
*在解析xml时,会解析每个跟布局的LayoutParams
*/
@Override
publicLayoutParamsgenerateLayoutParams(AttributeSetattrs){
returnnewLayoutParams(getContext(),attrs);
}

publicstaticclassLayoutParamsextendsFrameLayout.LayoutParams{

publicfinalstaticintDEFAULT_ZORDER=1;

publicintzOrder;

publicLayoutParams(@NonNullContextc,@NullableAttributeSetattrs){
super(c,attrs);
TypedArraya=c.obtainStyledAttributes(attrs,R.styleable.ZOrderLayout);
zOrder=a.getInt(R.styleable.ZOrderLayout_layout_zorder,DEFAULT_ZORDER);
a.recycle();
}
}
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

Android实现Z轴布局效果

热门推荐

随机推荐