首页 > 系统 > Android > 正文

Android实现仿网易今日头条等自定义频道listview 或者grideview等item上移到另一个view中

2020-01-02 07:02:15
字体:
来源:转载
供稿:网友

我这里只是简单的用了两个listview来实现的,先上效果图。比较粗糙。预留了自定义的空间。

思路:

从上图应该可以看的出来。就是上下两个listview。点击下面的ltem。会动态的移动到上一个listview的最后。上面的listview 为listview1,下面的为listview2. 点击listview2,获取到view ,设置一个动画,移动到listview1 ,listview2中删除被点的item。listview1中新增一个。

上代码:

Mainactivity.java 部分

package com.example.testlistanimator;import java.util.ArrayList;import java.util.List;import android.animation.Animator;import android.animation.Animator.AnimatorListener;import android.animation.ObjectAnimator;import android.animation.ValueAnimator;import android.annotation.SuppressLint;import android.annotation.TargetApi;import android.app.Activity;import android.graphics.Bitmap;import android.os.Build;import android.os.Bundle;import android.os.Handler;import android.view.View;import android.view.ViewGroup;import android.view.ViewGroup.LayoutParams;import android.view.animation.Animation;import android.view.animation.Animation.AnimationListener;import android.view.animation.AnimationSet;import android.view.animation.TranslateAnimation;import android.widget.AdapterView;import android.widget.AdapterView.OnItemClickListener;import android.widget.ImageView;import android.widget.LinearLayout;import android.widget.ListView;import android.widget.TextView;@SuppressLint("NewApi")@TargetApi(Build.VERSION_CODES.HONEYCOMB)public class MainActivity extends Activity {// ListView1private ListView mLv1 = null;// ListView2private ListView mLv2 = null;// list1的adapterprivate LsAdapter1 mAdapter1 = null;// list2的adapterprivate LsAdapter2 mAdapter2 = null;// 支持的刷卡头String[] arrSupportShua = { "星期一", "星期二", "星期三", "星期四", "星期五", "星期六","星期天"};List<String> mList1 = new ArrayList<String>();List<String> mList2 = new ArrayList<String>();/** 是否在移动,由于这边是动画结束后才进行的数据更替,设置这个限制为了避免操作太频繁造成的数据错乱。 */boolean isMove = false;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);initView();initData();initListener();}private void initView() {mLv1 = (ListView) findViewById(R.id.list1);mLv2 = (ListView) findViewById(R.id.list2);}private void makeList() {for (String shua : arrSupportShua) {mList2.add(shua);}}private void initData() {makeList();mAdapter1 = new LsAdapter1(MainActivity.this, mList1);mAdapter2 = new LsAdapter2(MainActivity.this, mList2);mLv1.setAdapter(mAdapter1);mLv2.setAdapter(mAdapter2);}private void initListener() {mLv1.setOnItemClickListener(new OnItemClickListener() {@Overridepublic void onItemClick(AdapterView<?> arg0, View view, final int location, long arg3) {//如果点击的时候,之前动画还没结束,那么就让点击事件无效if(isMove){return;}final ImageView img = getView(view);TextView mtv = (TextView) view.findViewById(R.id.item_tv);final int[] startLocation = new int[2];mtv.getLocationInWindow(startLocation);final String mShua = mList1.get(location);mAdapter2.setVisible(false);mAdapter2.addItem(mShua);new Handler().postDelayed(new Runnable() {public void run() {try {int[] endLocation = new int[2];// 获取终点的坐标mLv2.getChildAt(mLv2.getLastVisiblePosition()).getLocationInWindow(endLocation);MoveAnim(img, startLocation, endLocation, mShua, 1);mAdapter1.setRemove(location);} catch (Exception localException) {}}}, 50L);}});mLv2.setOnItemClickListener(new OnItemClickListener() {@Overridepublic void onItemClick(AdapterView<?> arg0, View view, final int location, long arg3) {//如果点击的时候,之前动画还没结束,那么就让点击事件无效if(isMove){return;}final ImageView img = getView(view);TextView mtv = (TextView) view.findViewById(R.id.item_tv);final int[] startLocation = new int[2];mtv.getLocationInWindow(startLocation);final String mShua = mList2.get(location);mAdapter1.setVisible(false);mAdapter1.addItem(mShua);new Handler().postDelayed(new Runnable() {public void run() {try {int[] endLocation = new int[2];// 获取终点的坐标mLv1.getChildAt(mLv1.getLastVisiblePosition()).getLocationInWindow(endLocation);MoveAnim(img, startLocation, endLocation, mShua, 2);mAdapter2.setRemove(location);} catch (Exception localException) {}}}, 50L);}});}private void MoveAnim(ImageView moveView, int[] startLocation, int[] endLocation, String mShua, final int code) {int[] initLocation = new int[2];// 获取传递过来的VIEW的坐标moveView.getLocationInWindow(initLocation);// 得到要移动的VIEW,并放入对应的容器中final ViewGroup moveViewGroup = getMoveViewGroup();final View mMoveView = getMoveView(moveViewGroup, moveView, initLocation);//使用ObjectAnimator动画ObjectAnimator mAnimator = ObjectAnimator.ofFloat(mMoveView, "translationY", startLocation[1],endLocation[1]);mAnimator.setDuration(300);mAnimator.start();isMove = true;mAnimator.addListener(new AnimatorListener() {@Overridepublic void onAnimationStart(Animator animation) {isMove = true;}@Overridepublic void onAnimationRepeat(Animator animation) {}@Overridepublic void onAnimationEnd(Animator animation) {moveViewGroup.removeView(mMoveView);if(code==1){mAdapter2.setVisible(true);mAdapter2.notifyDataSetChanged();mAdapter1.remove();isMove = false;}else{mAdapter1.setVisible(true);mAdapter1.notifyDataSetChanged();mAdapter2.remove();isMove = false;}}@Overridepublic void onAnimationCancel(Animator animation) {}});//使用TranslateAnimation。上面部分可以用这部分替换/* // 创建移动动画TranslateAnimation moveAnimation = new TranslateAnimation(startLocation[0], endLocation[0], startLocation[1],endLocation[1]);moveAnimation.setDuration(300L);// 动画时间// 动画配置AnimationSet moveAnimationSet = new AnimationSet(true);moveAnimationSet.setFillAfter(false);// 动画效果执行完毕后,View对象不保留在终止的位置moveAnimationSet.addAnimation(moveAnimation);mMoveView.startAnimation(moveAnimationSet);moveAnimationSet.setAnimationListener(new AnimationListener() {@Overridepublic void onAnimationStart(Animation animation) {isMove = true;}@Overridepublic void onAnimationRepeat(Animation animation) {}@Overridepublic void onAnimationEnd(Animation animation) {moveViewGroup.removeView(mMoveView);// instanceof 方法判断2边实例是不是一样,判断点击的是DragGrid还是OtherGridViewif(code==1){mAdapter2.setVisible(true);mAdapter2.notifyDataSetChanged();mAdapter1.remove();isMove = false;}else{mAdapter1.setVisible(true);mAdapter1.notifyDataSetChanged();mAdapter2.remove();isMove = false;}}});*/}/*** 创建移动的ITEM对应的ViewGroup布局容器*/private ViewGroup getMoveViewGroup() {ViewGroup moveViewGroup = (ViewGroup) getWindow().getDecorView();LinearLayout moveLinearLayout = new LinearLayout(this);moveLinearLayout.setLayoutParams(new LinearLayout.LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT));moveViewGroup.addView(moveLinearLayout);return moveLinearLayout;}/*** 获取点击的Item的对应View,* * @param view* @return*/private ImageView getView(View view) {view.destroyDrawingCache();view.setDrawingCacheEnabled(true);Bitmap cache = Bitmap.createBitmap(view.getDrawingCache());view.setDrawingCacheEnabled(false);ImageView iv = new ImageView(this);iv.setImageBitmap(cache);return iv;}/*** 获取移动的VIEW,放入对应ViewGroup布局容器* * @param viewGroup* @param view* @param initLocation* @return*/private View getMoveView(ViewGroup viewGroup, View view, int[] initLocation) {int x = initLocation[0];int y = initLocation[1];viewGroup.addView(view);LinearLayout.LayoutParams mLayoutParams = new LinearLayout.LayoutParams(LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT);mLayoutParams.leftMargin = x;mLayoutParams.topMargin = y;view.setLayoutParams(mLayoutParams);return view;}}

两个adapter部分。两个差不都。传一个

package com.example.testlistanimator;import java.util.List;import android.content.Context;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.BaseAdapter;import android.widget.TextView;public class LsAdapter1 extends BaseAdapter {private Context mContext;private List<String> mList;private LayoutInflater mInflater = null;private boolean isVisible = true;/** 要删除的position */public int remove_position = -1;private int[] bg = {R.drawable.a1,R.drawable.a2,R.drawable.a3,R.drawable.a4,R.drawable.a5,R.drawable.a6,R.drawable.a7};public LsAdapter1(Context mContext, List<String> mList) {this.mContext = mContext;this.mList = mList;mInflater = LayoutInflater.from(mContext);}@Overridepublic int getCount() {if (mList != null)return mList.size();return 0;}@Overridepublic Object getItem(int position) {if (mList != null)return mList.get(position);return null;}@Overridepublic long getItemId(int position) {return position;}@Overridepublic View getView(int position, View convertView, ViewGroup parent) {View view = mInflater.inflate(R.layout.list_item, null);TextView tv = (TextView) view.findViewById(R.id.item_tv);tv.setBackgroundResource(bg[position]);tv.setText(mList.get(position));if (!isVisible && (position == -1 + mList.size())) {tv.setText("");}if (remove_position == position) {tv.setText("");}return view;}public void addItem(String mShua) {mList.add(mShua);notifyDataSetChanged();}public void setVisible(boolean isVisible) {this.isVisible = isVisible;}/** 设置删除的position */public void setRemove(int position) {remove_position = position;notifyDataSetChanged();}/** 删除频道列表 */public void remove() {// System.out.println("list1="+mList.size()+" remove_position ="+remove_position);if(remove_position>=0||remove_position<mList.size())mList.remove(remove_position);remove_position = -1;notifyDataSetChanged();}}

以上内容是小编给大家介绍的Android实现仿网易今日头条等自定义频道listview 或者grideview等item上移到另一个view中的全部知识,希望对大家有所帮助!

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表