如何使用自带工具栏布局来实现这种布局效果

时间:2018-10-10 13:37:12

标签: java android layout

我希望折叠的工具栏布局看起来像这样,就像默认设置一样可见。

Default Look Like this

在向上滚动时,ImageView的高度减小,看起来像这样:

On scrolled Image

ImageView的高度降低30%至40%后,整个布局将与缩小的ImageView一起滚动。缩小ImageView必须滚动而不收缩。

我需要一些我真正坚持的出发点。

在整个场景中,工具栏保持在其位置上,而工具栏则什么也没有发生。

1 个答案:

答案 0 :(得分:1)

这是我能够提出的有效解决方案。

onCreate类:

    val displayMetrics = baseContext.resources.displayMetrics
    //setting the "zoomed in" effect on the image
    image.layoutParams.width = displayMetrics.widthPixels + displayMetrics.widthPixels / 2
    val originalWidth = image.layoutParams.width
    scroll_view.setOnScrollChangeListener { _: NestedScrollView?, _: Int, y: Int, _: Int, _: Int ->
        //adjust "if" check and formula as you wish
        if (y < 200) {
            image.layoutParams.width = (originalWidth - y*1.5).toInt()
            image.requestLayout()
        }
    }

一些澄清。我根据屏幕的大小更改图像的宽度,以便首先“放大”图像,然后随着用户向下滚动,将图像缩小到原始形式。

还要确保您希望平滑滚动的RecyclerView上有recyclerView.setNestedScrollingEnabled(false);

结果如下:

enter image description here