我有类似于安卓市场(ViewPager)的横向滚动页面。
我的问题是,我想在其中添加一些图片的横向滚动视图。这可能吗?
目前,我的视图只能进行少量滚动,然后整个页面就会滚动。
感谢您的时间!
我有类似于安卓市场(ViewPager)的横向滚动页面。
我的问题是,我想在其中添加一些图片的横向滚动视图。这可能吗?
目前,我的视图只能进行少量滚动,然后整个页面就会滚动。
感谢您的时间!
您需要扩展HorizontalScrollView
并拦截触摸事件。对我而言有效的示例如下:
public class MyScrollView extends HorizontalScrollView {
public MyScrollView(Context p_context, AttributeSet p_attrs)
{
super(p_context, p_attrs);
}
@Override
public boolean onInterceptTouchEvent(MotionEvent p_event)
{
return true;
}
@Override
public boolean onTouchEvent(MotionEvent p_event)
{
if (p_event.getAction() == MotionEvent.ACTION_MOVE && getParent() != null)
{
getParent().requestDisallowInterceptTouchEvent(true);
}
return super.onTouchEvent(p_event);
}
}
那么,你需要在布局XML中使用此自定义视图,而不是使用HorizontalScrollView
。
帮助我找到这个解决方案的是这篇文章
onClick()
的例子吗? - Ali@Override
public boolean onTouchEvent(MotionEvent ev)
{
if (no_scrolling)
return false;
// Standard behavior
//
return super.onTouchEvent(ev);
}
boolean no_scrolling = false;
float old_x, old_y;
@Override
public boolean onInterceptTouchEvent(MotionEvent ev)
{
int action = ev.getActionMasked();
Log.d(at_data.TAG, "HSV scroll intercept: " + String.format("0x%08x", action));
if (action == MotionEvent.ACTION_DOWN)
{
old_x = ev.getX();
old_y = ev.getY();
no_scrolling = false;
}
else if (action == MotionEvent.ACTION_MOVE)
{
float dx = ev.getX() - old_x;
float dy = ev.getY() - old_y;
if (Math.abs(dx) > Math.abs(dy) && dx != 0)
{
View hsvChild = getChildAt(0);
int childW = hsvChild.getWidth();
int W = getWidth();
Log.d(at_data.TAG, "HSV " + childW + " > " + W + " ? dx = " + dx + " dy = " + dy);
if (childW > W)
{
int scrollx = getScrollX();
if ( (dx < 0 && scrollx + W >= childW) || (dx > 0 && scrollx <= 0))
{
Log.d(at_data.TAG, "HSV Wider: on edge already");
no_scrolling = true;
return false;
}
else
{
Log.d(at_data.TAG, "HSV Wider: can scroll");
no_scrolling = false;
}
}
else
{
Log.d(at_data.TAG, "HSV cannot scroll in desired direction");
no_scrolling = true;
}
}
}
// Standard behavior
//
return super.onInterceptTouchEvent(ev);
}
<Linearlayout>
<linearlayout>
<scrollView>
<ImageView1></ImageView>
<ImageView2></....>
</scrollView>
</Linearlayout>
<EditText>
</Linearlayout>
<Linearlayout>
<linearlayout>
<scrollView>
here listVIew with Images using listView adapter
</scrollView>
</Linearlayout>
<EditText>
</Linearlayout>
这里的scrollView仅适用于listView。