android - 如何使用固定 View 创建垂直分页

我有4个片段，我想创建一种垂直的viewpager，但我需要保持上一页的视图可见。
更多细节：
片段A的底部有一个文本视图（tv1）和其他视图。
片段b的底部有一个textview（tv2）和其他视图。
片段c的底部有一个textview（tv3）和其他视图。
我开始我的活动，片段A占据了整个布局。
单击按钮->片段A向上滑动，片段B出现，但Tv1仍应可见并固定在屏幕顶部。
点击按钮->片段B向上滑动，片段C出现，但Tv2应该仍然可见并固定在屏幕顶部（Tv2应该取代Tv1）。
如果我点击tv2，片段b将重新出现在片段b的上方。

我怎样才能得到这种行为？

最佳答案

我终于实现了一些类似于你所要求的东西。下面是它的外观：

可能有点老套，不过我就是这么存档的：
首先，我需要一些TvFragment：

public class TvFragment extends android.support.v4.app.Fragment {

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View rootView = inflater.inflate(R.layout.tv_fragment, container, false);
        TextView textView = (TextView)rootView.findViewById(R.id.tvTextView);
        textView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                ((OnScrollChanged)getActivity()).onScroll(TvFragment.this);
            }
        });

        return rootView;
    }

    public void display(int height, String tvTitle, int backgroundColor) {
        if (getView() == null) {
            return;
        }

        ViewGroup.LayoutParams params = getView().getLayoutParams();
        params.height = height;
        getView().setLayoutParams(params);

        TextView textView = (TextView)getView().findViewById(R.id.tvTextView);
        textView.setText(tvTitle);
        getView().setBackgroundColor(backgroundColor);
    }
}

它是tv_fragment.xml：

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
    <TextView
        android:layout_gravity="bottom"
        android:id="@+id/tvTextView"
        android:gravity="center"
        android:textColor="#FFFFFF"
        android:textSize="24sp"
        android:background="@drawable/textview_backgroud_selector"
        android:padding="8dp"
        android:layout_margin="@dimen/tv_button_margin"
        android:layout_width="match_parent"
        android:layout_height="@dimen/tv_button_height" />
</FrameLayout>

然后我们需要用片段填充Activity。
然后，我们需要一个适配器来填充我们的片段：
activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<ScrollView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/scrollView"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <LinearLayout
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <fragment
            android:id="@+id/fragmentA"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:name="klogi.com.verticalpagination.TvFragment"/>
        <fragment
            android:id="@+id/fragmentB"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:name="klogi.com.verticalpagination.TvFragment"/>
        <fragment
            android:id="@+id/fragmentC"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:name="klogi.com.verticalpagination.TvFragment"/>
    </LinearLayout>
</ScrollView>

也就是说，我们把三个片段放在一起。
在片段和活动之间进行通信的小助手：

public interface OnScrollChanged {
    void onScroll(Fragment fragment);
}

最后一块是ScrollView类：

public class MainActivity extends AppCompatActivity implements OnScrollChanged {

    TvFragment fragmentA;
    TvFragment fragmentB;
    TvFragment fragmentC;

    int bigFragmentHeight;
    int smallFragmentHeight;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        getSupportActionBar().hide();

        DisplayMetrics metrics = new DisplayMetrics();
        getWindowManager().getDefaultDisplay().getMetrics(metrics);
        bigFragmentHeight = metrics.heightPixels - getStatusBarHeight();
        smallFragmentHeight = bigFragmentHeight - getResources().getDimensionPixelSize(R.dimen.tv_button_height) - 2 * getResources().getDimensionPixelSize(R.dimen.tv_button_margin);

        fragmentA = (TvFragment)getSupportFragmentManager().findFragmentById(R.id.fragmentA);
        fragmentA.display(bigFragmentHeight, "TV1", Color.BLUE);

        fragmentB = (TvFragment)getSupportFragmentManager().findFragmentById(R.id.fragmentB);
        fragmentB.display(smallFragmentHeight, "TV2", Color.RED);

        fragmentC = (TvFragment)getSupportFragmentManager().findFragmentById(R.id.fragmentC);
        fragmentC.display(smallFragmentHeight, "TV3", Color.YELLOW);

        ScrollView scrollView = (ScrollView)findViewById(R.id.scrollView);
        scrollView.setOnTouchListener( new View.OnTouchListener(){
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                return true;
            }
        });
    }

    public int getStatusBarHeight() {
        int result = 0;
        int resourceId = getResources().getIdentifier("status_bar_height", "dimen", "android");
        if (resourceId > 0) {
            result = getResources().getDimensionPixelSize(resourceId);
        }

        return result;
    }

    @Override
    public void onScroll(Fragment fragment) {
        ScrollView scrollView = (ScrollView)findViewById(R.id.scrollView);
        int currentScroll = scrollView.getScrollY();

        if (fragment.equals(fragmentA)) {
            if (currentScroll == 0) {
                scrollView.smoothScrollTo(0, smallFragmentHeight);
            } else {
                scrollView.smoothScrollTo(0, 0);
            }
        } else if (fragment.equals(fragmentB)) {
            if (currentScroll == smallFragmentHeight) {
                scrollView.smoothScrollTo(0, smallFragmentHeight + bigFragmentHeight);
            } else {
                scrollView.smoothScrollTo(0, smallFragmentHeight);
            }
        } else if (fragment.equals(fragmentC)) {
            // do nothing
        }
    }
}

我在这里要做的是禁用interface的“正常”滚动，这取决于单击了哪个片段的按钮-向上或向下平滑滚动。
我还使用了这些资源：
迪蒙斯：

<resources>
    <dimen name="tv_button_height">48dp</dimen>
    <dimen name="tv_button_margin">8dp</dimen>
</resources>

颜色：

<resources>
    <color name="textview_backgroud">#AAAAAA</color>
    <color name="textview_backgroud_pressed">#777777</color>
</resources>

和文本视图背景选择器：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true" android:color="@color/textview_backgroud_pressed"/>
    <item android:color="@color/textview_backgroud"/>
</selector>

我已将完整的项目上传到我的Dropbox-feel free to check it out
就是这样！希望能帮上忙