当前位置: 首页 > 知识库问答 >
问题:

使用视页和选项卡滚动问题

彭琛
2023-03-14

我有一个TabLayout和ViewPager的活动。我想要一个活动与折叠工具栏和三个标签,标签包含CardViews,但CardViews或viewpager是不可滚动的。

<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/city_detail_maincontent"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true">

    <android.support.design.widget.AppBarLayout
        android:id="@+id/city_detail_appbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:fitsSystemWindows="true"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

        <android.support.design.widget.CollapsingToolbarLayout
            android:id="@+id/collapse_toolbar_pokemon"
            android:layout_width="match_parent"
            android:layout_height="256dp"
            android:fitsSystemWindows="true"
            app:contentScrim="?attr/colorPrimary"
            app:layout_scrollFlags="scroll|exitUntilCollapsed">

            <ImageView
                android:id="@+id/city_detail_header"
                android:layout_width="250dp"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:background="@drawable/imagen_detalle"
                android:padding="16dp"
                android:fitsSystemWindows="true"
                android:scaleType="centerCrop"
                app:layout_collapseMode="parallax" />

            <android.support.v7.widget.Toolbar
                android:id="@+id/toolbarPokemon"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                android:gravity="top"
                android:minHeight="?attr/actionBarSize"
                app:layout_collapseMode="pin"
                app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />

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

        <android.support.design.widget.TabLayout
            android:id="@+id/tabsPokemon"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:layout_gravity="bottom"
            app:tabIndicatorColor="@android:color/white" />

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

    <android.support.v4.view.ViewPager
        android:id="@+id/vpPokemon"
        android:isScrollContainer="true"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior" />

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

在代码中,我加载了片段(使用ViewPagerAdapter)和foreach选项卡,但不能滚动它们。

不可滚动内容的布局如下:(我尝试使用ScrollView,但我做不到)

