兩個方向滾動視圖

Question

我想有一個線性佈局，頂部的標題部分和下面的web視圖。標題會很短，並且網頁視圖可能比屏幕更長更寬。

什麼是獲得水平和垂直滾動的最佳方式是什麼？一個ScrollView嵌套在Horizo​​ntalScrollView裏面是個好主意嗎？

Answer 1

ScrollView嵌套在Horizo​​ntalScrollView裏面是個好主意嗎？

是的，沒有。

是的，我的理解是ScrollView和HorizontalScrollView可以嵌套。

不，AFAIK，既不ScrollView也不HorizontalScrollView與WebView一起工作。

我建議你的WebView適合在屏幕上。

Answer 2

我知道你已經接受了你的答案，但可能是這可能會給你一些想法。

<?xml version="1.0" encoding="utf-8"?> 

<ScrollView 
xmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" 
> 
<LinearLayout 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" 
> 

<RelativeLayout 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" 
> 
<HorizontalScrollView 
    android:layout_alignParentBottom="true" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
> 
<ImageView 

android:src="@drawable/device_wall" 
android:scaleType="center" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" 
/> 
</HorizontalScrollView> 
</RelativeLayout> 
</LinearLayout> 
</ScrollView> 

Answer 3

兩年進一步向下行，我認爲開源社區可能必須拯救你： 2D Scroll View。

編輯：該鏈接不再工作，但here is a link to an old version of the blogpost;

Answer 4

還有另一種方法。 moddified Horizo​​ntalScrollView作爲包裝ScrollView。正常Horizo​​ntalScrollView當捕捉觸摸事件不轉發他們到ScrollView，你只能在一次滾動的方式。這裏是解決方案：

package your.package; 

import android.widget.HorizontalScrollView; 
import android.widget.ScrollView; 
import android.view.MotionEvent; 
import android.content.Context; 
import android.util.AttributeSet; 

public class WScrollView extends HorizontalScrollView 
{ 
    public ScrollView sv; 
    public WScrollView(Context context) 
    { 
     super(context); 
    } 

    public WScrollView(Context context, AttributeSet attrs) 
    { 
     super(context, attrs); 
    } 

    public WScrollView(Context context, AttributeSet attrs, int defStyle) 
    { 
     super(context, attrs, defStyle); 
    } 

    @Override public boolean onTouchEvent(MotionEvent event) 
    { 
     boolean ret = super.onTouchEvent(event); 
     ret = ret | sv.onTouchEvent(event); 
     return ret; 
    } 

    @Override public boolean onInterceptTouchEvent(MotionEvent event) 
    { 
     boolean ret = super.onInterceptTouchEvent(event); 
     ret = ret | sv.onInterceptTouchEvent(event); 
     return ret; 
    } 
} 

使用：

@Override public void onCreate(Bundle savedInstanceState) 
    { 
     super.onCreate(savedInstanceState); 

/*BIDIRECTIONAL SCROLLVIEW*/ 
     ScrollView sv = new ScrollView(this); 
     WScrollView hsv = new WScrollView(this); 
     hsv.sv = sv; 
/*END OF BIDIRECTIONAL SCROLLVIEW*/ 

     RelativeLayout rl = new RelativeLayout(this); 
     rl.setBackgroundColor(0xFF0000FF); 
     sv.addView(rl, new LayoutParams(500, 500)); 
     hsv.addView(sv, new LayoutParams(WRAP_CONTENT, MATCH_PARENT /*or FILL_PARENT if API < 8*/)); 
     setContentView(hsv); 
    } 

Answer 5

有一個簡單的解決方法： 在你的活動得到外部滾動視圖的引用（我要去承擔一個垂直滾動型）和引用該滾動視圖的第一個孩子。

Scrollview scrollY = (ScrollView)findViewById(R.id.scrollY); 
LinearLayout scrollYChild = (LinearLayout)findViewById(R.id.scrollYChild); 

