Android View.Visible动画(刷新其他组件位置)

本文介绍了如何使用ValueAnimator在Android中实现收缩和展开动画,通过监听值变化调整组件宽度,并处理组件可见性。作者提供了一个VisibleAnimation类的示例,适用于固定宽度或自适应宽度的组件。

1.先上效果(PS:只实现了左右,原理类似,其他类型改改逻辑就可以)

2.实现逻辑

        简单说,收缩动画:就是通过监听ValueAnimator动画中的值变化,改变组件的宽度,等宽度为零时,设置组件不可见。展开动画:先设置组件可见,根据动画值变化,改变组件宽度。(可能自己比较菜,不知道现成的方式,欢迎大佬指点。)

  • 逻辑代码都比较简单,就不多解释了,直接上干活。PS:其他类型动画,可参考这种方式实现。
package com.mojo.tools.utils.animation;

import android.animation.ValueAnimator;
import android.os.Handler;
import android.util.Log;
import android.view.View;
import android.view.ViewGroup;

import com.mojo.tools.utils.DensityUtil;

/**
 * 实现动画收缩展开组件
 * 同时联动其他子View更新布局
 */
public class VisibleAnimation {
    /**
     * 需要动画的View
     */
    private final View view;
    /**
     * 原始宽度
     */
    private Params defaultParams;
    /**
     * 原始宽度
     */
    private ValueAnimator animator;
    /**
     * View可见性,是否显示
     */
    private boolean visible;
    /**
     * 动画时长
     */
    private int duration = 5000;

    /**
     * 适用固定宽度组件,
     * 组件宽度为自适应
     *
     * @param view 动画显示的View
     */
    public VisibleAnimation(View view) {
        this.view = view;
        this.visible = view.getVisibility() == View.VISIBLE;
        ViewGroup.LayoutParams params = view.getLayoutParams();
        if (params instanceof ViewGroup.MarginLayoutParams) {
            defaultParams = new Params((ViewGroup.MarginLayoutParams) params);
            this.initAnim();
        } else {
            view.post(() -> {
                this.defaultParams = new Params(view);
                this.initAnim();
            });
        }
    }

    /**
     * @param view         组件
     * @param marginParams 组件属性
     */
    public VisibleAnimation(View view, ViewGroup.MarginLayoutParams marginParams) {
        this.view = view;
        this.defaultParams = new Params(marginParams);
        this.initAnim();
    }

    /**
     * 初始化动画
     */
    private void initAnim() {
        int max = this.defaultParams.getViewWidth();
        animator = ValueAnimator.ofInt(max, 0);
        animator.setDuration(duration);
        animator.setRepeatCount(0);
        animator.addUpdateListener(animation -> {
            int value = (int) animation.getAnimatedValue();
            value = visible ? max - value : value;
            this.setRefreshParams(value);
        });
    }

    /**
     * @param width 组件显示所占宽度(包括边距)
     */
    private void setRefreshParams(int width) {
        ViewGroup.LayoutParams params = view.getLayoutParams();
        if (width == 0 && !visible) {
            view.setVisibility(View.GONE);
        }
        if (params instanceof ViewGroup.MarginLayoutParams) {
            ViewGroup.MarginLayoutParams par = (ViewGroup.MarginLayoutParams) params;
            par.rightMargin = Math.max(defaultParams.enM != 0 ? 1 : 0, Math.min(width, defaultParams.enM));
            par.width = Math.max(1, Math.min(width - defaultParams.enM, defaultParams.wid));
            par.leftMargin = Math.max(0, Math.min(width - defaultParams.enM - defaultParams.wid, defaultParams.stM));
        } else {
            params.width = Math.max(1, defaultParams.wid * width / 100);
        }
        view.setLayoutParams(params);
    }

    String TAG = "VisibleAnimation";

    /**
     * @param visible  是否可见
     * @param animated 是否使用动画显示
     */
    public void setVisible(boolean visible, boolean animated) {
        if (animated && visible != this.visible) {
            if (visible) {
                //解决ConstraintLayout下闪烁问题
                new Handler().postDelayed(() -> view.setVisibility(View.VISIBLE), 1);
            }
            this.visible = visible;
            animator.start();
        } else {
            view.setVisibility(visible ? View.VISIBLE : View.GONE);
        }
    }


