向上滚动按钮 Android

Question

我有一个小问题。我在带有TextViews的布局scrollView中，现在我必须设置按钮以向上滚动scrollView，但我不知道如何在我的布局中设置好imageButton。这是我的架构。

Schema

我必须将这个 imageButton 设置到位，我在模式中显示，TextView5 非常长，当它开始滚动时，imageButton 应该开始可见，在滚动之前它应该是不可见的。

要向上滚动，我正在使用代码：

buttonScrollTop.setOnClickListener {
            scrollView.fullScroll(ScrollView.FOCUS_UP)
        }

我的xml：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_marginLeft="16dp"
    android:layout_marginRight="16dp"
    android:background="@color/colorBackgroundWhite">

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/scrollView"
        >

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:layout_marginLeft="16dp"
            android:layout_marginRight="16dp">

            <TextView
                android:id="@+id/TextView1"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:textSize="30sp"
                android:ellipsize="end"
                android:gravity="center"
                android:text="@string/text1" />

            <TextView
                android:id="@+id/TextView2"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:textSize="20sp"
                android:ellipsize="end"
                android:gravity="center"
                android:paddingBottom="8dp"
                android:text="@string/text2" />

            <TextView
                android:id="@+id/TextView3"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="@string/text3"/>

            <TextView
                android:id="@+id/TextView4"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:ellipsize="end"
                android:gravity="center"
                android:justificationMode="inter_word"
                android:paddingBottom="4dp"
                android:paddingTop="4dp"
                android:text="@string/text4" />

            <TextView
                android:id="@+id/TextView5"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:justificationMode="inter_word"
                android:ellipsize="end"
                android:text="@string/bigstringtext5" />

            <ImageButton
                android:id="@+id/buttonScrollTop"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                app:srcCompat="@android:drawable/ic_menu_upload" />

            <TextView
                android:id="@+id/TextView6"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:justificationMode="inter_word"
                android:ellipsize="end"
                android:gravity="center"
                android:text="@string/text6" />
        </LinearLayout>
    </ScrollView>
</RelativeLayout>

但现在 imageButton 在 TextView5 下；/ 我不知道如何在模式中设置它。 感谢您的帮助:)

Answer 1

检查以下代码 - 它将在右侧角落显示您在架构中定义的图像按钮。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginLeft="16dp"
android:layout_marginRight="16dp"
android:background="@color/colorBackgroundWhite">

<ScrollView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/scrollView"
    >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:layout_marginLeft="16dp"
        android:layout_marginRight="16dp">

        <TextView
            android:id="@+id/TextView1"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:textSize="30sp"
            android:ellipsize="end"
            android:gravity="center"
            android:text="@string/text1" />

        <TextView
            android:id="@+id/TextView2"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:textSize="20sp"
            android:ellipsize="end"
            android:gravity="center"
            android:paddingBottom="8dp"
            android:text="@string/text2" />

        <TextView
            android:id="@+id/TextView3"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@string/text3"/>

        <TextView
            android:id="@+id/TextView4"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:ellipsize="end"
            android:gravity="center"
            android:justificationMode="inter_word"
            android:paddingBottom="4dp"
            android:paddingTop="4dp"
            android:text="@string/text4" />

        <TextView
            android:id="@+id/TextView5"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:justificationMode="inter_word"
            android:ellipsize="end"
            android:text="@string/bigstringtext5" />

        <TextView
            android:id="@+id/TextView6"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:justificationMode="inter_word"
            android:ellipsize="end"
            android:gravity="center"
            android:text="@string/text6" />
    </LinearLayout>
</ScrollView>

<ImageButton
    android:contentDescription="@null"
    android:id="@+id/buttonScrollTop"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentEnd="true"
    android:layout_alignParentBottom="true"
    android:layout_margin="16dp"
    app:srcCompat="@android:drawable/ic_menu_upload"
    android:layout_alignParentRight="true" />

让按钮在滚动视图到达底部时可见

scrollView.getViewTreeObserver()
   .addOnScrollChangedListener(new ViewTreeObserver.OnScrollChangedListener() {
        @Override
        public void onScrollChanged() {
            if (scrollView.getChildAt(0).getBottom()
                 <= (scrollView.getHeight() + scrollView.getScrollY())) {
                //scroll view is at bottom
        //set the button visibility to visible here
            } else {
                //scroll view is not at bottom
        //set the button visibility to gone here
            }
        }
    });

Answer 2

我现在有一个错误。我在片段 1 中有函数，但这给片段 3 带来了问题。我在模式中显示了问题的所有结构。

schema

当我有活动时

viewpager.offscreenPageLimit = 1

当我打开也有 scrollView 的 Fragment 3 时，我得到了这个错误：

java.lang.IllegalStateException: scrollView1 must not be null

当我这样改变时

viewpager.offscreenPageLimit = 2(3,4,5 + etc) 

当我打开 Fragment 3 时，如果有大字符串我会延迟 1-2 秒，稍后我可以滚动。如果字符串很小，我没有这个问题。 有任何想法如何解决它？