@Override 
public boolean dispatchTouchEvent(MotionEvent event) { 
    scrollYChild.dispatchTouchEvent(event); 
    scrollY.onTouchEvent(event); 
    return true; 
} 

有人可能會爭辯說，這個解決方案有點怪異。但它在多個應用程序中對我非常有用！

Answer 6

我搜索真的很長，使這項工作，並最終在這裏找到這個線程。 wasikuss' answer與解決方案非常接近，但仍無法正常工作。這是它的工作原理（至少對我來說（Android 2.3.7））。我希望，它也適用於任何其他Android版本。

創建一個名爲VScrollView類：

package your.package.name; 

import android.content.Context; 
import android.util.AttributeSet; 
import android.view.MotionEvent; 
import android.widget.HorizontalScrollView; 
import android.widget.ScrollView; 


public class VScrollView extends ScrollView { 
    public HorizontalScrollView sv; 

    public VScrollView(Context context) { 
     super(context); 
    } 

    public VScrollView(Context context, AttributeSet attrs) { 
     super(context, attrs); 
    } 

    public VScrollView(Context context, AttributeSet attrs, int defStyle) { 
     super(context, attrs, defStyle); 
    } 

    @Override 
    public boolean onTouchEvent(MotionEvent event) { 
     super.onTouchEvent(event); 
     sv.dispatchTouchEvent(event); 
     return true; 
    } 

    @Override 
    public boolean onInterceptTouchEvent(MotionEvent event) { 
     super.onInterceptTouchEvent(event); 
     sv.onInterceptTouchEvent(event); 
     return true; 
    } 
} 

您的佈局應是這樣的：

<your.package.name.VScrollView 
    android:id="@+id/scrollVertical" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" > 

    <HorizontalScrollView 
     android:id="@+id/scrollHorizontal" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" > 

     <TableLayout 
      android:id="@+id/table" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:clickable="false" 
      android:stretchColumns="*" > 
     </TableLayout> 
    </HorizontalScrollView> 
</your.package.name.VScrollView> 

在你的活動，你應該這樣做：

hScroll = (HorizontalScrollView) findViewById(R.id.scrollHorizontal); 
vScroll = (VScrollView) findViewById(R.id.scrollVertical); 
vScroll.sv = hScroll; 

。 ..這就是它的工作原理。至少對於我來說。

Answer 7

遲到回答，但希望對某人有所幫助。 您可以檢出droid-uiscrollview。這很大程度上取決於@MrCeeJ's的答案，但我似乎在獲取實際內容的過程中遇到了很多麻煩。因此，我從HorizontalScrollView & ScrollView中抽取最新來源以創建droid-uiscrollview。有幾個todo's左我還沒有得到解決，以完成，但它確實在同一時間

Answer 8

我已經嘗試兩個wasikuss和user1684030解決方案和我垂直足以讓內容滾動兩個水平&必須修改它們，因爲有一個警告日誌：HorizontalScrollView: Invalid pointerId=-1 in onTouchEvent，因爲我不喜歡創建2個滾動視圖的需要。

因此，這裏是我的課：

public class ScrollView2D extends ScrollView { 

    private HorizontalScrollView innerScrollView; 

    public ScrollView2D(Context context) { 
     super(context); 

     addInnerScrollView(context); 
    } 

    public ScrollView2D(Context context, AttributeSet attrs) { 
     super(context, attrs); 
    } 


    @Override 
    protected void onFinishInflate() { 
     super.onFinishInflate(); 

     if (getChildCount() == 1) { 
      View subView = getChildAt(0); 
      removeViewAt(0); 
      addInnerScrollView(getContext()); 
      this.innerScrollView.addView(subView); 
     } else { 
      addInnerScrollView(getContext()); 
     } 
    } 

    @Override 
    public boolean onTouchEvent(MotionEvent event) { 
     boolean handled = super.onTouchEvent(event); 
     handled |= this.innerScrollView.dispatchTouchEvent(event); 
     return handled; 
    } 

