scrollview悬停

最新推荐文章于 2024-02-22 20:51:50 发布
原创 最新推荐文章于 2024-02-22 20:51:50 发布 · 236 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#recyclerview #scrollview #悬停

本文介绍了一个基于安卓平台的应用列表页面实现方案，包括SwipeRefreshLayout下拉刷新、NestedScrollView嵌套滚动视图、RecyclerView适配器及加载更多功能。文中详细展示了如何通过监听滚动事件来实现顶部固定提示栏效果，并利用SearchView进行搜索过滤。

1.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
   >
    <androidx.swiperefreshlayout.widget.SwipeRefreshLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/swipe"
        >
        <androidx.core.widget.NestedScrollView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:id="@+id/scrollview_ID"
            android:descendantFocusability="blocksDescendants"
            >
        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            >
        <SearchView
            android:layout_width="match_parent"
            android:layout_height="35dp"
            android:id="@+id/search_ID"
            android:imeOptions="actionSearch"
            android:singleLine="true"
            android:queryHint="搜索"
            android:background="@drawable/search_background"
            android:layout_marginLeft="10dp"
            android:layout_marginRight="10dp"
            >
        </SearchView>
            <View
                android:layout_width="match_parent"
                android:layout_height="6dp"
                android:layout_below="@id/search_ID"
                android:background="#E3E0E0"
                android:id="@+id/big_ID"
                >
            </View>
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="40dp"
                android:orientation="horizontal"
                android:id="@+id/tip_ID"
                android:layout_marginLeft="10dp"
                android:layout_below="@id/big_ID"
                >
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="match_parent"
                    android:text="人员名单"
                    android:textStyle="bold"
                    android:textSize="12sp"
                    android:gravity="center"
                    />
                <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="match_parent"
                    android:src="@mipmap/enter"
                    android:gravity="center"
                    />
            </LinearLayout>
            <View
                android:layout_width="match_parent"
                android:layout_height="1dp"
                android:background="#E3E0E0"
                android:id="@+id/small_ID"
                android:layout_below="@+id/tip_ID"
                />
        <androidx.recyclerview.widget.RecyclerView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:id="@+id/recyclerView"
            android:layout_below="@id/small_ID"
            android:nestedScrollingEnabled="false"
            android:layoutAnimation="@anim/recycler_enter_anim"
            />
        <ImageView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:scaleType="fitXY"
            android:src="@mipmap/nothing"
            android:layout_below="@id/search_ID"
            android:id="@+id/nothing_ID"
            />
        </RelativeLayout>
        </androidx.core.widget.NestedScrollView>
    </androidx.swiperefreshlayout.widget.SwipeRefreshLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:orientation="horizontal"
        android:id="@+id/fix_ID"
        android:visibility="gone"
        android:background="#ffffffff"
        android:paddingLeft="10dp"
        >
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:text="人员名单"
            android:textStyle="bold"
            android:textSize="12sp"
            android:gravity="center"
            />
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:src="@mipmap/enter"
            android:gravity="center"
            />
    </LinearLayout>
</RelativeLayout>

2.fragment

package fragment

import adapter.UserAdapter
import android.os.Bundle
import android.util.Log
import android.view.KeyEvent
import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import android.widget.*
import androidx.core.widget.NestedScrollView
import androidx.fragment.app.Fragment
import androidx.recyclerview.widget.DividerItemDecoration
import androidx.recyclerview.widget.LinearLayoutManager
import androidx.recyclerview.widget.RecyclerView
import androidx.swiperefreshlayout.widget.SwipeRefreshLayout
import bean.UserBean
import com.example.filemanager.R
import com.google.gson.Gson
import com.google.gson.reflect.TypeToken
import com.yl.recyclerview.listener.OnScrollListener
import com.yl.recyclerview.wrapper.LoadMoreWrapper
import kotlinx.android.synthetic.main.fragment_message.*
import org.json.JSONObject
import org.xutils.common.Callback
import org.xutils.http.RequestParams
import org.xutils.x


