android 实现控件搜索折叠效果 Animation动画折叠和普通折叠

android 实现控件搜索折叠效果 Animation动画折叠和普通控件直接折叠效果；

原理很简单，都是获取对应的高度，通过实现高度变化而改变显示效果；

话不多说直接上代码

1、普通折叠效果，以下是xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"><LinearLayoutandroid:id="@+id/Layout_top"android:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="vertical"><LinearLayoutandroid:id="@+id/Layout_btn"android:layout_width="match_parent"android:layout_height="50dp"android:layout_alignParentTop="true"android:layout_gravity="top"android:orientation="horizontal"><Buttonandroid:id="@+id/btn_fold_all"android:layout_width="match_parent"android:layout_height="match_parent"android:layout_weight="1"android:text="全部折叠" /><Buttonandroid:id="@+id/btn_expand_all"android:layout_width="match_parent"android:layout_height="match_parent"android:layout_weight="1"android:text="全部展开" /></LinearLayout><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="horizontal"><TextViewandroid:layout_width="match_parent"android:layout_height="10dp"android:background="@drawable/textview_border" /></LinearLayout><LinearLayoutandroid:id="@+id/Layout_all"android:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="vertical"><LinearLayoutandroid:id="@+id/top_Layout"android:layout_width="match_parent"android:layout_height="50dp"android:orientation="horizontal"><Buttonandroid:id="@+id/btn_fold"android:layout_width="match_parent"android:layout_height="match_parent"android:layout_weight="1"android:text="折叠1" /><Buttonandroid:id="@+id/btn_expand"android:layout_width="match_parent"android:layout_height="match_parent"android:layout_weight="1"android:text="展开1" /></LinearLayout><LinearLayoutandroid:id="@+id/Layout_vertical"android:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="vertical"><Buttonandroid:id="@+id/btn1"android:layout_width="match_parent"android:layout_height="wrap_content"android:text="btn1" /><Buttonandroid:id="@+id/btn2"android:layout_width="match_parent"android:layout_height="wrap_content"android:text="btn1" /><Buttonandroid:id="@+id/btn3"android:layout_width="match_parent"android:layout_height="wrap_content"android:text="btn3" /></LinearLayout><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="horizontal"><TextViewandroid:layout_width="match_parent"android:layout_height="10dp"android:background="@drawable/textview_border" /></LinearLayout><LinearLayoutandroid:layout_width="match_parent"android:layout_height="50dp"android:orientation="horizontal"><Buttonandroid:id="@+id/btn_fold2"android:layout_width="match_parent"android:layout_height="match_parent"android:layout_weight="1"android:text="折叠2" /><Buttonandroid:id="@+id/btn_expand2"android:layout_width="match_parent"android:layout_height="match_parent"android:layout_weight="1"android:text="展开2" /></LinearLayout><LinearLayoutandroid:id="@+id/Layout_vertical2"android:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="vertical"><Buttonandroid:id="@+id/btn4"android:layout_width="match_parent"android:layout_height="wrap_content"android:text="btn4" /><Buttonandroid:id="@+id/btn5"android:layout_width="match_parent"android:layout_height="wrap_content"android:text="btn5" /><Buttonandroid:id="@+id/btn6"android:layout_width="match_parent"android:layout_height="wrap_content"android:text="btn6" /></LinearLayout></LinearLayout></LinearLayout>
</LinearLayout>

普通折叠的activity代码

