android 上滑下滑标题切换效果实现。

Question

如图所示，它不是像viewpager一样的切换是4个fragment，是整个一个页面，滑动到对应的区域标题就跟着切换，点击标题也能切换到对应的区域，因为最底下是评论，我发现有上拉加载功能，所以个人认为用的是整个一个pulltorefreshlistview，根据listview中的type判断的？具体是如何实现呢，还有那个点击滑动到对应区域的效果，希望大神能给与解答。

Answer 1

以下回答参考 皆我百晓生、券券喵儿 等免费微信小程序相关内容作答，并由本人整理回复。

要实现这种滑动标题切换和点击触发的切换效果，你可以使用RecyclerView或者PullToRefreshListView。这里我将为你提供一个简单的示例来展示如何实现这一效果：

第一步：创建布局文件

首先，我们需要创建一个适配器来处理列表项的数据，并设置相应的点击事件。

<?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:orientation="vertical">

    <com.example.myapp.RvAdapter></com.example.myapp.RvAdapter>

</LinearLayout>

第二步：定义适配器

在你的Activity或Fragment中，创建一个自定义的适配器类，用于管理列表项的显示。

public class RvAdapter extends RecyclerView.Adapter<RvAdapter.MyViewHolder> {

    private List<MyItem> items;
    private Context context;

    public interface MyItemClickListener {
        void onItemClick(int position);
    }

    // 假设你已经有了MyItem和MyItemList等数据结构
    public static final class MyItem implements Comparable<MyItem> {
        String title;
        int type;

        public MyItem(String title, int type) {
            this.title = title;
            this.type = type;
        }

        @Override
        public int compareTo(MyItem other) {
            return Integer.compare(type, other.type);
        }
    }

    public RvAdapter(List<MyItem> items, Context context) {
        this.items = items;
        this.context = context;
    }

    @NonNull
    @Override
    public MyViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.list_item, parent, false);
        return new MyViewHolder(view);
    }

    @Override
    public void onBindViewHolder(@NonNull MyViewHolder holder, int position) {
        holder.bind(items.get(position));
    }

    @Override
    public int getItemCount() {
        return items.size();
    }

    public static class MyViewHolder extends RecyclerView.ViewHolder {
        private TextView titleView;

        public MyViewHolder(View itemView) {
            super(itemView);
            titleView = itemView.findViewById(R.id.title_view);
        }

        public void bind(MyItem item) {
            titleView.setText(item.getTitle());
        }
    }
}

第三步：添加点击监听器

在RvAdapter中添加点击事件监听器，以便在用户点击时触发相应的操作。

// 在MyItem类中添加一个点击方法
public void onClick(MyItem item) {
    // 这里可以添加具体的逻辑，例如调用ItemClickListener
}

// 在RvAdapter中添加点击事件
@Override
public void onBindViewHolder(@NonNull MyViewHolder holder, int position) {
    MyItem item = items.get(position);

    // 点击事件
    holder.itemView.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            item.onClick(item); // 调用item的onClick方法
        }
    });

    // 其他绑定视图的操作...
}

第四步：添加滑动效果

为了实现上下滚动切换效果，我们可以使用PullToRefreshListView。首先，你需要导入相关的库：

<!-- PullToRefreshListView -->
<com.google.android.material.pullrefresh.layout.PullToRefreshListView
    ...
>

然后，在RvAdapter中添加滑动监听器：

// 添加滑动监听器
@Override
protected void onScrollStateChanged(RecyclerView recyclerView, int newState) {
    super.onScrollStateChanged(recyclerView, newState);
    if (newState == SCROLL_STATE_IDLE && !isRefreshing()) {
        // 当滑动停止且没有正在刷新时，开始滑动更新UI
        startLoading(true);
    } else if (!isRefreshing() && isScrolledToEnd()) {
        // 如果已到达底部并且未正在进行刷新，则停止刷新并结束滑动
        stopLoading();
    }
}

private boolean isScrolledToEnd() {
    return getAdapterPosition() == getItemCount() - 1;
}

private void startLoading(boolean showProgress) {
    // 开始加载更多数据
    // 这里只是一个基本的例子，实际应用中可能需要更复杂的逻辑
    showProgress ? showLoading() : hideLoading();
}

private void stopLoading() {
    // 停止加载更多数据
    // 这里只是一个基本的例子，实际应用中可能需要更复杂的逻辑
    hideLoading();
}

第五步：添加上拉加载功能

对于上拉加载功能，你可以在onScrollStateChanged方法中添加以下代码：

private boolean isRefreshing() {
    return refreshing;
}

private void startRefreshing() {
    // 开始刷新状态
    refreshing = true;
}

private void stopRefreshing() {
    // 停止刷新状态
    refreshing = false;
}

private void refreshComplete() {
    // 刷新完成后的操作
    refreshing = false;
}

这样，当你点击某个列表项时，会触发相应的逻辑，包括点击事件、滑动更新UI以及控制刷新等操作。