android中的垂直和水平滚动视图_Android_Scrollview

android中的垂直和水平滚动视图

android

android中的垂直和水平滚动视图,android,scrollview,Android,Scrollview,我真的厌倦了寻找垂直和水平滚动视图的解决方案我了解到框架中没有实现此功能的任何视图/布局，但我需要这样的内容：我需要在other中定义布局，子布局必须实现垂直/水平滚动以移动最初实现了一个逐像素移动布局的代码，但我认为这不是正确的方法。我用ScrollView和Horizontal ScrollView进行了尝试，但没有任何效果像我希望的那样，因为它只实现垂直或水平滚动 Canvas不是我的解决方案，因为我需要在Someone子元素中附加侦听器我能做什么？选项1：您可以提出一种新的UI

我真的厌倦了寻找垂直和水平滚动视图的解决方案

我了解到框架中没有实现此功能的任何视图/布局，但我需要这样的内容：

我需要在other中定义布局，子布局必须实现垂直/水平滚动以移动

最初实现了一个逐像素移动布局的代码，但我认为这不是正确的方法。我用ScrollView和Horizontal ScrollView进行了尝试，但没有任何效果像我希望的那样，因为它只实现垂直或水平滚动

Canvas不是我的解决方案，因为我需要在Someone子元素中附加侦听器

我能做什么？

选项1：您可以提出一种新的UI设计，它不需要同时进行水平和垂直滚动

选项2：您可以获得

ScrollView

和

HorizontalScrollView

的源代码，了解Android核心团队是如何实现这些功能的，并创建自己的

BiDirectionalScrollView

实现

选项#3：您可以摆脱依赖关系，这些依赖关系要求您使用小部件系统并直接绘制画布

选项#4：如果你偶然发现一个开源应用程序似乎实现了你想要的东西，看看他们是如何实现的。

选项#1：你可以想出一个新的UI设计，不需要同时进行水平和垂直滚动

选项2：您可以获得

ScrollView

和

HorizontalScrollView

的源代码，了解Android核心团队是如何实现这些功能的，并创建自己的

BiDirectionalScrollView

实现

选项#3：您可以摆脱依赖关系，这些依赖关系要求您使用小部件系统并直接绘制画布

选项4：如果你偶然发现一个开源应用程序似乎实现了你所寻求的，看看他们是如何做到的。

我找到了一个更好的解决方案

XML：（design.XML）

那太好了

如果要加载其他布局或控件，结构是相同的。

我找到了更好的解决方案

XML：（design.XML）

那太好了

如果你想加载其他布局或控件，结构是相同的。

因为这似乎是谷歌首次搜索“Android垂直+水平滚动视图”，我想我应该在这里添加这个。Matt Clark基于Android源代码构建了一个自定义视图，它似乎工作得非常完美：

请注意，该页面中的类在计算视图的水平宽度时存在错误。Manuel Hilty的修正意见如下：

解决方案：将第808行的语句替换为以下内容：

final int childWidthMeasureSpec = MeasureSpec.makeMeasureSpec(lp.leftMargin + lp.rightMargin, MeasureSpec.UNSPECIFIED);

编辑：该链接不再有效，但是。

由于这似乎是谷歌首次搜索“Android垂直+水平滚动视图”，我想我应该在这里添加这个。Matt Clark基于Android源代码构建了一个自定义视图，它似乎工作得非常完美：

请注意，该页面中的类在计算视图的水平宽度时存在错误。Manuel Hilty的修正意见如下：

解决方案：将第808行的语句替换为以下内容：

final int childWidthMeasureSpec = MeasureSpec.makeMeasureSpec(lp.leftMargin + lp.rightMargin, MeasureSpec.UNSPECIFIED);

编辑：该链接不再工作，但是。

使用代码，您可以将水平滚动视图放入滚动视图中。因此，可以在同一视图中使用两个滚动方法

资料来源：

我希望这能对您有所帮助。

通过使用代码，您可以将水平滚动视图转换为滚动视图。因此，可以在同一视图中使用两个滚动方法

资料来源：

我希望这能对你有所帮助。

我有办法解决你的问题。您可以检查ScrollView代码，它只处理垂直滚动，而忽略水平滚动，并对此进行修改。我想要一个像webview一样的视图，所以修改了ScrollView，它对我很有用。但这可能不适合你的需要

