vue de défilement à deux directions

Je voudrais avoir un linearlayout avec une section d'en-tête en haut et une webview ci-dessous. L'en-tête sera courte et la webview peut être plus longue et plus large que l'écran.

Quelle est la meilleure façon d'obtenir un défilement horizontal et vertical? Est un ScrollView imbriquée à l'intérieur d'un HorizontalScrollView une bonne idée?

source d'informationauteur George Bailey

8

Est un ScrollView imbriquée à l'intérieur d'un HorizontalScrollView une bonne idée?

Oui, et non.

Oui, ma compréhension est que ScrollView et HorizontalScrollView peuvent être imbriquées.

Pas, autant que je sache, ni ScrollView ni HorizontalScrollView travailler avec WebView.

Je suggère que vous avez votre WebView ajustement sur l'écran.
8

Deux ans, pour aller plus loin, je pense que la communauté open source pourrait avoir à votre secours:
2D de Défilement de la Vue.

Edit: Le Lien ne fonctionne plus, mais voici un lien vers une ancienne version de l'article sur le blog;

il existe une autre manière. moddified HorizontalScrollView comme un wrapper pour ScrollView. normal HorizontalScrollView lorsque la capture des événements tactiles ne pas les transmettre à ScrollView et vous ne pouvez faire défiler une façon à la fois. voici la solution:

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;
    }
}

à l'aide de:

    @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);
    }

J'ai cherché vraiment de temps pour faire ce travail, et enfin trouvé ce fil ici. wasikuss réponse est venu très près de la solution, mais encore il ne fonctionne pas correctement. Voici comment cela fonctionne très bien (au moins pour moi (Android 2.3.7)). J'espère qu'il fonctionne sur toute autre version d'Android.

Créer une classe appelée 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;
    }
}

Votre mise en page doit ressembler à:

<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>

Dans votre activité, vous devez faire quelque chose comme:

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

... et c'est la façon dont il fonctionne. Au moins pour moi.

2

Il est facile de solution de contournement:
Dans l'activité " obtenir une référence à l'extérieur de la scrollView (je vais supposer une verticale de la scrollview) et une référence à la naissance du premier enfant, que faites défiler la vue.
```
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;
}
```
On pourrait arguer que cette solution est un peu hacky. Mais il a beaucoup travaillé pour moi dans plusieurs applications!
1

En retard pour répondre, mais j'espère que pourrait être utile à quelqu'un.
Vous pouvez consulter droid-uiscrollview. C'est fortement basé sur @MrCeeJ de l' réponse, mais il me semblait avoir beaucoup de mal à obtenir le contenu réel d'être rendu. D'où j'ai tiré dans la dernière source de HorizontalScrollView & Le ScrollView pour créer droid-uiscrollview. Il y a quelques todo's gauche que je n'ai pas eu l'occasion de le terminer, mais il suffit d'obtenir le contenu de défilement horizontale & verticalement en même temps

J'ai essayer les deux wasikuss et user1684030 solutions et j'ai dû m'adapter, car un avertissement journal: HorizontalScrollView: Invalid pointerId=-1 in onTouchEventet parce que je n'étais pas fan de ce besoin de créer 2 faites défiler jusqu'vues.

Donc, voici ma classe:

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);
}
}

Et lors de l'utilisation en XML, vous n'avez rien à faire si le contenu de ce défilement de l'affichage est défini ici. Sinon, il vous suffit d'appeler la méthode setContent(View content) afin de laisser cette ScrollView2D sait quel est son contenu.

Par exemple:

//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);

0

Pour un certain temps, j'ai essayé des solutions à partir d'ici, mais celui qui a le mieux fonctionné y avait toujours un problème: Il a mangé tous les événements, aucun n'a été en rendant grâce à des éléments dans la barre de défilement.

Donc j'ai ... encore une autre réponse, dans Github et bien commenté au moins, espérons-le: https://github.com/Wilm0r/giggity/blob/master/app/src/main/java/net/gaast/giggity/NestedScroller.java

Comme toutes les solutions, c'est imbriquée HorizontalScrollview (extérieur) + ScrollView (intérieure), à l'extérieur de la réception des événements tactiles d'Android, et de l'intérieur de leur réception à l'intérieur, à partir de l'extérieur de la vue.

Pourtant, je suis plutôt sur la ScrollViews de décider si un événement tactile est intéressant, et jusqu'à ce qu'ils l'accepter, ne rien faire pour touches (par exemple les robinets pour ouvrir les liens dans/etc) peuvent encore le faire à l'enfant-éléments.

(Également le point de vue prend en charge pincer pour zoomer dont j'avais besoin.)

À l'extérieur scroller:
```
@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 ici est le "InnerScroller", sous-classé de ScrollView, avec quelques changements à la gestion des événements: j'ai fait des choses terribles pour assurer entrant événements tactiles directement à partir d'Android sont rejetés, et au lieu de cela, il ne fera que prendre de l'extérieur de la classe, et seulement ensuite passer à ceux de la super-classe:
```
    @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);
}
```

-2

Je sais que vous avez accepté votre réponse, mais peut-être cela peut vous donner une idée.

<?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>

Vous devez vous connecter pour publier un commentaire.