嵌套的viewpagers:让外部滑动,但内部不滑动

时间:2019-02-27 21:05:55

标签: java android android-fragments kotlin android-viewpager

简而言之:

我有一个ViewPagervpOuter,它显示了一个片段,该片段具有另一个ViewPagervpInner

应该使用户能够在vpOuter的片段之间滑动,但是用vpInner显示的片段只能通过编程方式进行交换。

现在,在vpInner上滑动不会执行任何操作,而在vpInner的外部滑动则在vpOuter的片段之间切换。

如何做到在vpInner上刷卡被识别为在vpOuter之间刷卡?

(两个ViewPager之间互不了解)

全文:

好的,所以我有一个活动,该活动具有一个包含三个片段的视图寻呼机。

我们称它们为A,B和C。

现在,用户可以在它们之间滑动或使用底部导航。

A是我们的“查看器片段”,如果有要显示的内容,则显示某些内容;如果没有要显示的内容,则不显示任何内容,但一次只能显示一个内容。

A包含不可交换的视图寻呼机。

其背后的原因是我们要显示文本和图像以及谁知道什么,我们为要显示的每种媒体类型创建一个视图片段。因此,当我们有东西要显示时,我们检查那是什么,切换到相应的片段并用数据填充它。

结果,A将看起来像这样:

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout 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:orientation="vertical">


    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <[...].android.ui.widgets.NonswipableViewPager
            android:id="@+id/view_container"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />
    </LinearLayout>

    <!--irrrelevant floating action button here-->

</android.support.design.widget.CoordinatorLayout>

其中

/**A view pager that disables swiping to switch between pages.
 * Switching must happen programmatically.*/
class NonswipableViewPager:ViewPager{
    constructor(context:Context):super(context)
    constructor(context: Context,attributeSet: AttributeSet):super(context,attributeSet)

    override fun onInterceptTouchEvent(ev: MotionEvent?): Boolean {
        return false
    }

    override fun onTouchEvent(ev: MotionEvent?): Boolean {
        return false
    }
}

让我们假装只有我们要显示的文本内容。

然后我们有两个片段:

class NoContentView : AbstractContentView() {

    override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle?): View? {
        val fragmentView = inflater.inflate(R.layout.fragment_A_component_text_view, container, false)
        fragmentView.content.text = Html.fromHtml(getString(R.string.A_nothingToShow))
        return fragmentView
    }

    //more irrelevant stuff here
}

我们什么都没显示时显示,以及

class TextContentView:AbstractContentView(){
    @Volatile private var displayedData:String? = null

    override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle?): View? {
        val view = inflater.inflate(R.layout.fragment_A_component_text_view, container, false)
        displayedData?.let { view.content.text = it }
        return view
    }

    override fun display(c: IDisplayableContent) {
        displayedData = String(c.data, Charsets.UTF_8)
        content?.text = displayedData
    }
}

并且它们都将此处的布局膨胀:

<?xml version="1.0" encoding="utf-8"?>
<android.widget.LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    >

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:scrollbars="vertical"
        android:layout_gravity="center"
        android:fillViewport="true"
        >
        <TextView
            android:id="@+id/content"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:textAlignment="center"
            android:gravity="center"
            tools:text="PLACEHOLDER" />
    </ScrollView>
</android.widget.LinearLayout>

如果显示TextContentView,一切正常,我可以在片段ABC之间滑动,而不会出现问题。

但是,当显示NoContentView时,我需要有意识地避免在滑动时避免显示文本内容,否则它什么也不会做。

我该如何使其始终表现为好像不存在不可切换的视图寻呼机?

1 个答案:

答案 0 :(得分:1)

这里的问题是由于外部ViewPager感知到它具有可沿相同方向滚动的可滚动内容,因此外部ViewPager拒绝沿该方向滚动。

这可以通过在内部ViewPager中覆盖canScrollHorizontally(int direction)来返回false来解决。