Android网易新闻评论盖楼效果的实现

最新推荐文章于 2021-05-27 13:17:04 发布

曦德1

最新推荐文章于 2021-05-27 13:17:04 发布

阅读量3k

点赞数

分类专栏：评论效果文章标签：评论效果

评论效果专栏收录该内容

1 篇文章 0 订阅

订阅专栏

原理解释：

我们设置好每个child的margin后，我们在画边框的时候，边框的top=child的left，其他的不变，就有盖楼的效果了。

下面是关键代码：

public class FloorView extends LinearLayout {
    private int density ;
    private Drawable drawer ;    //draw the bound of floor
    
    public FloorView ( Context context ) {
        super ( context ) ;
        init ( context ) ;
    }
 
    public void setBoundDrawer ( Drawable drawable ) {
        drawer = drawable ;
    }

    private void init ( Context context ) {
        this.setOrientation ( LinearLayout.VERTICAL ) ;
        density = ( int ) context.getResources().getDisplayMetrics().density ;
    }

    public void relayoutChildren () { //set the margin of each child

        int count = getChildCount () ;
        for ( int i = 0 ; i < count ; i ++ ) {
            View view = getChildAt ( i ) ;
            LayoutParams layout = new LayoutParams ( LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT ) ;
            layout.gravity = Gravity.TOP | Gravity.CENTER_HORIZONTAL ;
            int margin = Math.min ( ( count - i -1 ) , 4) ) * 3 * density ;
            layout.leftMargin = layout.rightMargin = margin ;
            if ( i == count -1 ) {
                layout.topMargin = 0 ;
            } else {
                layout.topMargin = Math.min ( ( count - i ) , 4 ) * 3 * density ;
            }
            view.setLayoutParams ( layout ) ;
        }
    }

    @Override
    protected void dispatchDraw ( Canvas canvas ) {
        int count = getChildCount () ;
        if ( null != drawer && count > 0 ) {
            for ( int i = count - 1 ; i >= 0 ; i -- ) {
                View view = getChildAt ( i ) ;

                //这就是最核心的地方
                drawer.setBounds ( view.getLeft(), view.getLeft(), view.getRight(), view.getBottom() ) ;
                drawer.draw ( canvas ) ;
            }
        }
        super.dispatchDraw ( canvas ) ;
    }
}

res/drawable/bound.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmls:android="http://schemas.android.com/apk/res/android">
    <stroke android:width="1dp" android:color="#3CCCCCCC"/>
</shape>