android-值动画实用

最新推荐文章于 2025-03-24 21:02:49 发布

原创最新推荐文章于 2025-03-24 21:02:49 发布 · 108 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#android #值动画

值动画：展开，遮盖效果专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种通过代码动态调整部分个人信息展示效果的技术，包括布局设计、代码实现及关键参数设置，旨在实现用户信息的折叠与展开。通过设置高度变化，用户可以直观地控制个人信息的可见性，提供个性化用户体验。

部署运行你感兴趣的模型镜像

效果图

[img]http://dl2.iteye.com/upload/attachment/0112/4572/d82b87f8-8b2d-376b-84ab-44ca94bc71d7.png[/img]

[img]http://dl2.iteye.com/upload/attachment/0112/4574/b05a8526-e8f0-3753-9c5b-57dbfb0c366e.png[/img]

描述：
通过点击下面的三角图标实现部分个人信息的遮盖或展现

原理：
通过代码动态设置变化部分的高度即可实现展现或扩展的效果

布局: 布局分为两部分一部分为上面不变化的

[img]http://dl2.iteye.com/upload/attachment/0112/4590/a7d0a349-e215-326c-8aa5-8d69f2595e01.png[/img]

另一部分为不变化的因为开始为遮盖的效果设置其高为0dp
<RelativeLayout
android:id="@+id/rl_myaction_stretch"
android:layout_width="match_parent"
android:layout_height="wrap_content"
>
或者在界面初始化时添加下面代码
rl_myaction_stretch.getLayoutParams().height=0; //在代码里设置其高度为0

[img]http://dl2.iteye.com/upload/attachment/0112/4592/eee895df-8237-383b-9090-f8bf685a41de.png[/img]

代码：
boolean isExpand=false; 创建一个boolean类型变量记录是否展开默认为false；

得到变化的布局 relativelayout rl_myaction_stretch
三角图标 imageview iv_myaction_stretch

三角图标的点击事件


    public void click(){

        int startHeight;   //值动画开始变化的高度
        int endHeight;     //值动画结束变化的高度
        if(isExpand){
            isExpand=false;
            startHeight=getHeight();   //getHeight 方法为自定义的测量方法
            endHeight=0;
        }else{
            isExpand=true;
            startHeight=0;
            endHeight=getmeasureHeight();
        }

        //这里的layoutpatams类型由你实际代码中变化的布局的父布局决定
        final LinearLayout.LayoutParams params=(LinearLayout.LayoutParams)rl_myaction_stretch.getLayoutParams();

       //创建一个值动画
        ValueAnimator animator=ValueAnimator.ofInt(startHeight,endHeight);

         //监听值动画的变化过程 
        animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator valueAnimator) {
                int value=(int)valueAnimator.getAnimatedValue();
                params.height=value;
                rl_myaction_stretch.setLayoutParams(params);
            }
        });

       //监听值动画的开始，结束，重复 等动作
        animator.addListener(new Animator.AnimatorListener() {
            @Override
            public void onAnimationStart(Animator animator) {

            }

          //动画结束时根据状态改变点击的图标
            @Override
            public void onAnimationEnd(Animator animator) {
                if(isExpand){
                    iv_myaction_stretch。setimageresrouce(getresrouce().getdrawable(R.drawable.shang));
                }else{
                     iv_myaction_stretch。setimageresrouce(getresrouce().getdrawable(R.drawable.xia));
                }
            }

            @Override
            public void onAnimationCancel(Animator animator) {

            }

            @Override
            public void onAnimationRepeat(Animator animator) {

            }
        });

        animator.setDuration(400);
        animator.start();
}

自定义的测量控件高度的方法


private int getMeasureHeight() {
	//	rl_myaction_stretch.getLayoutParams().height;// 展示的高度   不能作为控件实际高度的依据
		int width = rl_myaction_stretch.getMeasuredWidth(); // 宽度没有发生变化就是一个精确的值
		//  包含了两部分  1部分 模式  2部分值 
		//宽度的测量规则  一般情况在渲染界面的阶段参数都是父容器传递过来 
		int widthMeasureSpec=MeasureSpec.makeMeasureSpec(width,MeasureSpec.EXACTLY);//44号 
		//  高度的测量规则 
		int heightMeasureSpec=MeasureSpec.makeMeasureSpec(1000, MeasureSpec.AT_MOST);// 高度 最多不会超过1000
		// 对控件重新测量 
		rl_myaction_stretch.measure(widthMeasureSpec, heightMeasureSpec);  // 
		return rl_myaction_stretch.getMeasuredHeight();// 测量的高度 ;
	}