仿支付宝点击箭头显示和隐藏

仿支付宝点击箭头显示和隐藏

MainActivity activity代码和动画

package com.bookpage.xialazhankai;

import androidx.appcompat.app.AppCompatActivity;

import android.animation.Animator;
import android.animation.AnimatorListenerAdapter;
import android.animation.ValueAnimator;
import android.annotation.SuppressLint;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.widget.CheckBox;
import android.widget.LinearLayout;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity {
    private LinearLayout mHiddenView;
    private float mDensity;
    private int mHiddenViewMeasuredHeight;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    mHiddenView = (LinearLayout) findViewById(R.id.hidden_view);
    // 获取像素密度
    mDensity = getResources().getDisplayMetrics().density;
    CheckBox cb = findViewById(R.id.cb);
    // 获取布局的高度
    mHiddenViewMeasuredHeight = (int) (mDensity * 100 + 0.5);
    cb.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            llClick();
        }
    });
}

public void llClick() {
    if (mHiddenView.getVisibility() == View.GONE) {
        // 打开动画
        animateOpen(mHiddenView);
    } else {
        // 关闭动画
        animateClose(mHiddenView);
    }
}

@SuppressLint("NewApi")
private void animateOpen(final View view) {
    view.setVisibility(View.VISIBLE);
    ValueAnimator animator = createDropAnimator(view, 0,
            mHiddenViewMeasuredHeight);
    animator.start();
}

@SuppressLint("NewApi")
private void animateClose(final View view) {
    int origHeight = view.getHeight();
    ValueAnimator animator = createDropAnimator(view, origHeight, 0);
    animator.addListener(new AnimatorListenerAdapter() {
        public void onAnimationEnd(Animator animation) {
            // 动画结束时隐藏view
            view.setVisibility(View.GONE);
        }
    });
    animator.start();
}

@SuppressLint("NewApi")
private ValueAnimator createDropAnimator(final View view, int start, int end) {
    // 创建一个数值发生器
    ValueAnimator animator = ValueAnimator.ofInt(start, end);
    animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {

        @Override
        public void onAnimationUpdate(ValueAnimator valueAnimator) {
            int value = (Integer) valueAnimator.getAnimatedValue();
            ViewGroup.LayoutParams layoutParams = view.getLayoutParams();
            layoutParams.height = value;
            view.setLayoutParams(layoutParams);
        }
    });
    return animator;
}
}

activity_main

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 
    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:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">


<CheckBox
    android:id="@+id/cb"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerHorizontal="true"
    android:layout_marginTop="10dp"
    android:layout_marginBottom="10dp"
    android:button="@drawable/checkbox_arrow" />

<LinearLayout
    android:id="@+id/hidden_view"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@+id/cb"
    android:orientation="vertical">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="aaaaaa的深VAV发VG馥芮白那地方水电费班干部二个人拖后腿aaaaaa的深VAV发VG馥芮白那地方水电费班干部腿aaaaaa的深VAV发VG馥芮白那地方水电费班干部" />
</LinearLayout>

</RelativeLayout>

checkbox_arrow

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
   <item android:drawable="@drawable/arrow_down" android:state_checked="false" ></item>
   <item android:drawable="@drawable/arrow_up" android:state_checked="true" ></item>
</selector>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值