让我知道你的目标用户界面类型

问候,

拉维·潘迪特

我有一个解决你问题的办法。您可以检查ScrollView代码，它只处理垂直滚动，而忽略水平滚动，并对此进行修改。我想要一个像webview一样的视图，所以修改了ScrollView，它对我很有用。但这可能不适合你的需要

让我知道你的目标用户界面类型

问候,

拉维·潘迪特（Ravi Pandit）

我使用它，效果很好：

<?xml version="1.0" encoding="utf-8"?>
<ScrollView android:id="@+id/ScrollView02" 
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content"
            xmlns:android="http://schemas.android.com/apk/res/android">
<HorizontalScrollView android:id="@+id/HorizontalScrollView01" 
                      android:layout_width="wrap_content" 
                      android:layout_height="wrap_content">
<ImageView android:id="@+id/ImageView01"
           android:src="@drawable/pic" 
           android:isScrollContainer="true" 
           android:layout_height="fill_parent" 
           android:layout_width="fill_parent" 
           android:adjustViewBounds="true">
</ImageView>
</HorizontalScrollView>
</ScrollView>

源链接在这里：

我使用它，工作正常：

<?xml version="1.0" encoding="utf-8"?>
<ScrollView android:id="@+id/ScrollView02" 
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content"
            xmlns:android="http://schemas.android.com/apk/res/android">
<HorizontalScrollView android:id="@+id/HorizontalScrollView01" 
                      android:layout_width="wrap_content" 
                      android:layout_height="wrap_content">
<ImageView android:id="@+id/ImageView01"
           android:src="@drawable/pic" 
           android:isScrollContainer="true" 
           android:layout_height="fill_parent" 
           android:layout_width="fill_parent" 
           android:adjustViewBounds="true">
</ImageView>
</HorizontalScrollView>
</ScrollView>

源链接在这里：

混合了上面的一些建议，并且能够得到一个好的解决方案：

自定义滚动视图：

package com.scrollable.view;

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

public class VScroll extends ScrollView {

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

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

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

    @Override
    public boolean onTouchEvent(MotionEvent ev) {
        return false;
    }
}

package com.scrollable.view;

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

public class HScroll extends HorizontalScrollView {

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

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

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

    @Override
    public boolean onTouchEvent(MotionEvent ev) {
        return false;
    }
}

自定义水平滚动视图：

package com.scrollable.view;

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

public class VScroll extends ScrollView {

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

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

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

    @Override
    public boolean onTouchEvent(MotionEvent ev) {
        return false;
    }
}

package com.scrollable.view;

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

public class HScroll extends HorizontalScrollView {

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

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

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

    @Override
    public boolean onTouchEvent(MotionEvent ev) {
        return false;
    }
}

ScrollableImageActivity：

package com.scrollable.view;

import android.app.Activity;
import android.os.Bundle;
import android.view.MotionEvent;
import android.widget.HorizontalScrollView;
import android.widget.ScrollView;

public class ScrollableImageActivity extends Activity {

    private float mx, my;
    private float curX, curY;

    private ScrollView vScroll;
    private HorizontalScrollView hScroll;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        vScroll = (ScrollView) findViewById(R.id.vScroll);
        hScroll = (HorizontalScrollView) findViewById(R.id.hScroll);

    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        float curX, curY;

        switch (event.getAction()) {

            case MotionEvent.ACTION_DOWN:
                mx = event.getX();
                my = event.getY();
                break;
            case MotionEvent.ACTION_MOVE:
                curX = event.getX();
                curY = event.getY();
                vScroll.scrollBy((int) (mx - curX), (int) (my - curY));
                hScroll.scrollBy((int) (mx - curX), (int) (my - curY));
                mx = curX;
                my = curY;
                break;
            case MotionEvent.ACTION_UP:
                curX = event.getX();
                curY = event.getY();
                vScroll.scrollBy((int) (mx - curX), (int) (my - curY));
                hScroll.scrollBy((int) (mx - curX), (int) (my - curY));
                break;
        }

        return true;
    }

}

布局：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    <com.scrollable.view.VScroll android:layout_height="fill_parent"
        android:layout_width="fill_parent" android:id="@+id/vScroll">
        <com.scrollable.view.HScroll android:id="@+id/hScroll"
            android:layout_width="fill_parent" android:layout_height="fill_parent">
            <ImageView android:layout_width="fill_parent" android:layout_height="fill_parent" android:src="@drawable/bg"></ImageView>
        </com.scrollable.view.HScroll>
    </com.scrollable.view.VScroll>