package com.example.foldingeffectdemo;import androidx.annotation.NonNull;
import androidx.appcompat.app.AppCompatActivity;import android.annotation.SuppressLint;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.util.Log;
import android.view.View;
import android.view.WindowManager;
import android.widget.Button;
import android.widget.LinearLayout;import com.example.foldingeffectdemo.Utilits.LogUtilits;import java.util.Timer;
import java.util.TimerTask;public class LayoutParamsActivity extends AppCompatActivity implements View.OnClickListener {private LinearLayout.LayoutParams mLayoutParams;private LinearLayout layoutAll;private LinearLayout layoutVertical;private LinearLayout layoutVertical2;private Button btnFold;private Button btnExpand;private Button btnFold2;private Button btnExpand2;private Button btnFoldAll;private Button btnExpandAll;private static final int HEIGHT_1 = 1;private int layoutVerticaHeight = 0;private int layoutVertical2Height = 0;private int layoutAllHeight = 0;private Timer timer = new Timer();TimerTask task = new TimerTask() {public void run() {Message message = new Message();message.what = 1;mHandler.sendMessage(message);}};@SuppressLint("HandlerLeak")Handler mHandler = new Handler() {@Overridepublic void handleMessage(@NonNull Message msg) {super.handleMessage(msg);if (msg.what == 1) {getParameter();}}};@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_layout_params);initView();initListener();timerSchedule();}private void initView() {btnFoldAll = findViewById(R.id.btn_fold_all);btnExpandAll = findViewById(R.id.btn_expand_all);layoutAll = findViewById(R.id.Layout_all);btnFold = findViewById(R.id.btn_fold);btnExpand = findViewById(R.id.btn_expand);layoutVertical = findViewById(R.id.Layout_vertical);btnFold2 = findViewById(R.id.btn_fold2);btnExpand2 = findViewById(R.id.btn_expand2);layoutVertical2 = findViewById(R.id.Layout_vertical2);}private void initListener() {btnFoldAll.setOnClickListener(this);btnExpandAll.setOnClickListener(this);btnFold.setOnClickListener(this);btnExpand.setOnClickListener(this);btnFold2.setOnClickListener(this);btnExpand2.setOnClickListener(this);}private void timerSchedule(){timer.schedule(task, 10, 500);}private void getParameter() {layoutAllHeight = layoutAll.getHeight();layoutVerticaHeight = layoutVertical.getHeight();layoutVertical2Height = layoutVertical2.getHeight();if (layoutAllHeight != 0 && layoutVerticaHeight != 0 && layoutVertical2Height != 0) {timer.cancel();}LogUtilits.LogErr("layoutAllHeight:" + layoutAllHeight);LogUtilits.LogErr("layoutVerticaHeight:" + layoutVerticaHeight);LogUtilits.LogErr("layoutVertical2Height:" + layoutVertical2Height);}@SuppressLint("NonConstantResourceId")@Overridepublic void onClick(View v) {switch (v.getId()) {case R.id.btn_fold_all:foldAndExpand(layoutAll, HEIGHT_1);break;case R.id.btn_expand_all:foldAndExpand(layoutAll, layoutAllHeight);break;case R.id.btn_fold:foldAndExpand(layoutVertical, HEIGHT_1);break;case R.id.btn_expand:foldAndExpand(layoutVertical, layoutVerticaHeight);break;case R.id.btn_fold2:foldAndExpand(layoutVertical2, HEIGHT_1);break;case R.id.btn_expand2:foldAndExpand(layoutVertical2, layoutVertical2Height);break;}}private void foldAndExpand(LinearLayout mLinearLayout, int height) {mLayoutParams = (LinearLayout.LayoutParams) mLinearLayout.getLayoutParams();mLayoutParams.height = height;mLinearLayout.setLayoutParams(mLayoutParams);}
}

2、动画 Animation的实现折叠效果