    public int getDuration() {
        return duration;
    }

    public void setDuration(int duration) {
        this.duration = duration;
    }


    static class Params {
        //左边距
        public int stM = 0;
        //上边距
        public int tpM = 0;
        //右边距
        public int enM = 0;
        //下边距
        public int boM = 0;
        //宽度
        public int wid;
        //高度
        public int hei;


        public Params(int wid, int hei) {
            this.wid = wid;
            this.hei = hei;
        }

        public Params(View view) {
            this.wid = view.getWidth();
            this.hei = view.getHeight();
        }

        public Params(ViewGroup.MarginLayoutParams params) {
            this.wid = params.width;
            this.hei = params.height;
            this.stM = params.leftMargin;
            this.tpM = params.topMargin;
            this.enM = params.rightMargin;
            this.boM = params.bottomMargin;

            Log.e("TAG", "Params: " + wid + "--:stM" + stM + "--:enM" + enM);
        }

        /**
         * @return 组件显示宽度(包含左右边距)
         */
        public int getViewWidth() {
            return this.wid + this.stM + this.enM;
        }
    }
}

 

package com.example.kucun2.ui.dingdan; import android.animation.Animator; import android.animation.AnimatorListenerAdapter; import android.animation.ObjectAnimator; import android.animation.ValueAnimator; import android.app.AlertDialog; import android.content.Context; import android.graphics.Color; import android.graphics.Typeface; import android.os.Bundle; import android.util.Log; import android.util.TypedValue; import android.view.Gravity; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.view.ViewTreeObserver; import android.widget.AdapterView; import android.widget.ArrayAdapter; import android.widget.Button; import android.widget.FrameLayout; import android.widget.HorizontalScrollView; import android.widget.LinearLayout; import android.widget.PopupMenu; import android.widget.SearchView; import android.widget.Spinner; import android.widget.TableLayout; import android.widget.TableRow; import android.widget.TextView; import android.widget.Toast; import androidx.annotation.NonNull; import androidx.annotation.Nullable; import androidx.core.content.ContextCompat; import androidx.fragment.app.Fragment; import com.example.kucun2.MainActivity; import com.example.kucun2.R; import com.example.kucun2.View.HorizontalScrollTextView; import com.example.kucun2.entity.Bancai; import com.example.kucun2.entity.Chanpin; import com.example.kucun2.entity.Chanpin_Zujian; import com.example.kucun2.entity.Dingdan; import com.example.kucun2.entity.Dingdan_chanpin_zujian; import com.example.kucun2.entity.Dingdan_Chanpin; import com.example.kucun2.entity.data.Data; import java.util.ArrayList; import java.util.Arrays; import java.util.Collections; import java.util.Comparator; import java.util.HashMap; import java.util.Iterator; import java.util.List; import java.util.Map; public class OrderDisplayFragment extends Fragment { // 视图组件 private TableLayout table; private HorizontalScrollView horizontalScrollView; private View scrollIndicator; private SearchView searchView; private Spinner columnSelector; private View rootView; // 数据管理 private List<Object[]> allTableRowsData = new ArrayList<>(); private List<Object[]> filteredTableRowsData = new ArrayList<>(); private boolean isDataLoaded = false; // 排序状态 private int currentSortColumn = -1; private boolean sortAscending = true; // 滚动指示器动画 private ValueAnimator scrollIndicatorAnimator; private boolean isIndicatorVisible = false; //=== 生命周期方法 ===// @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { rootView = inflater.inflate(R.layout.fragment_order_display, container, false); initViews(); initColumnSelector(); setupSearchFunctionality(); setupScrollListener(); // 数据加载逻辑 if (Data.dingdans.isEmpty()) { showLoadingIndicator();//报错红的 setupDataLoadListener();//报错红的 } else { fillTableData(); isDataLoaded = true; } return rootView; } @Override public void onDestroyView() { super.onDestroyView(); // 清理资源防止内存泄漏 if (horizontalScrollView != null) { horizontalScrollView.getViewTreeObserver().removeOnScrollChangedListener(scrollListener);//报错红的 } scrollIndicator = null; horizontalScrollView = null; table = null; rootView = null; } //=== 初始化方法 ===// private void initViews() { table = rootView.findViewById(R.id.orderTable); horizontalScrollView = rootView.findViewById(R.id.horizontalScrollContainer); scrollIndicator = rootView.findViewById(R.id.scroll_indicator); searchView = rootView.findViewById(R.id.search_view); columnSelector = rootView.findViewById(R.id.column_selector); addTableHeader(table); // 添加表头//报错红的 } /** * 初始化列选择器(用于搜索过滤) */ private void initColumnSelector() { ArrayAdapter<CharSequence> adapter = ArrayAdapter.createFromResource( requireContext(), R.array.table_headers, android.R.layout.simple_spinner_item ); adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item); columnSelector.setAdapter(adapter); columnSelector.setSelection(0); columnSelector.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() { @Override public void onItemSelected(AdapterView<?> parent, View view, int pos, long id) { applySearchFilter(); } @Override public void onNothingSelected(AdapterView<?> parent) {} }); } /** * 设置搜索功能 */ private void setupSearchFunctionality() { searchView.setOnQueryTextListener(new SearchView.OnQueryTextListener() { @Override public boolean onQueryTextSubmit(String query) { applySearchFilter(); return true; } @Override public boolean onQueryTextChange(String newText) { applySearchFilter(); return true; } }); } /** * 设置滚动监听器(控制滚动指示器显示) */ private void setupScrollListener() { horizontalScrollView.getViewTreeObserver().addOnScrollChangedListener(() -> { if (horizontalScrollView.getChildCount() == 0) return; View child = horizontalScrollView.getChildAt(0); int maxScroll = child.getWidth() - horizontalScrollView.getWidth(); int currentScroll = horizontalScrollView.getScrollX(); if (currentScroll > 0 && maxScroll > 0) { if (!isIndicatorVisible) showScrollIndicator(); updateScrollIndicatorPosition(currentScroll, maxScroll); } else { hideScrollIndicator(); } }); } //=== 数据加载方法 ===// /** * 填充表格数据(核心数据重组逻辑) * 建立订单->产品->组件->板材的四级关系映射 */ private void fillTableData() { // 1. 创建映射关系提高查询效率 Map<Integer, List<Dingdan_Chanpin>> orderProductMap = new HashMap<>(); Map<Integer, List<Chanpin_Zujian>> productComponentMap = new HashMap<>(); Map<Integer, List<Dingdan_chanpin_zujian>> componentMaterialMap = new HashMap<>(); // 2. 构建映射关系 for (Dingdan_Chanpin op : Data.dingdan_chanpins) { if (op != null && op.getDingdan() != null) { orderProductMap.computeIfAbsent(op.getDingdan().getId(), k -> new ArrayList<>()).add(op); } } // ... 类似逻辑构建其他映射 ... // 3. 重组数据 for (Dingdan order : Data.dingdans) { List<Dingdan_Chanpin> products = orderProductMap.get(order.getId()); if (products != null) { for (Dingdan_Chanpin op : products) { // 遍历产品->组件->板材关系链 // ... // 最终创建行数据 Object[] rowData = createRowData(order, product, op, cz, dm);//报错红的 allTableRowsData.add(rowData); filteredTableRowsData.add(rowData); } } } // 4. 初始排序 sortTableData(-1, true); } /** * 创建表格行数据对象 */ private Object[] createRowData(Dingdan order, Chanpin product, Dingdan_Chanpin dingdan_chanpin, Chanpin_Zujian component, Dingdan_chanpin_zujian material) { Bancai board = material.getBancai(); return new Object[]{ order.getNumber(), // 订单号 product.getBianhao(), // 产品编号 dingdan_chanpin.getShuliang(),// 产品数量 component.getZujian().getName(), // 组件名 board.TableText(), // 板材信息 Math.round(component.getOne_howmany()), // 板材/组件 material.getShuliang(), // 订购数量 "操作" // 操作按钮 }; } //=== 表格操作 ===// /** * 排序表格数据 * @param columnIndex 列索引(-1表示初始状态) * @param ascending 是否升序 */ private void sortTableData(int columnIndex, boolean ascending) { // 更新排序状态 if (columnIndex >= 0) { if (currentSortColumn == columnIndex) { sortAscending = !ascending; } else { currentSortColumn = columnIndex; sortAscending = true; } } // 创建自定义比较器 Comparator<Object[]> comparator = (row1, row2) -> { // ... 根据列数据类型进行数值或字符串比较 ... }; // 执行排序或直接复制数据 if (columnIndex == -1) { filteredTableRowsData.clear(); filteredTableRowsData.addAll(allTableRowsData); } else { Collections.sort(filteredTableRowsData, comparator); } refreshTableWithData(filteredTableRowsData); } /** * 刷新表格显示 */ private void refreshTableWithData(Iterable<? extends Object[]> dataToShow) { removeAllRowsSafely(); // 清除旧行//报错红的 int addedRows = 0; for (Object[] rowData : dataToShow) { addTableRow(rowData); // 添加新行 addedRows++; } if (addedRows == 0) { addEmptyTableRow(); // 空数据提示//报错红的 } } /** * 添加表格行(动态创建视图) */ private void addTableRow(Object[] rowData) { TableRow row = new TableRow(requireContext()); // ... 设置行参数 ... for (int i = 0; i < rowData.length; i++) { if (i == rowData.length - 1) { // 操作列 Button actionButton = new Button(requireContext()); actionButton.setText("操作"); actionButton.setOnClickListener(v -> handleRowAction(rowData, v)); // ... 设置按钮样式和参数 ... row.addView(actionButton); } else { // 数据列 HorizontalScrollTextView textView = new HorizontalScrollTextView(requireContext()); textView.setText(String.valueOf(rowData[i])); // ... 设置文本样式和参数 ... row.addView(textView); } } table.addView(row); } //=== 用户交互处理 ===// /** * 处理行操作按钮点击 */ private void handleRowAction(Object[] rowData, View anchorButton) { PopupMenu popupMenu = new PopupMenu(requireContext(), anchorButton); popupMenu.getMenuInflater().inflate(R.menu.row_actions_menu, popupMenu.getMenu()); popupMenu.setOnMenuItemClickListener(item -> { switch (item.getItemId()) { case R.id.action_view_details: showDetailDialog(rowData[0].toString(), rowData[1].toString());//报错红的 return true; case R.id.action_edit: editRowData(rowData);//报错红的 return true; case R.id.action_delete: deleteRowWithConfirm(rowData); return true; } return false; }); popupMenu.show(); } /** * 删除行数据(带确认对话框) */ private void deleteRowWithConfirm(Object[] rowData) { new AlertDialog.Builder(requireContext()) .setTitle("确认删除") .setMessage("确定要删除订单 " + rowData[0] + " 吗?") .setPositiveButton("删除", (dialog, which) -> deleteRow(rowData)) .setNegativeButton("取消", null) .show(); } /** * 实际删除逻辑 */ private void deleteRow(Object[] rowData) { // 从两个数据集中移除 allTableRowsData.removeIf(row -> Arrays.equals(row, rowData)); filteredTableRowsData.removeIf(row -> Arrays.equals(row, rowData)); refreshTableWithData(filteredTableRowsData); Toast.makeText(requireContext(), "已删除订单", Toast.LENGTH_SHORT).show(); } //=== 辅助方法 ===// /** * 应用搜索过滤 */ private void applySearchFilter() { String query = searchView.getQuery().toString().trim().toLowerCase(); int selectedColumn = columnSelector.getSelectedItemPosition(); filteredTableRowsData.clear(); if (query.isEmpty()) { filteredTableRowsData.addAll(allTableRowsData); } else { // ... 根据选择的列进行过滤 ... } refreshTableWithData(filteredTableRowsData); } /** * 显示/隐藏滚动指示器 */ private void showScrollIndicator() { /* ... 显示动画逻辑 ... */ } private void hideScrollIndicator() { /* ... 隐藏动画逻辑 ... */ } private void updateScrollIndicatorPosition(int currentScroll, int maxScroll) { /* ... */ } /** * dp转px工具方法 */ private int dpToPx(int dp) { return (int) TypedValue.applyDimension( TypedValue.COMPLEX_UNIT_DIP, dp, getResources().getDisplayMetrics() ); } }
最新发布
06-14
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值