带水平滚动Android的垂直滚动条

时间:2013-04-20 10:43:02

标签: android android-layout android-widget horizontalscrollview android-scrollview

遇到“无法滚动”问题

  • 我正在尝试使用能够水平滚动的自定义垂直滚动条。
  • 我想在水平滚动条中放置7个垂直滚动条(@ + id / verticalSeekbar,@ + id / verticalSeekbar_2等)。
  • 我(在stackoverflow的帮助下)能够获得我的自定义垂直滚动条。

但是,我无法水平滚动它。我希望能够水平滚动,但它不起作用。附上的是我想要它的形象。 这是我的Activity_vertical_slider

代码
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <com.example.verticalsliderandroid.HScroll android:id="@+id/hScroll"
            android:layout_width="400dp" android:layout_height="wrap_content">

        <RelativeLayout
            android:id="@+id/relative_layout_sample"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            >

        <com.example.verticalsliderandroid.VerticalSeekBar
        android:id="@+id/verticalSeekbar"
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:layout_alignParentLeft="true"
        android:layout_centerVertical="true"
        android:max="255"
        android:progress="10"
        android:rotation="180"
        android:progressDrawable="@android:color/transparent"
        android:thumb="@drawable/eco_seekbar" />

        <com.example.verticalsliderandroid.VerticalSeekBar
            android:id="@+id/verticalSeekbar_2"
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:layout_alignParentTop="true"
            android:layout_toRightOf="@+id/verticalSeekbar"
            android:max="255"
            android:progress="10"
            android:progressDrawable="@android:color/transparent"
            android:rotation="180"
            android:thumb="@drawable/eco_seekbar" />    

        </RelativeLayout>

    </com.example.verticalsliderandroid.HScroll>


</RelativeLayout>

这是我的verticalseekbar.java

public class VerticalSeekBar extends SeekBar {

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

    public VerticalSeekBar(Context context, AttributeSet attrs, int defStyle) {

        super(context, attrs, defStyle);
    }

    public VerticalSeekBar(Context context, AttributeSet attrs) {

        super(context, attrs);
    }


    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        super.onSizeChanged(h, w, oldh, oldw);
    }

    @Override
    protected synchronized void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(heightMeasureSpec, widthMeasureSpec);
        setMeasuredDimension(getMeasuredHeight(), getMeasuredWidth());

    }

    protected void onDraw(Canvas c) {
        c.rotate(-90);
        c.translate(-getHeight(), 0);
        super.onDraw(c);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        if (!isEnabled()) {
            return false;
        }

        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:


            case MotionEvent.ACTION_MOVE:


            case MotionEvent.ACTION_UP:
                setProgress(getMax() - (int) (getMax() * event.getY() / getHeight()));
                onSizeChanged(getWidth(), getHeight(), 0, 0);
                break;
            case MotionEvent.ACTION_CANCEL:
               break;
        }
        return true;
    }

} 

我在互联网上搜索得足够多了。只是没有得到我需要的东西。请帮忙。

enter image description here

2 个答案:

答案 0 :(得分:1)

case MotionEvent.ACTION_DOWN: case MotionEvent.ACTION_MOVE: case MotionEvent.ACTION_UP:在ACTION_DOWN和ACTION_MOVE之后你不需要休息吗?如果你没有break s,你的所有向上和移动动作都将变为UP,你将永远无法仅通过UP动作测试滚动条。

修改:尝试SO question

答案 1 :(得分:1)

我得到了正确的方法。该方法有一个ScrollView,其中的Horizo​​ntalScrollView就是一个TableLayout。你可以玩TableRow并获得你想要的任何东西。 这是activity_main的代码。 VerticalSeekbar的代码保持不变。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >


    <ScrollView 
        android:layout_width="fill_parent"
        android:layout_height="fill_parent">

      <HorizontalScrollView
            android:layout_width="fill_parent"          
            android:layout_height="fill_parent" >

       <TableLayout
                    android:layout_width="fill_parent"
                    android:layout_height="fill_parent">

                    <TableRow 
                        android:layout_width="fill_parent"
                        android:layout_height="fill_parent">

                         <com.example.verticalslider.VerticalSeekBar
                            android:id="@+id/seekBar1"
                            android:layout_width="wrap_content"
                            android:layout_height="500dp"
                            android:padding="20dp"
                            />

                            <com.example.verticalslider.VerticalSeekBar
                            android:id="@+id/seekBar2"
                            android:layout_width="wrap_content"
                            android:layout_height="500dp"
                            android:padding="20dp"
                            />

                            <com.example.verticalslider.VerticalSeekBar
                            android:id="@+id/seekBar3"
                            android:layout_width="wrap_content"
                            android:layout_height="500dp"
                            android:padding="20dp"                              
                            />

                            <com.example.verticalslider.VerticalSeekBar
                            android:id="@+id/seekBar4"
                            android:layout_width="wrap_content"
                            android:layout_height="500dp"
                            android:padding="20dp"                              
                            />

                            <com.example.verticalslider.VerticalSeekBar
                            android:id="@+id/seekBar5"
                            android:layout_width="wrap_content"
                            android:layout_height="500dp"
                            android:padding="20dp"                              
                            />

                            <com.example.verticalslider.VerticalSeekBar
                            android:id="@+id/seekBar6"
                            android:layout_width="wrap_content"
                            android:layout_height="500dp"
                            android:padding="20dp"                              
                            />

                    </TableRow>

               </TableLayout>

       </HorizontalScrollView>

    </ScrollView>



</RelativeLayout>

完美无缺。