<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
    <LinearLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:isScrollContainer="true">

        <android.support.v7.widget.CardView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_margin="8dp">

            <RelativeLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content">

                <TextView
                    android:id="@+id/tvTitleInfoPokemon"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:padding="8dp"
                    android:textSize="24dp"
                    android:text="Basic Info"/>

                <TextView
                    android:id="@+id/tvPesoInfoPokemon"
                    android:layout_below="@+id/tvTitleInfoPokemon"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:padding="4dp"
                    android:text="Peso: 20kg"/>

                <TextView
                    android:id="@+id/tvAlturaInfoPokemon"
                    android:layout_below="@+id/tvPesoInfoPokemon"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:padding="4dp"
                    android:text="Altura: 1m"/>

            </RelativeLayout>

        </android.support.v7.widget.CardView>

        <android.support.v7.widget.CardView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_margin="8dp">

            <RelativeLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content">

                <TextView
                    android:id="@+id/tvTitleStatsPokemon"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:padding="8dp"
                    android:textSize="24dp"
                    android:text="Stats"/>

                <LinearLayout
                    android:layout_below="@+id/tvTitleStatsPokemon"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:layout_weight="1"
                    android:orientation="horizontal">
                    <LinearLayout
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:orientation="vertical"
                        android:layout_weight="1">
                        <TextView
                            android:id="@+id/hp"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:textSize="15dip"
                            android:paddingBottom="5dip"
                            android:paddingLeft="2dip"
                            android:text="HP "/>
                        <TextView
                            android:id="@+id/attack"
                            android:layout_below="@+id/hp"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:textSize="15dip"
                            android:paddingBottom="5dip"
                            android:paddingLeft="2dip"
                            android:text="Attack "/>
                        <TextView
                            android:id="@+id/defense"
                            android:layout_below="@+id/attack"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:textSize="15dip"
                            android:paddingBottom="5dip"
                            android:paddingLeft="2dip"
                            android:text="Defense "/>
                        <TextView
                            android:id="@+id/specialattack"
                            android:layout_below="@+id/defense"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:textSize="15dip"
                            android:paddingBottom="5dip"
                            android:paddingLeft="2dip"
                            android:text="Sp. Attack "/>
                        <TextView
                            android:id="@+id/specialdefense"
                            android:layout_below="@+id/specialattack"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:textSize="15dip"
                            android:paddingBottom="5dip"
                            android:paddingLeft="2dip"
                            android:text="Sp. Defence "/>
                        <TextView
                            android:id="@+id/speed"
                            android:layout_below="@+id/specialdefense"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:textSize="15dip"
                            android:paddingBottom="5dip"
                            android:paddingLeft="2dip"
                            android:text="Speed "/>
                        <TextView
                            android:id="@+id/total"
                            android:layout_below="@+id/speed"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:textSize="15dip"
                            android:paddingBottom="5dip"
                            android:paddingLeft="2dip"
                            android:textStyle="bold"
                            android:text="Total "/>
                    </LinearLayout>

                    <LinearLayout
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:orientation="vertical"
                        android:layout_weight="1">
                        <TextView
                            android:id="@+id/value_hp"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:textSize="15dip"
                            android:paddingBottom="5dip"
                            android:paddingLeft="2dip"
                            android:text="25"/>
                        <TextView
                            android:id="@+id/value_attack"
                            android:layout_below="@+id/hp"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:textSize="15dip"
                            android:paddingBottom="5dip"
                            android:paddingLeft="2dip"
                            android:text="74"/>
                        <TextView
                            android:id="@+id/value_defense"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:textSize="15dip"
                            android:paddingBottom="5dip"
                            android:paddingLeft="2dip"
                            android:text="25"/>
                        <TextView
                            android:id="@+id/value_special_attack"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:textSize="15dip"
                            android:paddingBottom="5dip"
                            android:paddingLeft="2dip"
                            android:text="25"/>
                        <TextView
                            android:id="@+id/value_special_defense"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:textSize="15dip"
                            android:paddingBottom="5dip"
                            android:paddingLeft="2dip"
                            android:text="25"/>
                        <TextView
                            android:id="@+id/value_speed"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:textSize="15dip"
                            android:paddingBottom="5dip"
                            android:paddingLeft="2dip"
                            android:text="25"/>
                        <TextView
                            android:id="@+id/value_total"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:textSize="15dip"
                            android:paddingBottom="5dip"
                            android:paddingLeft="2dip"
                            android:textStyle="bold"
                            android:text="25"/>
                    </LinearLayout>

                    <LinearLayout
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:orientation="vertical"
                        android:layout_weight="3">
                        <ProgressBar
                            android:id="@+id/progressBar1"
                            android:layout_width="match_parent"
                            android:layout_height="match_parent"
                            android:layout_gravity="center_horizontal"
                            style="?android:attr/progressBarStyleHorizontal"
                            android:progress="75"
                            android:max="255"
                            android:padding="4dip"
                            android:progressDrawable="@drawable/progressbarstats"/>

                        <ProgressBar
                            android:id="@+id/progressBar2"
                            android:layout_below="@+id/progressBar1"
                            android:layout_width="match_parent"
                            android:layout_height="match_parent"
                            android:layout_gravity="center_horizontal"
                            style="?android:attr/progressBarStyleHorizontal"
                            android:progress="65"
                            android:max="255"
                            android:padding="4dp"
                            android:progressDrawable="@drawable/progressbarstats"/>

                        <ProgressBar
                            android:id="@+id/progressBar3"
                            android:layout_width="match_parent"
                            android:layout_height="match_parent"
                            android:layout_gravity="center_horizontal"
                            style="?android:attr/progressBarStyleHorizontal"
                            android:progress="50"
                            android:max="255"
                            android:padding="4dp"
                            android:progressDrawable="@drawable/progressbarstats"/>
                        <ProgressBar
                            android:id="@+id/progressBar4"
                            android:layout_width="match_parent"
                            android:layout_height="match_parent"
                            android:layout_gravity="center_horizontal"
                            style="?android:attr/progressBarStyleHorizontal"
                            android:progress="80"
                            android:max="255"
                            android:padding="4dp"
                            android:progressDrawable="@drawable/progressbarstats"/>
                        <ProgressBar
                            android:id="@+id/progressBar5"
                            android:layout_width="match_parent"
                            android:layout_height="match_parent"
                            android:layout_gravity="center_horizontal"
                            style="?android:attr/progressBarStyleHorizontal"
                            android:progress="45"
                            android:max="255"
                            android:padding="4dp"
                            android:progressDrawable="@drawable/progressbarstats"/>
                        <ProgressBar
                            android:id="@+id/progressBar6"
                            android:layout_width="match_parent"
                            android:layout_height="match_parent"
                            android:layout_gravity="center_horizontal"
                            style="?android:attr/progressBarStyleHorizontal"
                            android:progress="25"
                            android:max="255"
                            android:padding="4dp"
                            android:progressDrawable="@drawable/progressbarstats"/>
                    </LinearLayout>

                </LinearLayout>

            </RelativeLayout>

        </android.support.v7.widget.CardView>

    </LinearLayout>