以下是xml代码

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:tools="http://schemas.android.com/tools"android:id="@+id/layout_container"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"><LinearLayoutandroid:id="@+id/Layout_all"android:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="vertical"><com.example.foldingeffectdemo.Utilits.FoldPanelLayoutandroid:id="@+id/pl_list"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_marginTop="5dp"android:orientation="vertical"><LinearLayoutandroid:id="@+id/layout_list"android:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="vertical"><TextViewandroid:id="@+id/tv_list"android:layout_width="fill_parent"android:layout_height="wrap_content"android:background="@drawable/animation_textview_border"android:padding="10dp"android:text="list动画折叠"android:textSize="36dp" /><ListViewandroid:id="@+id/lv_list"android:layout_width="fill_parent"android:layout_height="wrap_content"android:layout_below="@id/tv_list"android:background="@android:color/white" /></LinearLayout></com.example.foldingeffectdemo.Utilits.FoldPanelLayout><com.example.foldingeffectdemo.Utilits.FoldPanelLayoutandroid:id="@+id/pl_control"android:layout_width="match_parent"android:layout_height="wrap_content"android:background="@color/purple_1"android:layout_marginTop="5dp"android:orientation="vertical"><LinearLayoutandroid:id="@+id/Layout_control"android:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="vertical"><TextViewandroid:id="@+id/tv_control"android:layout_width="fill_parent"android:layout_height="wrap_content"android:background="@drawable/animation_textview_border"android:padding="10dp"android:text="其他动画折叠"android:textSize="36dp" /><Buttonandroid:id="@+id/but1"android:layout_width="match_parent"android:layout_height="wrap_content"android:background="@drawable/button_border"android:text="btn1"android:textSize="24dp" /><Buttonandroid:id="@+id/but2"android:layout_width="match_parent"android:layout_height="wrap_content"android:background="@drawable/button_border"android:text="btn2"android:textSize="24dp" /><Buttonandroid:id="@+id/but3"android:layout_width="match_parent"android:layout_height="wrap_content"android:background="@drawable/button_border"android:text="btn3"android:textSize="24dp" /></LinearLayout></com.example.foldingeffectdemo.Utilits.FoldPanelLayout></LinearLayout></RelativeLayout>

以下是activity的代码

package com.example.foldingeffectdemo;import android.animation.ObjectAnimator;
import android.animation.ValueAnimator;
import android.os.Bundle;
import android.os.Message;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.LinearLayout;
import android.widget.ListView;
import android.widget.TextView;import androidx.appcompat.app.AppCompatActivity;import com.example.foldingeffectdemo.Utilits.FoldPanelLayout;
import com.example.foldingeffectdemo.Utilits.LogUtilits;import java.util.Timer;
import java.util.TimerTask;public class AnimationActivity extends AppCompatActivity implements View.OnClickListener {private TextView tvList;private TextView tvControl;private ListView lvList;private LinearLayout llList;private FoldPanelLayout plList;private FoldPanelLayout plControl;private static final int EXPAND_WEEK = R.id.tv_list;private String[] listTestData = new String[5];private boolean isListCollapse = false;private boolean isConstorlCollapse = false;private static final int listExpandFlag = 0;private static final int controlExpandFlag = 1;private int plListHeight;private int plControlHeight;//动画时间private static final int ANIM_DURATION = 300;//要改变的属性，名称要与FoldPanelLayout中的set和get方法对应private static final String ANIM_PROPERTY = "panelHeight";@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_animation);initView();initListener();setListTestData();}private void initView() {plList = findViewById(R.id.pl_list);plControl = findViewById(R.id.pl_control);tvList = findViewById(R.id.tv_list);tvControl = findViewById(R.id.tv_control);lvList = findViewById(R.id.lv_list);llList = findViewById(R.id.layout_list);}private void initListener() {tvList.setOnClickListener(this);tvControl.setOnClickListener(this);}private void setListTestData() {for (int i = 0; i < listTestData.length; i++) {listTestData[i] = "ListTestData   " + i;}lvList.setAdapter(new ArrayAdapter<String>(this,android.R.layout.simple_list_item_1, listTestData));}@Overridepublic void onClick(View v) {switch (v.getId()) {case R.id.tv_list:if (isListCollapse) {expandLayout(listExpandFlag);isListCollapse = false;} else {collapseLayout(listExpandFlag);isListCollapse = true;}break;case R.id.tv_control:if (isConstorlCollapse) {expandLayout(controlExpandFlag);isConstorlCollapse = false;} else {collapseLayout(controlExpandFlag);isConstorlCollapse = true;}break;}}/*** 折叠** @param expandFlag*/private void collapseLayout(int expandFlag) {int startHeight = 0;if (expandFlag == listExpandFlag) {startHeight = plListHeight = plList.getHeight();} else {startHeight = plControlHeight = plControl.getHeight();}startAnimation(expandFlag,startHeight,tvList.getHeight());}/*** 展开** @param expandFlag*/private void expandLayout(int expandFlag) {int endHeight = 0;if (expandFlag == listExpandFlag) {endHeight = plListHeight;} else {endHeight = plControlHeight;}startAnimation(expandFlag,tvList.getHeight(),endHeight);}public class AnimUpdateListener implements ValueAnimator.AnimatorUpdateListener {ViewGroup vp;public AnimUpdateListener(ViewGroup vp) {this.vp = vp;}@Overridepublic void onAnimationUpdate(ValueAnimator arg0) {vp.getChildAt(0).getLayoutParams().height = (Integer) arg0.getAnimatedValue();}}private void startAnimation(int expandFlag, int start, int end) {ViewGroup expandVp = null;switch (expandFlag) {case listExpandFlag:expandVp = plList;break;case controlExpandFlag:expandVp = plControl;break;}ObjectAnimator anim = ObjectAnimator.ofInt(expandVp, ANIM_PROPERTY,start, end);anim.setDuration(ANIM_DURATION);anim.start();if (end > start) {// 如果是展开，则需要改变列表的高度anim.addUpdateListener(new AnimUpdateListener(expandVp));}}
}

