Android实现隐藏显示部分View_android slidingdrawer 能否只隐藏部分

在开发项目的时候，有这样的需求，将一个界面的某个部位隐藏或者显示，下面和大家分享怎样实现这样的效果。

效果图

布局代码

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/white"
    android:orientation="vertical"
    android:paddingTop="@dimen/dp_20">

    <TextView
        android:id="@+id/tv_show_hide"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="@dimen/dp_15"
        android:layout_centerHorizontal="true"
        android:text="隐藏"
        android:textColor="@color/black"
        android:textSize="@dimen/sp_20" />


    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:background="@color/state_color_blue_grey_light_20"
        android:orientation="vertical">

        <TextView
            android:id="@+id/tv_top"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:padding="@dimen/dp_30"
            android:text="顶部"
            android:textColor="@color/black" />

        <TextView
            android:id="@+id/tv_middle"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:padding="@dimen/dp_30"
            android:text="中间"
            android:textColor="@color/black" />

        <TextView
            android:id="@+id/tv_bottom"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:padding="@dimen/dp_30"
            android:text="底部"
            android:textColor="@color/black" />

    </LinearLayout>

</RelativeLayout>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57

Java代码

package example.demo.demoapplication.activity;

import android.animation.Animator;
import android.animation.ValueAnimator;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.TextView;

import butterknife.BindView;
import butterknife.ButterKnife;
import example.demo.demoapplication.R;


public class ActivityShowHidePartView extends AppCompatActivity implements Animator.AnimatorListener {
    @BindView(R.id.tv_show_hide)
    TextView tvShowHide;
    @BindView(R.id.tv_top)
    TextView tvTop;
    @BindView(R.id.tv_middle)
    TextView tvMiddle;
    @BindView(R.id.tv_bottom)
    TextView tvBottom;

    private int measuredHeight;
    private ValueAnimator mShowAction;
    private ValueAnimator mHideAction;
    private boolean isShow = true;

    private static final int VALUEANIMATOR_DURATION = 500;// 动画持续时间

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_hide_part_view);
        ButterKnife.bind(this);
        initData();
        initEvent();
    }

    private void initData() {
        tvTop.post(new Runnable() {
            @Override
            public void run() {
                //获取到控件高度
                measuredHeight = tvTop.getMeasuredHeight();
                mShowAction = ValueAnimator.ofInt(0, measuredHeight);
                mHideAction = ValueAnimator.ofInt(measuredHeight, 0);
                mShowAction.addListener(ActivityShowHidePartView.this);
                mHideAction.addListener(ActivityShowHidePartView.this);
            }
        });
    }

    private void initEvent() {
        tvShowHide.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (!isShow) {

                    mShowAction.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
                        @Override
                        public void onAnimationUpdate(ValueAnimator animation) {
                            tvTop.getLayoutParams().height = (int) animation.getAnimatedValue();
                            tvTop.requestLayout();
                        }
                    });

                    isShow = true;
                    mShowAction.setDuration(VALUEANIMATOR_DURATION);
                    mShowAction.start();
                    tvShowHide.setText("隐藏");
                } else {

                    mHideAction.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
                        @Override
                        public void onAnimationUpdate(ValueAnimator animation) {
                            tvTop.getLayoutParams().height = (int) animation.getAnimatedValue();
                            tvTop.requestLayout();
                        }
                    });

                    isShow = false;
                    mHideAction.setDuration(VALUEANIMATOR_DURATION);
                    mHideAction.start();
                    tvShowHide.setText("显示");
                }

            }
        });
    }

    @Override
    public void onAnimationStart(Animator animation) {
        if (isShow) {
            tvTop.setVisibility(View.VISIBLE);
        }

    }

    @Override
    public void onAnimationEnd(Animator animation) {
        tvTop.setVisibility(isShow ? View.VISIBLE : View.GONE);
    }

    @Override
    public void onAnimationCancel(Animator animation) {

    }

    @Override
    public void onAnimationRepeat(Animator animation) {

    }
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117

总结

需要注意的是获取到控件高度是放在子线程

欢迎关注我的公众号，不定期推送优质的文章，
微信扫一扫下方二维码即可关注。