Question

我想使用上述视图滚动条和图表进行滚动，并使用嵌套滚动条进行滚动，但是我没有找到任何解决方案，但是我已经尝试了Coordinator布局，但是仍然没有成功，如果有人有解决方案，请帮忙

我的布局在

下方

<LinearLayout 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:background="@color/colorPrimary"
android:orientation="vertical">

<include
    android:id="@+id/toolbar"
    layout="@layout/tool_bar" />

<android.support.v4.widget.NestedScrollView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/background_top_corner">

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

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="150dp">

            <com.github.mikephil.charting.charts.PieChart
                android:id="@+id/pchart"
                android:layout_width="match_parent"
                android:layout_height="match_parent"/>
        </RelativeLayout>

        <android.support.design.widget.TabLayout
            android:id="@+id/tabs"
            style="@style/AppTabLayout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="@dimen/dimen_ten"
            android:layout_marginRight="@dimen/dimen_ten">

            <android.support.design.widget.TabItem
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout="@layout/row_open_tab" />

            <android.support.design.widget.TabItem
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout="@layout/row_delivered_tab" />
        </android.support.design.widget.TabLayout>

        <android.support.v4.view.ViewPager
            android:id="@+id/vp_docket_list"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/colorBackground"
            android:nestedScrollingEnabled="true" />

    </LinearLayout>
</android.support.v4.widget.NestedScrollView>
</LinearLayout>

Answer 1

使您的布局如此。应该可以。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@android:color/white"
    android:orientation="vertical">

    <android.support.v4.widget.NestedScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@color/light_white">

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

            <com.db.chart.view.LineChartView
                android:id="@+id/linechart"
                android:layout_width="match_parent"
                android:layout_height="200dp"
                android:layout_marginTop="20dp"/>

            <android.support.v4.view.ViewPager
                android:id="@+id/view_pager"
                android:layout_width="match_parent"
                android:layout_height="match_parent"/>

        </LinearLayout>

    </android.support.v4.widget.NestedScrollView>

</LinearLayout>

Answer 2

为什么不使用CoordinatorLayout？试试这种布局：

<CoordinatorLayout>
    <AppBarLayout>
       <Chart/>
       <TabLayout/>
    </AppBarLayout>
    <ViewPager>
</CoordinatorLayout>

如果ViewPager中的子视图不是RecyclerView，则必须使用NestScrollView包装。

带ViewPager和图表的Nestedscroll

2 个答案: