自定义侧滑出现的问题及解决
2017-04-12 18:07
78 查看
出于练手的原因,我决定自己写一个侧滑的,毕竟人家的终究是人家的,我自己的思路是在自定义ListView中onInterceptTouchEvent()中拦截滑动事件,分发处理,这样也行,但是出现的问题就是你侧滑的时候不能上下移动,上下移动的时候不能左右移动,好吧,我就决定看看网上人家怎么写的,第二种:思路是:在适配器中传递自定义的Linealayout public static List list = new ArrayList<>(); @Override public View getView(int position, View convertView, ViewGroup parent) { HoldView holdView; DXLineaLayout dxLineaLayout = null; View view =mInflater.inflate(R.layout.group_item,null); dxLineaLayout = new DXLineaLayout(MainActivity.this); holdView = new HoldView(view); dxLineaLayout.setContentView(view); dxLineaLayout.setTag(holdView); MessageItem messageItem = list.get(position); messageItem.dxLineaLayout = dxLineaLayout; holdView.name.setText(list.get(position).name); return dxLineaLayout; }public class MessageItem{ private String name; public DXLineaLayout dxLineaLayout; }保存的是item的数据,及自定义的Linealayout,并把给 @Override public Object getItem(int position) { return list.get(position); }让它传递到自定义ListView中 @Override public boolean onTouchEvent(MotionEvent ev) { int x = (int)ev.getX(); int y = (int)ev.getY(); switch (ev.getAction()){ case MotionEvent.ACTION_MOVE: int position = pointToPosition(x,y); if (position!=INVALID_POSITION){ MainActivity.MessageItem messageItem = (MainActivity.MessageItem)getItemAtPosition(position); dxLineaLayout = messageItem.dxLineaLayout; } break; } if (dxLineaLayout!=null){ dxLineaLayout.onReg(ev); } return super.onTouchEvent(ev); }让它调用item的自定义布局里的方法,进行滑动 private int lastX=0; int deX = 0; public void onReg(MotionEvent event){ int x = (int)event.getX(); int y = (int)event.getY(); switch (event.getAction()){ case MotionEvent.ACTION_DOWN: deX = 0; break; case MotionEvent.ACTION_MOVE: deX += x-lastX; if (deX>0) { if (Math.abs(deX) > 200) { this.scrollTo(200, 0); } } this.scrollTo(-deX,0); break; case MotionEvent.ACTION_UP: break; } lastX=x; }完整代码如下:
在做这个的时候出现了一个问题;就是listView里滑动的时候item出现混乱,中间不能用,滑动中间最后几个滑动了,最后找出原因简直无语了, 是这个地方的布局问题,width和height都设置成了wrap_content,那么为什么这个原因造成这个原因呢?wrap_content 它是不确定的值,后台需要进行一遍遍的测量,计算,那么就会造成它触摸点及item 的id计算出现混乱,还有一个需要注意的是 item.slideView = slideView;不然 public Object getItem(intposition) { return mMessageItems.get(position); }传给去的就为null
public class MainActivity extends Activity implements OnItemClickListener, OnClickListener, OnSlideListener { private static final String TAG = "MainActivity"; private ListViewCompat mListView; private List<MessageItem> mMessageItems = new ArrayList<MainActivity.MessageItem>(); private SlideView mLastSlideViewWithStatusOn; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); initView(); } private void initView() { mListView = (ListViewCompat) findViewById(R.id.list); for (int i = 0; i < 20; i++) { MessageItem item = new MessageItem(); if (i % 3 == 0) { item.iconRes = R.drawable.default_qq_avatar; item.title = "腾讯新闻"; item.msg = "青岛爆炸满月:大量鱼虾死亡"; item.time = "晚上18:18"; } else { item.iconRes = R.drawable.wechat_icon; item.title = "微信团队"; item.msg = "欢迎你使用微信"; item.time = "12月18日"; } mMessageItems.add(item); } mListView.setAdapter(new SlideAdapter()); mListView.setOnItemClickListener(this); } private class SlideAdapter extends BaseAdapter { private LayoutInflater mInflater; SlideAdapter() { super(); mInflater = getLayoutInflater(); } @Override public int getCount() { return mMessageItems.size(); } @Override public Object getItem(int position) { return mMessageItems.get(position); } @Override public long getItemId(int position) { return position; } @Override public View getView(int position, View convertView, ViewGroup parent) { ViewHolder holder; SlideView slideView = (SlideView) convertView; if (slideView == null) { View itemView = mInflater.inflate(R.layout.list_item, null); slideView = new SlideView(MainActivity.this); slideView.setContentView(itemView); holder = new ViewHolder(slideView); slideView.setTag(holder); } else { holder = (ViewHolder) slideView.getTag(); } MessageItem item = mMessageItems.get(position); item.slideView = slideView; item.slideView.shrink(); holder.icon.setImageResource(item.iconRes); holder.title.setText(item.title); holder.msg.setText(item.msg); holder.time.setText(item.time); return slideView; } } public class MessageItem { public int iconRes; public String title; public String msg; public String time; public SlideView slideView; } private static class ViewHolder { public ImageView icon; public TextView title; public TextView msg; public TextView time; public ViewGroup deleteHolder; ViewHolder(View view) { icon = (ImageView) view.findViewById(R.id.icon); title = (TextView) view.findViewById(R.id.title); msg = (TextView) view.findViewById(R.id.msg); time = (TextView) view.findViewById(R.id.time); deleteHolder = (ViewGroup)view.findViewById(R.id.holder); } } @Override public void onItemClick(AdapterView<?> parent, View view, int position, long id) { Log.e(TAG, "onItemClick position=" + position); } @Override public void onSlide(View view, int status) { if (mLastSlideViewWithStatusOn != null && mLastSlideViewWithStatusOn != view) { mLastSlideViewWithStatusOn.shrink(); } if (status == SLIDE_STATUS_ON) { mLastSlideViewWithStatusOn = (SlideView) view; } } @Override public void onClick(View v) { if (v.getId() == R.id.holder) { Log.e(TAG, "onClick v=" + v); } } }
public class SlideView extends LinearLayout { private static final String TAG = "SlideView"; private Context mContext; private LinearLayout mViewContent; private RelativeLayout mHolder; private Scroller mScroller; private OnSlideListener mOnSlideListener; private int mHolderWidth = 120; private int mLastX = 0; private int mLastY = 0; private static final int TAN = 2; public interface OnSlideListener { public static final int SLIDE_STATUS_OFF = 0; public static final int SLIDE_STATUS_START_SCROLL = 1; public static final int SLIDE_STATUS_ON = 2; /** * @param view current SlideView * @param status SLIDE_STATUS_ON or SLIDE_STATUS_OFF */ public void onSlide(View view, int status); } public SlideView(Context context) { super(context); initView(); } public SlideView(Context context, AttributeSet attrs) { super(context, attrs); initView(); } private void initView() { mContext = getContext(); mScroller = new Scroller(mContext); setOrientation(LinearLayout.HORIZONTAL); View.inflate(mContext, R.layout.slide_view_merge, this); mViewContent = (LinearLayout) findViewById(R.id.view_content); mHolderWidth = Math.round(TypedValue.applyDimension( TypedValue.COMPLEX_UNIT_DIP, mHolderWidth, getResources() .getDisplayMetrics())); } public void setButtonText(CharSequence text) { ((TextView)findViewById(R.id.delete)).setText(text); } public void setContentView(View view) { mViewContent.addView(view); } public void setOnSlideListener(OnSlideListener onSlideListener) { mOnSlideListener = onSlideListener; } public void shrink() { if (getScrollX() != 0) { this.smoothScrollTo(0, 0); } } public void onRequireTouchEvent(MotionEvent event) { int x = (int) event.getX(); int y = (int) event.getY(); int scrollX = getScrollX(); Log.d(TAG, "x=" + x + " y=" + y); switch (event.getAction()) { case MotionEvent.ACTION_DOWN: { if (!mScroller.isFinished()) { mScroller.abortAnimation(); } if (mOnSlideListener != null) { mOnSlideListener.onSlide(this, OnSlideListener.SLIDE_STATUS_START_SCROLL); } break; } case MotionEvent.ACTION_MOVE: { int deltaX = x - mLastX; int deltaY = y - mLastY; if (Math.abs(deltaX) < Math.abs(deltaY) * TAN) { break; } int newScrollX = scrollX - deltaX; if (deltaX != 0) { if (newScrollX < 0) { newScrollX = 0; } else if (newScrollX > mHolderWidth) { newScrollX = mHolderWidth; } this.scrollTo(newScrollX, 0); } break; } case MotionEvent.ACTION_UP: { int newScrollX = 0; if (scrollX - mHolderWidth * 0.75 > 0) { newScrollX = mHolderWidth; } this.smoothScrollTo(newScrollX, 0); if (mOnSlideListener != null) { mOnSlideListener.onSlide(this, newScrollX == 0 ? OnSlideListener.SLIDE_STATUS_OFF : OnSlideListener.SLIDE_STATUS_ON); } break; } default: break; } mLastX = x; mLastY = y; } private void smoothScrollTo(int destX, int destY) { // 缓慢滚动到指定位置 int scrollX = getScrollX(); int delta = destX - scrollX; mScroller.startScroll(scrollX, 0, delta, 0, Math.abs(delta) * 3); invalidate();//刷新View } @Override public void computeScroll() { if (mScroller.computeScrollOffset()) { scrollTo(mScroller.getCurrX(), mScroller.getCurrY()); postInvalidate(); } } }
public class ListViewCompat extends ListView {private static final String TAG = "ListViewCompat";private SlideView mFocusedItemView;public ListViewCompat(Context context) {super(context);}public ListViewCompat(Context context, AttributeSet attrs) {super(context, attrs);}public ListViewCompat(Context context, AttributeSet attrs, int defStyle) {super(context, attrs, defStyle);}@Overridepublic boolean onTouchEvent(MotionEvent event) {switch (event.getAction()) {case MotionEvent.ACTION_DOWN: {int x = (int) event.getX();int y = (int) event.getY();int position = pointToPosition(x, y);Log.e(TAG, "postion=" + position);if (position != INVALID_POSITION) {MessageItem data = (MessageItem) getItemAtPosition(position);mFocusedItemView = data.slideView;Log.e(TAG, "FocusedItemView=" + mFocusedItemView);}}default:break;}if (mFocusedItemView != null) {mFocusedItemView.onRequireTouchEvent(event);}return super.onTouchEvent(event);}}
相关文章推荐
- 解决自定义UITableViewCell在浏览中出现数据行重复的问题
- 解决头部调用用户自定义控件出现乱码问题
- poi-tl 自定义图片处理类,解决生成多个文件时图片重复出现在word文档中问题
- Android解决自定义Dialog出现黑(白)框的问题
- 解决自定义UITableViewCell在浏览中出现数据行重复的问题
- 解决自定义UITableViewCell在浏览中出现数据行重复的问题
- 微信小程序 —— 解决自定义弹窗出现后,蒙层下的页面仍可以滚动的问题
- 自定义dialog显示详细资料以及出现的布局问题解决
- 解决自定义preference 在ActivityGroup 的包容下出现UI不能更新的问题
- 解决自定义UITableViewCell在浏览中出现数据行重复的问题
- 解决在自定义tabbar的时候出现双tabbar的问题
- 解决自定义UITableViewCell在浏览中出现数据行重复的问题
- 自定义对话框顶部两角出现黑线,底部正常,这个问题怎么解决?求大神赐教~~
- iOS8 数字键盘添加自定义按钮(兼容各个版本以及解决自定义按钮滑动出现的问题)
- 解决UINavigationController自定义返回键后没有侧滑返回效果的问题
- 解决保存自定义对象时实现Serializable时出现的问题
- 解决自定义UITableViewCell在浏览中出现数据行重复的问题
- javac命令出现自定义包不存在问题解决方案
- 解决自定义UITableViewCell在浏览中出现数据行重复的问题
- 关于解决自定义FloatingActionButton滑动行为(Behavior)只隐藏不出现的问题