</LinearLayout>

将上面的一些建议混合在一起，能够得到一个好的解决方案：

自定义滚动视图：

package com.scrollable.view;

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

public class VScroll extends ScrollView {

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

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

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

    @Override
    public boolean onTouchEvent(MotionEvent ev) {
        return false;
    }
}

package com.scrollable.view;

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

public class HScroll extends HorizontalScrollView {

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

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

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

    @Override
    public boolean onTouchEvent(MotionEvent ev) {
        return false;
    }
}

自定义水平滚动视图：

package com.scrollable.view;

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

public class VScroll extends ScrollView {

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

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

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

    @Override
    public boolean onTouchEvent(MotionEvent ev) {
        return false;
    }
}

package com.scrollable.view;

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

public class HScroll extends HorizontalScrollView {

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

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

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

    @Override
    public boolean onTouchEvent(MotionEvent ev) {
        return false;
    }
}

ScrollableImageActivity：

package com.scrollable.view;

import android.app.Activity;
import android.os.Bundle;
import android.view.MotionEvent;
import android.widget.HorizontalScrollView;
import android.widget.ScrollView;

public class ScrollableImageActivity extends Activity {

    private float mx, my;
    private float curX, curY;

    private ScrollView vScroll;
    private HorizontalScrollView hScroll;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        vScroll = (ScrollView) findViewById(R.id.vScroll);
        hScroll = (HorizontalScrollView) findViewById(R.id.hScroll);

    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        float curX, curY;

        switch (event.getAction()) {

            case MotionEvent.ACTION_DOWN:
                mx = event.getX();
                my = event.getY();
                break;
            case MotionEvent.ACTION_MOVE:
                curX = event.getX();
                curY = event.getY();
                vScroll.scrollBy((int) (mx - curX), (int) (my - curY));
                hScroll.scrollBy((int) (mx - curX), (int) (my - curY));
                mx = curX;
                my = curY;
                break;
            case MotionEvent.ACTION_UP:
                curX = event.getX();
                curY = event.getY();
                vScroll.scrollBy((int) (mx - curX), (int) (my - curY));
                hScroll.scrollBy((int) (mx - curX), (int) (my - curY));
                break;
        }

        return true;
    }

}

布局：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    <com.scrollable.view.VScroll android:layout_height="fill_parent"
        android:layout_width="fill_parent" android:id="@+id/vScroll">
        <com.scrollable.view.HScroll android:id="@+id/hScroll"
            android:layout_width="fill_parent" android:layout_height="fill_parent">
            <ImageView android:layout_width="fill_parent" android:layout_height="fill_parent" android:src="@drawable/bg"></ImageView>
        </com.scrollable.view.HScroll>
    </com.scrollable.view.VScroll>

</LinearLayout>

试试这个

<?xml version="1.0" encoding="utf-8"?>
<ScrollView android:id="@+id/Sview" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content"
        xmlns:android="http://schemas.android.com/apk/res/android">
<HorizontalScrollView 
   android:id="@+id/hview" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content">
<ImageView .......
 [here xml code for image]
</ImageView>
</HorizontalScrollView>
</ScrollView>


试试这个
<?xml version="1.0" encoding="utf-8"?>
<ScrollView android:id="@+id/Sview" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content"
        xmlns:android="http://schemas.android.com/apk/res/android">
<HorizontalScrollView 
   android:id="@+id/hview" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content">
<ImageView .......
 [here xml code for image]
</ImageView>
</HorizontalScrollView>
</ScrollView>


我的解决方案基于，但没有任何自定义视图：
布局：
您可以更改滚动视图的顺序。只需更改它们在布局和代码中的顺序。显然，您不需要WATEVERVIEW，而是将要双向滚动的布局/视图放入其中。
我的解决方案基于，但没有任何自定义视图：
布局：
您可以更改滚动视图的顺序。只需更改它们在布局和代码中的顺序。显然，你不想让WateverViewYou将布局/视图放在两个方向上滚动。由于二维滚动视图链接已失效，我无法获得它，因此我创建了自己的组件。它可以处理投掷，对我来说很合适。
唯一的限制是wrap_内容可能无法正常工作