文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

Android怎么实现背景图滑动变大松开回弹效果

2023-06-30 04:43

关注

这篇文章主要讲解了“Android怎么实现背景图滑动变大松开回弹效果”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Android怎么实现背景图滑动变大松开回弹效果”吧!

原图

Android怎么实现背景图滑动变大松开回弹效果

放大后

Android怎么实现背景图滑动变大松开回弹效果

自定义view继承ScrollView实现效果

public class HeadZoomScrollView extends ScrollView {    private View mZoomView;    private int mZoomViewWidth;    private int mZoomViewHeight;    private float firstPosition;//记录第一次按下的位置    private boolean isScrolling;//是否正在缩放    private float mScrollRate = 0.3f;//缩放系数,缩放系数越大,变化的越大    private float mReplyRate = 0.5f;//回调系数,越大,回调越慢    public HeadZoomScrollView(Context context) {        super(context);    }    public HeadZoomScrollView(Context context, AttributeSet attrs) {        super(context, attrs);    }    public HeadZoomScrollView(Context context, AttributeSet attrs, int defStyleAttr) {        super(context, attrs, defStyleAttr);    }    public void setmZoomView(View mZoomView) {        this.mZoomView = mZoomView;    }    public void setmScrollRate(float mScrollRate) {        this.mScrollRate = mScrollRate;    }    public void setmReplyRate(float mReplyRate) {        this.mReplyRate = mReplyRate;    }    @Override    protected void onFinishInflate() {        super.onFinishInflate();        init();    }    private void init() {        setOverScrollMode(OVER_SCROLL_NEVER);        if (getChildAt(0) != null) {            ViewGroup vg = (ViewGroup) getChildAt(0);            if (vg.getChildAt(0) != null) {                mZoomView = vg.getChildAt(0);            }        }    }    @Override    public boolean onTouchEvent(MotionEvent ev) {        if (mZoomViewWidth <= 0 || mZoomViewHeight <= 0) {            mZoomViewWidth = mZoomView.getMeasuredWidth();            mZoomViewHeight = mZoomView.getMeasuredHeight();        }        switch (ev.getAction()) {            case MotionEvent.ACTION_UP:                //手指离开后恢复图片                isScrolling = false;                replyImage();                break;            case MotionEvent.ACTION_MOVE:                if (!isScrolling) {                    if (getScrollY() == 0) {                        firstPosition = ev.getY();// 滚动到顶部时记录位置,否则正常返回                    } else {                        break;                    }                }                int distance = (int) ((ev.getY() - firstPosition) * mScrollRate); // 滚动距离乘以一个系数                if (distance < 0) { // 当前位置比记录位置要小,正常返回                    break;                }                // 处理放大                isScrolling = true;                setZoom(distance);                return true; // 返回true表示已经完成触摸事件,不再处理        }        return true;    }    //回弹动画    private void replyImage() {        float distance = mZoomView.getMeasuredWidth() - mZoomViewWidth;        ValueAnimator valueAnimator = ValueAnimator.ofFloat(distance, 0f).setDuration((long) (distance * mReplyRate));        valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {            @Override            public void onAnimationUpdate(ValueAnimator animation) {                setZoom((Float) animation.getAnimatedValue());            }        });        valueAnimator.start();    }    public void setZoom(float zoom) {        if (mZoomViewWidth <= 0 || mZoomViewHeight <= 0) {            return;        }        ViewGroup.LayoutParams lp = mZoomView.getLayoutParams();        lp.width = (int) (mZoomViewWidth + zoom);        lp.height = (int) (mZoomViewHeight * ((mZoomViewWidth + zoom) / mZoomViewWidth));        ((MarginLayoutParams) lp).setMargins(-(lp.width - mZoomViewWidth) / 2, 0, -(lp.width - mZoomViewWidth) / 2, 0);        mZoomView.setLayoutParams(lp);    }}

直接布局中使用这个view就可以,要注意的是在布局中需要在自定义view下写一个子控件才能使用

<?xml version="1.0" encoding="utf-8"?><你的包名.HeadZoomScrollView xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:app="http://schemas.android.com/apk/res-auto"    xmlns:tools="http://schemas.android.com/tools"    android:id="@+id/drop_down_menu"    android:layout_width="match_parent"    android:layout_height="match_parent"   >    <RelativeLayout        android:layout_width="match_parent"        android:layout_height="match_parent">        <ImageView            android:id="@+id/iv_show"            android:layout_width="match_parent"            android:layout_height="200dp"            android:layout_weight="1"            android:src="@mipmap/ic_launcher"/>    </RelativeLayout></com.example.application.view.HeadZoomScrollView>

感谢各位的阅读,以上就是“Android怎么实现背景图滑动变大松开回弹效果”的内容了,经过本文的学习后,相信大家对Android怎么实现背景图滑动变大松开回弹效果这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是编程网,小编将为大家推送更多相关知识点的文章,欢迎关注!

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     807人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     351人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     314人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     433人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     221人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