根据滑动改变view的大小和位置

最新推荐文章于 2021-05-28 12:18:25 发布

deeny_笛

最新推荐文章于 2021-05-28 12:18:25 发布

阅读量2.8k

点赞数 2

分类专栏： Android开发文章标签： scrollow padding Touch

本文链接：https://blog.csdn.net/qq_33234564/article/details/73985796

版权

本文详细介绍了如何实现一个需求，即在页面中，titlebar下方的头像随着scrollview滑动进行缩放并最终停在titlebar上。通过分析问题，将图片放置在titlebar和平级位置，并监听scrollview的滑动事件来调整图片的大小和位置。通过onTouch和scrollChangeListener的结合使用，解决了滑动不流畅和快速滑动时的精确性问题，实现了流畅且精确的效果。

摘要由CSDN通过智能技术生成

需求描述

最近项目中有这样一个需求，页面有titlebar和scrollowview两部分，在titlebar的下边有一个头像，随着scrollowview的滑动，头像要缩放到固定大小然后停留在titlebar上不动了。

问题分析

首先这个需求并不陌生，类似于悬浮按钮。但是不同的是有缩放。如果将这个图片放在scrollview中的话，随着scrollview的滑动，图片是从titlebar的下边走了，被titlebar遮盖了。所以说我们要把图片放在和titlebae，scrollview平级的位置上。通过对scrollowview的changelistener的监听来改变图片的位置和大小。

代码实现

投机取巧，通过改变padding的方式来改变view的位置和大小

scrollView.setOnScrollChangeListener(new View.OnScrollChangeListener() {
            @Override
            public void onScrollChange(View v, int scrollX, int scrollY, int oldScrollX, int oldScrollY) {
                if(top <=0){
                    top = rl_userhead.getPaddingTop();
                    bottom = rl_userhead.getPaddingBottom();
                    right = rl_userhead.getPaddingRight();
                    titleHeight = DensityUtil.dip2px(MainActivity.this,44);
                    small_top = DensityUtil.dip2px(MainActivity.this,9);
                    small_bottom = DensityUtil.dip2px(MainActivity.this,55);
                    small_right = DensityUtil.dip2px(MainActivity.this,21);
                }
                Log.e("输出y：",String.valueOf(scrollY));
                Log.e("输出：",String.valueOf(scrollY/44.0));

                if(scrollY<=0){
                    rl_userhead.setPadding(rl_userhead.getPaddingLeft(),top,right,bottom);
                }else if(scrollY>0 && scrollY<titleHeight){
                    rl_userhead.setPadding(rl_userhead.getPaddingLeft(),(int)(top-scrollY/44*35.0),(int)(right+ scrollY