    @Override 
    public boolean onInterceptTouchEvent(MotionEvent event) { 
     super.onInterceptTouchEvent(event); 
     return true; 
    } 


    public void setContent(View content) { 
     if (content != null) { 
      this.innerScrollView.addView(content); 
     } 
    } 


    private void addInnerScrollView(Context context) { 
     this.innerScrollView = new HorizontalScrollView(context); 
     this.innerScrollView.setHorizontalScrollBarEnabled(false); 
     addView(this.innerScrollView); 
    } 

} 

而且在XML使用它時，你什麼都沒有，如果這個滾動視圖的內容設置在這裏做。否則，您只需調用方法setContent(View content)即可讓此ScrollView2D知道其內容。

例如：

// Get or create a ScrollView2D. 
ScrollView2D scrollView2D = new ScrollView2D(getContext()); 
scrollView2D.setLayoutParams(new ViewGroup.LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT)); 
addView(scrollView2D); 

// Set the content of scrollView2D. 
RelativeLayout testView = new RelativeLayout(getContext()); 
testView.setBackgroundColor(0xff0000ff); 
testView.setLayoutParams(new ViewGroup.LayoutParams(2000, 2000)); 
scrollView2D.setContent(testView); 

Answer 9

有一段時間我一直在試圖從這裏的解決方案，但效果最好仍是一個有一個問題：它吃的所有事件中，沒有內使它通過對元素滾輪。

所以我有......另一個答案，在Github上和良好註釋至少希望：https://github.com/Wilm0r/giggity/blob/master/app/src/main/java/net/gaast/giggity/NestedScroller.java

像所有的解決方案，這是一個嵌套的Horizo​​ntalScrollview（外）+滾動型（內），與來自Android的外部接收觸摸事件，並且內部僅從外部視圖內部接收它們。

然而，我依靠ScrollViews來決定觸摸事件是否有趣，直到他們接受它，不做任何事情，因此觸摸（即點擊打開鏈接/等）仍然可以使它成爲子元素。

（此視圖支持捏縮放我需要的。）

在外卷軸：這裏

@Override 
public boolean onInterceptTouchEvent(MotionEvent event) 
{ 
    if (super.onInterceptTouchEvent(event) || vscroll.onInterceptTouchEventInt(event)) { 
     onTouchEvent(event); 
     return true; 
    } 
    return false; 
} 

@Override 
public boolean onTouchEvent(MotionEvent event) 
{ 
    super.onTouchEvent(event); 
    /* Beware: One ugliness of passing on events like this is that normally a ScrollView will 
     do transformation of the event coordinates which we're not doing here, mostly because 
     things work well enough without doing that. 
     For events that we pass through to the child view, transformation *will* happen (because 
     we're completely ignoring those and let the (H)ScrollView do the transformation for us). 
    */ 
    vscroll.onTouchEventInt(event); 
    return true; 
} 

VSCROLL是「InnerScroller」，從滾動型的子類，具有事件處理的幾個變化：我已經做了一些可怕的事情，直接確保收到的觸摸事件在Android被丟棄，而是隻需要把他們從外部類 - 然後才傳給那些對超：

@Override 
    public boolean onInterceptTouchEvent(MotionEvent event) { 
     /* All touch events should come in via the outer horizontal scroller (using the Int 
      functions below). If Android tries to send them here directly, reject. */ 
     return false; 
    } 

    @Override 
    public boolean onTouchEvent(MotionEvent event) { 
     /* It will still try to send them anyway if it can't find any interested child elements. 
      Reject it harder (but pretend that we took it). */ 
     return true; 
    } 

    public boolean onInterceptTouchEventInt(MotionEvent event) { 
     return super.onInterceptTouchEvent(event); 
    } 

    public boolean onTouchEventInt(MotionEvent event) { 
     super.onTouchEvent(event); 
    }