Android滑动定位与吸附悬停功能如何实现？

Android滑动定位和吸附悬停的实现

一、

在Android应用开发中，滑动定位和吸附悬停效果是一种常见的交互模式，特别是在使用TabLayout与RecyclerView或ScrollView配合时，这种效果可以提升用户体验，使用户在滚动内容时能够快速定位到特定的锚点，并且顶部的TabLayout能够吸附在屏幕顶部，提供便捷的导航。

二、实现原理

1、布局结构：

使用两个TabLayout，一个作为占位符（holderTabLayout），位于原始位置，随ScrollView滚动；另一个是实际用户操作的TabLayout（realTabLayout），在滑动过程中动态调整位置。

将这两个TabLayout以及其他需要展示的内容放置在一个FrameLayout中，以便实现层叠效果。

2、数据初始化：

初始化占位TabLayout和实际TabLayout，并设置它们的标签和样式。

创建一个列表（如anchorList）来存储每个锚点的位置信息，以便后续根据滚动位置进行定位。

3、滑动监听：

为ScrollView设置滑动监听器，当用户滚动时获取当前的滚动位移（scrollTop）。

根据滚动位移计算TabLayout的Y坐标，如果TabLayout的顶部边缘距离屏幕顶部小于某个阈值（如TabLayout的高度），则将其设置为固定在屏幕顶部；否则，让其跟随滚动。

4、吸附悬停效果：

当TabLayout滑动到屏幕顶部时，通过动画效果使其平滑地切换到新的位置，并保持吸附状态。

三、示例代码

以下是一个简化的示例代码，展示了如何在Android中实现滑动定位和吸附悬停效果：

<!-activity_main.xml -->
<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:orientation="vertical">
    <com.tabscroll.CustomScrollView
        android:id="@+id/scrollView"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <FrameLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent">
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical">
                <!-内容区域，例如RecyclerView -->
                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="0dp"
                    android:orientation="horizontal"
                    android:weightSum="1"
                    app:layout_behavior="@string/appbar_scrolling_view_behavior">
                    <!-这里放置你的TabLayout和RecyclerView -->
                </LinearLayout>
            </LinearLayout>
        </FrameLayout>
    </com.tabscroll.CustomScrollView>
</LinearLayout>

// MainActivity.java
public class MainActivity extends AppCompatActivity {
    private TabLayout holderTabLayout;
    private TabLayout realTabLayout;
    private CustomScrollView scrollView;
    private LinearLayout container;
    private String[] tabTxt = {"客厅", "卧室", "餐厅", "书房", "阳台", "儿童房"};
    private List<AnchorView> anchorList = new ArrayList<>();
    private boolean isScroll;
    private int lastPos = 0;
    private ViewTreeObserver.OnGlobalLayoutListener listener;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
        initData();
    }
    private void initView() {
        holderTabLayout = findViewById(R.id.tablayout_holder);
        realTabLayout = findViewById(R.id.tablayout_real);
        scrollView = findViewById(R.id.scrollView);
        container = findViewById(R.id.container);
    }
    private void initData() {
        for (int i = 0; i < tabTxt.length; i++) {
            AnchorView anchorView = new AnchorView(this);
            anchorView.setAnchorTxt(tabTxt[i]);
            anchorView.setContentTxt(tabTxt[i]);
            anchorList.add(anchorView);
            container.addView(anchorView);
        }
        for (int i = 0; i < tabTxt.length; i++) {
            holderTabLayout.addTab(holderTabLayout.newTab().setText(tabTxt[i]));
            realTabLayout.addTab(realTabLayout.newTab().setText(tabTxt[i]));
        }
        listener = new ViewTreeObserver.OnGlobalLayoutListener() {
            @Override
            public void onGlobalLayout() {
                // 计算让最后一个view高度撑满屏幕
                int screenH = getScreenHeight();
                int statusBarH = getStatusBarHeight(MainActivity.this);
                int tabH = holderTabLayout.getHeight();
                int lastH = screenH statusBarH tabH 16  3;
                AnchorView anchorView = anchorList.get(anchorList.size() 1);
                if (anchorView.getHeight() < lastH) {
                    FrameLayout.LayoutParams params = (FrameLayout.LayoutParams) anchorView.getLayoutParams();
                    params.height = lastH;
                    anchorView.setLayoutParams(params);
                }
            }
        };
        container.getViewTreeObserver().addOnGlobalLayoutListener(listener);
    }
}

上述代码仅为示例，实际应用中可能需要根据具体需求进行调整和完善。CustomScrollView是一个自定义的滚动视图类，可能需要额外实现一些逻辑来处理TabLayout的滑动和吸附行为。