您的位置:首页 > 其它

自定义侧滑出现的问题及解决

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; }完整代码如下:
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);}}
  
  
  
在做这个的时候出现了一个问题;就是listView里滑动的时候item出现混乱,中间不能用,滑动中间最后几个滑动了,最后找出原因简直无语了, 是这个地方的布局问题,width和height都设置成了wrap_content,那么为什么这个原因造成这个原因呢?wrap_content 它是不确定的值,后台需要进行一遍遍的测量,计算,那么就会造成它触摸点及item 的id计算出现混乱,还有一个需要注意的是 item.slideView = slideView;不然 public Object getItem(intposition) { return mMessageItems.get(position); }传给去的就为null
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