</ScrollView>

谢了!

共有1个答案

魏鸿哲
2023-03-14

不要使用scrollview,而是使用android.support.v4.widget.nestedscrollview,这样问题就可以解决了。

当您有两种可滚动视图时,建议使用NestedScrollView,因为它比ScrollView更好地处理触摸事件。也看看googler的这个例子,它和你的问题一样。

 类似资料:
  • 在我的应用程序中,我想使用一个动态tabView,其中每个选项卡都有一个不同页面的< code>ui:include。我有一个扩展< code>Tab的< code>TabObject列表。< code>TabObject有一个xhtml页面作为字符串属性: 在我的第一次尝试中,我想动态添加选项卡: 但是不适用于使用此技术的变量。到目前为止,我的解决方案是: 这是我的方法: 在事件回调中,我无法获

  • 我对tabView有问题。第一个选项卡应始终显示相同的内容(称为搜索模板,用#{not curSearch.isClosable()}标识)。所有其他选项卡都是搜索实例(用#{curSearch.isClosable()}标识) 代码如下: 不幸的是,在第一个选项卡上有一些被称为curSearch对象的方法,这些方法仅在第二个选项卡和后面的选项卡上使用。如果我不使用ui:insert,它不会改变任

  • [编辑] 类似于分部和模板的复杂嵌套问题 到目前为止,是使用Angulal-UI状态解决方案更好,还是应该坚持使用ng-包括? 到目前为止,我在AngularJS应用程序中每个URL有一个视图。我需要建立一个新的视图,它应该有3个选项卡,我在试图弄清楚如何设计视图架构方面遇到了困难。 请注意,这3个选项卡后面的业务模型对象是相同的。 第一个选项卡用于查看和编辑业务对象上的数据。所以第一个选项卡中已

  • 我有一个左向的Tabview。 我想减少选项卡标题的数量,它们太大了。我该怎么做?

  • 问题内容: 嗨,我想遍历一个人对象列表,并在每个人的选项卡中显示数据。我试过了: 这是行不通的。任何帮助表示赞赏 PrimeFaces 3.x的tabView现在支持动态数量的选项卡,并增加了自己的迭代功能: 不幸的是,仍然不可能在同一个tabView中同时包含固定和动态选项卡(正如我想做的那样),甚至无法在不重建视图的情况下动态添加选项卡。幸运的是,当使用SessionScoped或CDI Co

  • 我有一个奇怪的问题与和(与设计支持库22.2.0) 使用小于的内容,我应该有一个固定的内容。然而,尝试上下滚动内容,我可以得到内容被移位,再也不会出现在自己的位置上。 这里的代码: