ListView的Item上有Button按钮,点击执行单个Item删除动画

本文介绍如何在Android ListView的Item上设置Button,点击Button时执行Item的缩放删除动画。通过ObjectAnimator实现动画效果,并在动画结束后从数据源移除对应条目。

ListView的Item上有Button按钮,点击执行单个Item删除动画

最近项目上有一个动画需要实现,就是ListView的Item上有一个Button,点击每个Item上的Button,当前对应的Item执行一个缩放动画,最终删除掉当前的Item,网上找了很多都是关于加载Item的时候,对Item执行动画,而没有点击的时候执行的例子,现在把我写的例子贴一下,希望以后遇见了可以参考.

注意:点击的不是当前的Item,而是Item上的Button按钮.

先贴动画效果:



xml布局:


<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:id="@+id/item"
    android:layout_height="wrap_content"
    android:orientation="vertical">

    <TextView
        android:id="@+id/desc"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="说一段话" />

    <Button
        android:descendantFocusability= "blocksDescendants"
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="按钮" />
<View
    android:layout_width="wrap_content"
    android:layout_height="1dp"
    android:background="#1EACF3"
    />
</LinearLayout>

java代码:

package com.example.lenovo.beisaierdemo;

import android.animation.Animator;
import android.animation.AnimatorSet;
import android.animation.ObjectAnimator;
import android.content.Context;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.BaseAdapter;
import android.widget.Button;
import android.widget.LinearLayout;
import android.widget.ListView;
import android.widget.TextView;
import android.widget.Toast;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity {

    private ListView listView;
    private List<String> list;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        list = new ArrayList<>();
        for (int i = 0 ; i<30 ; i ++){
            list.add("今天吃了"+i+"个馒头");
        }
        initView();
    }

    private void initView() {
        listView = (ListView) findViewById(R.id.list_view);
         MyAdapter myAdapter = new MyAdapter(list,listView);
        listView.setAdapter(myAdapter);
        listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                Toast.makeText(MainActivity.this, "当前第"+position+"个Item被点击了", Toast.LENGTH_SHORT).show();
            }
        });
    }


}

class MyAdapter extends BaseAdapter{

    private  ListView listView;
    private  List<String> list;
    private LinearLayout item;
    private View view;

    public MyAdapter(List<String> list, ListView listView) {
        this.list = list ;
        this.listView = listView ;
    }

    @Override
    public int getCount() {
        return list.size();
    }

    @Override
    public Object getItem(int position) {
        return list.get(position);
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public View getView(final int position, View convertView, final ViewGroup parent) {
        view = View.inflate(parent.getContext(), R.layout.item, null);
        Button button = (Button) view.findViewById(R.id.button);
        TextView desc = (TextView) view.findViewById(R.id.desc);
        desc.setText(list.get(position));
        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                View parentView = (View) v.getParent();
                setAnimation(parentView,parent.getContext(),position);
//                Toast.makeText(parent.getContext(), "当前"+position+"位置上的按钮被点击了", Toast.LENGTH_SHORT).show();
            }
        });
        return view;
    }

    public void setAnimation(View view, final Context context, final int position) {
        ObjectAnimator oaY=ObjectAnimator.ofFloat(view,"scaleY", 1f,0f);
        ObjectAnimator oaX=ObjectAnimator.ofFloat(view,"scaleX", 1f,0f);
        AnimatorSet animSet = new AnimatorSet();
        animSet.setDuration(1000);
        animSet.playTogether(oaY,oaX);
        animSet.start();
        //设置动画执行的监听事件
        animSet.addListener(new Animator.AnimatorListener() {
            @Override
            public void onAnimationStart(Animator animation) {

            }

            @Override
            public void onAnimationEnd(Animator animation) {
                Toast.makeText(context, "动画执行结束", Toast.LENGTH_SHORT).show();
                list.remove(position);
                notifyDataSetChanged();
            }

            @Override
            public void onAnimationCancel(Animator animation) {

            }

            @Override
            public void onAnimationRepeat(Animator animation) {

            }
        });
    }
}

注意:xml中是Item中有Button,两个点击事件会冲突,所以需要处理点击事件冲突



编写一个Android应用,其中包含一个列表框(ListView)。列表框应显示一系列项目,例如“项目1”、“项目2”和“项目3”。当列表中的项目被点击时,应显示一个Toast消息,显示被点击项目的文本。 MainActivity.java import android.os.Bundle; import android.view.View; import android.widget.AdapterView; import android.widget.ArrayAdapter; import android.widget.ListView; import android.widget.Toast; import androidx.appcompat.app.AppCompatActivity; public class MainActivity extends AppCompatActivity { private ListView listView; private String[] items = {"项目1", "项目2", "项目3"}; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); listView = findViewById(R.id.my_listview); ArrayAdapter<String> adapter = new ArrayAdapter<>(this, android.R.layout.simple_list_item_1, items); listView.setAdapter(adapter); listView.setOnItemClickListener(new AdapterView.OnItemClickListener() { @Override public void onItemClick(AdapterView<?> parent, View view, int position, long id) { String item = items[position]; Toast.makeText(MainActivity.this, "你点击了:" + item, Toast.LENGTH_SHORT).show(); } }); } } activity_main.xml <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"> <ListView android:id="@+id/my_listview" android:layout_width="match_parent" android:layout_height="match_parent" /> </RelativeLayout> 修改建议: 1添加更多列表项到items数组中。 2更改列表项的布局(例如使用自定义的列表项布局)。 3尝试在点击事件中执行其他操作,如导航到另一个Activity或更新UI。 4调整ListView的高度,比如设置为wrap_content或指定具体的dp值。(给出详细步骤)
06-06
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值