class MessageFragment : Fragment(),View.OnKeyListener {
    private var mDataList:ArrayList<UserBean> = ArrayList()
    private var userAdapter:UserAdapter? = null
    private var recyclerView:RecyclerView? =null
    private var swipeRefreshLayout:SwipeRefreshLayout? = null
    private var mPageIndex = 1
    private var loadmorewrapper:LoadMoreWrapper? = null
    private var  nothing:ImageView? = null
    private val LogTag = "MessageFragment"
    private var searchView:SearchView? = null
    private var  keyword:String = ""
    private var nestedScrollView:NestedScrollView? = null
    override fun onCreateView(
        inflater: LayoutInflater,
        container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View? {
        var view = inflater.inflate(R.layout.fragment_message,container,false)
        userAdapter = UserAdapter(context!!,mDataList)
        loadmorewrapper = LoadMoreWrapper(userAdapter)
        val progressBar = ProgressBar(context)
        loadmorewrapper!!.setLoadingView(progressBar)
        val textView = TextView(context)
        textView.text = "没有更多啦..."
        loadmorewrapper!!.setLoadingEndView(textView)
        init(view)
        initAdapter()
        addData()
        return view
    }
    fun init(view:View){
        nothing = view.findViewById(R.id.nothing_ID)
        searchView = view.findViewById(R.id.search_ID)
        nestedScrollView = view.findViewById(R.id.scrollview_ID)
        nothing?.setOnClickListener(object :View.OnClickListener{
            override fun onClick(v: View?) {
                mPageIndex = 1;
                addData()
            }

        })
        recyclerView = view.findViewById(R.id.recyclerView)
        recyclerView!!.setNestedScrollingEnabled(false)
        recyclerView!!.addItemDecoration(DividerItemDecoration(context,DividerItemDecoration.VERTICAL))
        searchView?.also {
            it.setOnQueryTextListener(object :SearchView.OnQueryTextListener{
                override fun onQueryTextSubmit(query: String?): Boolean {
                    mPageIndex = 1;
                    addData()
                    return false
                }

                override fun onQueryTextChange(newText: String): Boolean {
                    keyword = newText
                    Log.d("keyWord",newText)
                    return false
                }

            })
        }
        nestedScrollView?.setOnScrollChangeListener(object :NestedScrollView.OnScrollChangeListener{
            override fun onScrollChange(
                v: NestedScrollView,
                scrollX: Int,
                scrollY: Int,
                oldScrollX: Int,
                oldScrollY: Int
            ) {
                if (scrollY >= (v.getChildAt(0).getMeasuredHeight() - v.getMeasuredHeight())) {
                    loadmorewrapper?.setLoadStateNotify(loadmorewrapper!!.LOADING);
                    mPageIndex++;
                    addData()
                    Log.d(LogTag,"pull to bottom")
                }
                Log.d(LogTag,"scrollY is: "+scrollY)
                Log.d(LogTag,"search_ID.height is: "+search_ID.height)
                Log.d(LogTag,"big_ID.height is: "+big_ID.height)
                if(scrollY>=search_ID.height+big_ID.height){
                    fix_ID?.visibility = View.VISIBLE
                    tip_ID?.visibility = View.INVISIBLE
                }else{
                    tip_ID?.visibility = View.VISIBLE
                    fix_ID?.visibility = View.INVISIBLE
                }



            }

        })
        recyclerView!!.addOnScrollListener(object: OnScrollListener() {
            override fun onLoadMore() {
                loadmorewrapper?.setLoadStateNotify(loadmorewrapper!!.LOADING);
               mPageIndex++;
               addData()
                Log.d(LogTag,"pull to bottom")
            }

        })
        swipeRefreshLayout  = view.findViewById(R.id.swipe)
        swipeRefreshLayout!!.setColorSchemeResources(R.color.colorPrimary)
        swipeRefreshLayout!!.setOnRefreshListener(object :SwipeRefreshLayout.OnRefreshListener{
            override fun onRefresh() {
                mPageIndex = 1;
                addData()
            }

        })

    }
   private fun initAdapter(){
        recyclerView?.also {
           it.layoutManager = LinearLayoutManager(activity)
            it.adapter = loadmorewrapper
        }

    }
   private fun addData(){
        var url = "http://ip:8080/map"
        var requestParams = RequestParams(url);
        requestParams.addParameter("page",mPageIndex)
       requestParams.addParameter("keyword",keyword)
        x.http().post(requestParams,object :Callback.CommonCallback<JSONObject>{
            override fun onFinished() {
                swipeRefreshLayout!!.isRefreshing = false
            }

            override fun onSuccess(result: JSONObject) {
              Log.d("MessageFragment", "success:" + result.toString())
                val list = Gson().fromJson<ArrayList<UserBean>>(result.getJSONArray("data").toString(),
                object : TypeToken<ArrayList<UserBean>>() {}.type)
                if(mPageIndex==1){
                    mDataList.clear()
                    if(list.size>0){
                        nothing?.visibility = View.INVISIBLE

                    }else{
                        nothing?.visibility = View.VISIBLE
                    }
                }
                mDataList.addAll(list)
                Log.d("MessageFragment","size is :"+mDataList.size)
              //  initAdapter()
//                if (mDataList.size < 52) {
//                    loadmorewrapper!!.setLoadStateNotify(loadmorewrapper!!.LOADING_COMPLETE)
//                } else {
                    // 设置所有数据加载完成状态，可自定义布局
                    loadmorewrapper!!.setLoadStateNotify(loadmorewrapper!!.LOADING_END)
           //     }
                loadmorewrapper?.notifyDataSetChanged()
                if(list.size>0){
                    recyclerView!!.scheduleLayoutAnimation()
                }

            }

            override fun onCancelled(cex: Callback.CancelledException?) {

            }

            override fun onError(ex: Throwable?, isOnCallback: Boolean) {
                Log.d("MessageFragment","error:"+ex.toString())
            }

        })

    }

    override fun onKey(v: View, keyCode: Int, event: KeyEvent): Boolean {
        if(keyCode==KeyEvent.KEYCODE_ENTER&&event.action == KeyEvent.ACTION_DOWN)
        {
        }
        return false
    }
}
Android中使用ScrollView指定view的顶部悬停效果
08-30
在项目开发中遇到这样的需求，需要实现scrollview顶部的悬停效果，实现原理非常简单，下面小编通过本文给大家分享实例代码，需要的朋友参考下
scrollView中内部控件的悬停
weixin_33895657的博客
05-08 208
以下图为例，图片，红色view和蓝色view是添加在scrollView上的，向上拖动，红色view停留在屏幕顶端不动，其它的继续滚动，向下拖动后，红色view跟着下来 代码如下:(注意的是scrollView中自动布局的设置问题) 1 #import "ViewController.h" 2 @interface ViewController () <UIScroll...
ScrollView顶部悬停效果
02-23
效果和实现请看这里：http://blog.youkuaiyun.com/z240336124/article/details/50724209
ScrollView滑动悬停效果
03-20
ScrollView滑动悬停效果
ios-UIScrollView嵌套UIScrollView 悬停效果.zip
07-11
UIScrollView嵌套UIScrollView 悬停效果
Scrollview-头部悬停加分发控制
09-27
"Scrollview-头部悬停加分发控制"是一个专门针对ScrollView的优化技术，它借鉴了应用商店常见的滑动头部颜色渐变效果，旨在为用户带来更流畅、更具交互性的滚动体验。这种效果在用户上拉或下拉时，会改变顶部区域的...
25_ScrollView实现悬浮标题栏效果
baopengjian的专栏
09-28 3878
效果图 Demo地址： #1 需求： ScrollView上滑时，ScrollView中内容标题会“固定住”，下滑时，滚动一段距离标题又随着ScrollView滚动 #2 原理 1)两个标题栏造成视觉错觉，一个标题栏和ScrollView在相同的RelativeLayout中，开始时隐藏； 2）监听ScrollView的滚动，当滚动一定距
Android ScrollView向上滑动控件顶部悬浮效果实现
09-29
Android ScrollView向上滑动控件顶部悬浮效果实现，请参考文章：http://blog.youkuaiyun.com/viviwen123/article/details/39669811
Android ScrollView实现向上滑动控件顶部悬浮效果
08-27
主要为大家详细介绍了Android ScrollView实现向上滑动控件顶部悬浮效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
RecyclerView滑动固定/悬停/折叠分组列表标题，NestScrollView折叠布局，解决和RecyclerView的滑动冲突
06-29
RecyclerView滑动固定/悬停/折叠分组列表标题，NestScrollView折叠布局，解决和RecyclerView的滑动冲突， 自定义View（柱状直方图、金融收益图、无线轮播图、带Icon的TabView），WebView预加载,主流首页框架的多种实现方式，.... 记录成长路上的点点滴滴。 不定期更新和优化--https://gitee.com/NiuDong/ZdDemo
Android 页面上滑置顶悬停实现 (CoordinatorLayout+AppBarLayout+CollapsingToolbarLayout+NestedScrollView)
赵星海
08-28 4741
我开始炒冷饭了啊,有人说这套组合已经被用烂了,有人说这玩意谁都会,其实没有人说哈,我就是怕被人说,提前预警哈. 最近,工作比较忙,好久都没有写一下博客来说点什么. 刚刚我去翻了一下项目,发现去年的上滑置顶页面可以给大家拿出来讲一下: 上滑触发置顶后的样子: 好,如果你也想要实现类似的效果,那么请你调整一下坐姿,开始进入正题. 内个谁! 后排的童鞋帮忙把同桌喊一下,别睡了...(...
Flutter NestedScrollView 、SliverAppBar全解析，悬浮菜单的应用
WangQingLei0307的博客
11-17 2007
上述便是通过NestedScrollView 、SliverAppBar实现的效果，通过两个控件我们便可以实现上述的效果。在我们开发过程中经常会使用到悬浮菜单的使用，当我们滑动到指定位置后，菜单会自动悬浮。以上便是菜单悬浮的效果实现，注释写的很详细，直接粘贴复制即可实现。
Flutter 可冻结的侧滑表格 sticky-headers-table 结合 NestedScrollView 吸顶悬浮的使用实践
pengbo6665631的博客
05-26 2617
一个类似云文档中表格固定顶部栏和左侧栏的需求，也就是冻结表格的功能。
Flutter NestedScrollView 内嵌视图滚动行为一致
最新发布
会煮咖啡的猫咪
02-22 1392
上一节讲了 CustomScrollView ，可以发现有的地方滚动并不是很连贯。 这时候就需要 NestedScrollView 来处理了。 今天会写一个如下图的例子来实现滚动一致。
flutter 上滑悬浮吸顶
androidhyf的博客
11-14 3002
使用 ：RefreshIndicator+NestedScrollView+(TabBar、TabView)+SmartRefresher打造可下拉刷新和上拉加载的tab吸顶效果。
Flutter 项目实战 滚动悬浮导航栏 十五
我很好
02-11 2498
滚动悬浮效果在app功能里面已经是家喻户晓了 图片 位于可扩展区域 「 SliverAppBar 」、需要指定可扩展的高度 「 expandedHeight 」 导航栏 「 TabBar 」 为 「 帖子 发言收藏 」位于可扩展区域 「 SliverAppBar 」的底部 导航视图 「 PageView One 」「 PageView Two 」「 PageView Three 」位于整个滚动视图 「 NestedScrollView 」 的主要部分「 body 」
实现ScrollView中layout悬停效果的方法
关于“ScrollView内layout的悬停效果”这一主题，知识点可以分为多个部分来详细解释。首先，我们来梳理一下ScrollView和layout这两个基础组件在Android开发中的作用和重要性，然后着重探讨如何为ScrollView中的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值