demo链接：dandroid实现控件搜索折叠效果Animation动画折叠和普通折叠-Java文档类资源-CSDN下载android实现控件搜索折叠效果Animation动画折叠和普通控件直接折叠效果；原理很简更多下载资源、学习资料请访问CSDN下载频道.https://download.csdn.net/download/pizice/85482859

android 实现控件搜索折叠效果 Animation动画折叠和普通折叠相关推荐

【Android控件】呼吸效果的动画
由于只是展示上的,就不需要使用属性动画.直接使用的补间动画,简单的动画. public class MainActivity extends Activity {private ImageView m ...
android view控件的显示和隐藏动画效果
// 显示动画 mShowAction = new TranslateAnimation(Animation.RELATIVE_TO_SELF, 0.0f, Animation.RELATIVE_TO ...
Android AutoCompleteTextView控件实现类似百度搜索提示，限制输入数字长度
Android AutoCompleteTextView 控件实现类似被搜索提示,效果如下 1.首先贴出布局代码 activity_main.xml: <?xml version="1 ...
一个帖子掌握android所有控件、ProgressBar 、Android 动画效果、SQLite、四大组件、Android多媒体（转...
Android多媒体实例大汇集(源码,全)经过两个星期的多媒体学习,实现了一系列DEMO,几乎涵盖了Android中对媒体中的各个方面(当然底层除外). http://www.apkbus.com/a ...
android触摸效果,Android开发进阶：仿MIUI12控件触摸反馈效果（下沉+倾斜）附源码...
简单模仿了下MIUI12里控件的触摸反馈效果,转载请标明出处效果简述按压控件内圈区域,控件整体缩小,高度降低(阴影消失) 按压内圈按压控件外圈区域,依据触摸点控件以中心为支点,向触摸点倾斜按压 ...
Android 开源控件与常用开发框架开发工具类
Android的加载动画AVLoadingIndicatorView 项目地址: https://github.com/81813780/AVLoadingIndicatorView 首先,在 bui ...
android课程表控件、悬浮窗、Todo应用、MVP框架、Kotlin完整项目源码
Android精选源码 Android游戏2048 MVP Kotlin项目(RxJava+Rerotfit+OkHttp+Glide) Android基于自定义Span的富文本编辑器 android ...
日历控件的android代码,Android日历控件PickTime代码实例
Android日历控件PickTime代码实例发布时间:2020-10-03 16:05:51 来源:脚本之家阅读:86 作者:手撕高达的村长最近做项目,需要设置用户的生日,所以做这样一个功能. ...
android 获取控件高度_安卓开发入门教程UI控件_ImageView
什么是ImageView ImageView是用于显示图片的UI控件. 基础样例 1.展示本地图片效果图代码 <ImageViewandroid:layout_width="wra ...

android 实现控件搜索折叠效果 Animation动画折叠和普通折叠

android 实现控件搜索折叠效果 Animation动画折叠和普通折叠相关推荐

最新文章

热门文章