一、Android侧项目整体开发流程 ? 二、ReactNative改造后话题圈整体流程 ?...3、FPS 版本对比： H5话题圈:avgFPS=54 ReactNative话题圈:avgFPS=52 主要优化点： 1.JS层使Listview控件渲染数据，废弃使用ScrollView控件。...二期规划： 目前官方暂提供的listview未采用item复用逻辑，仅在item不可见时置空，RecyclerView仍是Test控件只支持横向滚动。...主要优化点： 1.JS层使Listview控件渲染数据，废弃使用ScrollView控件。...二期规划： 目前官方暂提供的listview未采用item复用逻辑，仅在item不可见时置空，RecyclerView仍是Test控件只支持横向滚动。
一.Android侧项目整体开发流程 二.ReactNative改造后话题圈整体流程 三.ReactNative性能优化之路 本次版本开发周期较赶，加上视频组件本身相对复杂，融入ReactNative...3.FPS 版本对比： H5话题圈:avgFPS=54 ReactNative话题圈:avgFPS=52 主要优化点： 1)JS层使Listview控件渲染数据，废弃使用ScrollView控件。...二期规划： 目前官方暂提供的listview未采用item复用逻辑，仅在item不可见时置空，RecyclerView仍是Test控件只支持横向滚动。...话题圈详细数据: 主要优化点： 1)JS层使Listview控件渲染数据，废弃使用ScrollView控件。...二期规划： 目前官方暂提供的listview未采用item复用逻辑，仅在item不可见时置空，RecyclerView仍是Test控件只支持横向滚动。
一 ListView基本介绍 ListView是Android开发中常用的列表视图控件，用于展示垂直滚动的可变长度的数据列表。...功能：ListView可以在有限的屏幕空间内显示大量的数据，并支持用户滚动浏览。它提供了一个可滚动的列表容器，可以逐项地展示数据元素。...添加数据：通过适配器向ListView添加数据，可以使用适配器的方法（如add()、addAll()）添加单个或多个数据项。一旦数据被添加到适配器，ListView会自动刷新并显示新数据。...推荐在新项目中使用RecyclerView，它提供了更多的定制选项和优化功能。...getFirstVisiblePosition()：获取当前可见区域的第一个列表项的位置。 getLastVisiblePosition()：获取当前可见区域的最后一个列表项的位置。
概述 前面介绍了Android UI中的五大布局容器，本节课介绍实际项目当中经常会用到的组件-ListView，它也是一个布局容器，它的每一项就是我们的列表项，每一个列表项都是一块独立的布局，我们可把数据填充到每一个列表项中...的时候，才会显示滚动条，并且会自动影藏和显示 android:fastScrollEnabled=”true” //快速滚动效果，配置这个属性，在快速滚动的时候旁边会出现一个小方块的快速滚动效果...属性，需要用ListView或者其它显示大量Items的控件实时跟踪或者查看信息，并且希望最新的条目可以自动滚动到可视范围内。...(true);的效果是一样的，不活动的时候隐藏，活动的时候也隐藏 第七fadeScrollbars属性，android:fadeScrollbars=”true” 配置ListView布局的时候，设置这个属性为...true就可以实现滚动条的自动隐藏和显示。
测试结果发现：如果 ListView 设置为可见（visibile）的话，屏幕旋转时调用的 update 方法无效，如果 ListView 设置为不可见（gone）或者直接删除的话，屏幕旋转时调用的update...ListView不可见的情况（update生效，效果符合预期） 横屏效果图如下 ? 竖屏效果图如下 ? ListView可见的情况（update不生效，效果不符合预期） 横屏效果图如下 ?...监听屏幕旋转并调用PopupWindow的update方法，发现如果ListView可见的时候，update方法不生效，ListView不可见的时候update生效" /> <Button android...如果R.layout.activity_screen_change_update_popup中的ListView可见，则update无效 // 2....至于为什么有 ListView 的时候会触发到这个滚动事件，这个具体也不知道，不过从这里可以推测，可能不仅是ListView会出现这种情况，理论上还有很多其他的写法会导致转屏的时候触发到那个滚动事件，转屏这个操作太重了
如果该属性设置为 true，将会显示滚动图标，并允许用户拖动该滚动图标进行快速滚动 android:listSelector setSelector(int) 指定被选中的列表项上绘制的 Drawable...android:scrollingCache 如果设置为 true，该组件在滚动时将会使用绘制缓存 android:smoothScrollbar setSmoothScrollbarEnable(...这是默认值 normal : 当该 AbsListView 收到数据改变通知，且最后一个列表项可见时，该 AbsListView 将会滚动到底端 alwaysScroll : 该 AbsListView...总会自动滚动到底端 先从比较简单的子类ListView的使用方法开始学习，使用ListView主要有以下两种方式。...关于Module的作用不是很理解的，这里不再重复讲解了，建议回头再去看一遍之前的内容：掌握Android Studio项目结构 可以发现新建的listviewsample与app的目录结构完全相同
使listView往下滚动到其没有滚动到顶部，则取消其下拉状态，回到手指按下的初始状态 lastAction = MotionEvent.ACTION_DOWN; isPulling...在这个手势处理的实现中，当用户在下拉过程中突然将PullToRefreshListView往上拉，如果将PullToRefreshListView 拉到不处于“滚动到顶部的状态”时，则重置下拉状态，使得...如何判断ListView是否已经滚动到顶部 下一步，我们如何判断ListView是否处于“滚动到顶部”状态呢？这一问题我PullToRefreshListView的onScroll中解决。...= getChildAt(0); if (firstView.getTop() + distanceY = 0) { // 第一个view可见且其相对parent（该listView）的顶部距离大于等于...使得其回到顶部位置，则将该move动作交由系统进行响应 ev.setAction(MotionEvent.ACTION_MOVE); } } else { // 在下拉过程中往上拉动listView使listView
功能列表 QMUIAnimationListView 使 ListView 支持添加/删除 Item 的动画，支持自定义动画效果。...QMUIKeyboardHelper 提供更加便捷的方式针对给定的 EditText 显示/隐藏软键盘，并且提供了工具方法判断键盘是否当前可见。...QMUILinkTextView 使 TextView 能自动识别 URL、电话、邮箱地址，相比 TextView 有以下特点： 可以设置链接的样式。 可以设置链接的点击事件。...QMUIObservableScrollView 可以监听滚动事件的 ScrollView，并能在滚动回调中获取每次滚动前后的偏移量。...提供多个常用的 View 相关工具方法，如对 View 设置单个方向的 padding、从 ViewStub 中获取一个 View、判断 ListView 是否已经滚动到底部等等。
概述 GridView是Android的另一个列表容器，用法也跟ListView类似，它的布局是一个网格，一行可以有多个项，并且整个视图可以滚动，我们常见的应用有手机中的图库、launcher里面的应用列表...true就可以实现滚动条的自动隐藏和显示 10.android:fastScrollEnabled=”true” //GridView出现快速滚动的按钮(至少滚动4页才会显示) 11.android...” //设置为true时，你做好的列表就会显示你列表的最下面 14.android:transcriptMode=”alwaysScroll” //当你动态添加数据时，列表将自动往下滚动最新的条目可以自动滚动到可视范围内...15.android:drawSelectorOnTop=”false” //点击某条记录不放，颜色会在记录的后面成为背景色,内容的文字可见(缺省为false) 子项 layout/layout_grid_item.xml...类似，都需要设置Adapter来填充数据，除了填充数据之外，我们可能还需要添加每一项的点击事件，这时需要设置它的监听事件，与ListView设置监听事件一样，这里不赘述，代码中使用到的图片来自官方，可以参考以下地址
本文则介绍一个可以自动感知ListView下拉到底、然后可自动加载更多的支持下拉/上拉刷新的ListView。...然后计算和分析：当前ListView在屏幕可见区域内的第一个元素（firstVisibleItem）、ListView在可见区域内的元素数量（visibleItemCount），ListView全部元素的...// 之所以用GestureDetector而不完全依赖ListView.OnScrollListener，主要是因为当ListView在0个元素，或者当数据元素不多不足以多屏幕滚动显示时候（换句话说，...正常情况假设一屏可以显示15个，但ListView只有3个元素，那么ListView下方就会剩余空出很多空白空间，在此空间上的事件不触发ListView.OnScrollListener）。...// firstVisibleItem表明屏幕当前可见视野上第一个item的值， // visibleItemCount是可见视野中的数目。
滚动条的相关显示效果 先来看下ListView的滚动条有哪些显示效果。 滚动条自身的外观 这点不用说，就是滚动条自身的颜色，形状等。...可以看到在设置了Track之后在右侧滚动条下面出现一个贯穿整个ListView可见区域的红色线条。所以Track表示的是滚动条滑动时的”轨道”。...滚动条的大小 ListView是垂直滚动条，它的大小就是滚动条的宽度。 滚动条的显示位置 滚动条出现在ListView左边，还是右边，以及是显示在内侧还是外侧。...在XML中自定义ListView滚动条 自定义ListView滚动条可以直接在布局文件中对ListView进行配置。 先看下ListView在XML中有哪些和滚动条相关的配置选项。...android:fastScrollStyle android:fastScrollAlwaysVisible 可以看到ListView中有非常多的和滚动条相关的配置选项。
设置项目间分割符 2.设置项目间分隔线 ListView各个项目之间，可以通过设置分隔线来进行区分，系统提供了divider和dividerHeight这两个属性来帮我们实现这一功能。...隐藏ListView的滚动条 3.隐藏ListView的滚动条 默认的ListView在滚动时，在右边会显示滚动条，指定当前滚定的位置。...我们可以通过scrollbars属性来控制ListView的滚动状态。特别的，当scrollbars设置为none时，ListView无论滚动还是不滚动，就都不会出现滚动条了。...case 2:// 隐藏ListView的滚动条 LogUtils.d(position); // false-一直都显示 true-不活动时隐藏...true-不活动时隐藏，活动时显示 listView.setVerticalScrollBarEnabled(false); // 或者在
在Eclipse中新建一个Android项目，项目名就叫做RenRenSlidingLayout。...如果手指移动的距离是负数，且当前左侧布局是可见的，则认为当前手势是想要显示右侧布局。 * * @return 当前手势想显示右侧布局返回true，否则返回false。...，每次循环使线程睡眠20毫秒，这样肉眼才能够看到滚动动画。..." /> <ListView android:id="@+id/contentList" android:layout_width...2.ListView上下滚动时不会轻易滑出菜单。 3.正在滑动时屏蔽掉内容布局上的事件。 4.当菜单布局展示时，点击一下右侧的内容布局，可以将菜单隐藏。
Android控件的可见属性。 所有的Android控件都具有这个属性， 可以通过android:visibility进行指定，可选值有三种，visible、invisible和 gone。...visible表示控件是可见的，这个值是默认值，不指定 android:visibility时，控件都是可见的。...invisible表示控件不可见，但是它仍然占据着原来的位置和大小， 可以理解成控件变成透明状态了。 gone则表示控件不仅不可见，而且不再占用任何屏幕空间。...一个是从里往外撑，一个是从外往里撑 ScrollView ScrollView滚动视图是指当拥有很多内容，屏幕显示不完时，需要通过滚动跳来显示的视图。ScrollView只支持垂直滚动。...，如果可见就将 ProgressBar隐藏掉，如果不可见就将 ProgressBar显示出来。
那么下面我们就开始动手实现吧，首先新建一个Android项目，起名叫做ThreeDSlidingLayoutDemo。...，每次循环使线程睡眠5毫秒，这样肉眼才能够看到滚动动画。...，3D视图不可见。...android:layout_height="wrap_content" android:text="Menu" /> <ListView...="fill_parent" android:cacheColorHint="#00000000" > </LinearLayout
ListView专题 1.ListView属性： fadingEdge属性 ListView上边和下边有黑色的阴影,android : fadingEdge = "none"后就不会有阴影了 scrollbars...属性，隐藏滚动条 android : scrollbars = "none" setVerticalScrollBarEnabled(true); fadeScrollbars属性 android...: fadeScrollbars = "true" 设置此值为true就可以实现滚动条的自动隐藏和显示。...fastScrollEnabled属性 快速滚动滑块 android : fastScrollEnabled = "true" mListView.setFastScrollEnabled(true...android:drawSelectorOnTop = "false" 点击某条记录不放，颜色会在记录的后面，成为背景色，但是记录内容的文字是可见的 2.ListView.setEmptyView(
不罗嗦了，直接上代码，注释都已写好 /** * 继承自SwipeRefreshLayout,从而实现滑动到底部时上拉加载更多的功能. */ public class RefreshLayout extends...) { mListView = (ListView) childView; // 设置滚动监听器给ListView, 使得滚动的情况下也可以自动加载...android:layout_height="match_parent" android:layout_weight="8"> <ListView...android:id="@+id/lv" android:layout_width="match_parent" android:layout_height...refreshLayout.setOnLoadListener(this); } 最后在实现的刷新和上拉监听中加refreshLayout.setLoading(false);使下拉和上拉的加载框消失
本文介绍了Android ListView 实现上拉加载的示例代码，分享给大家，具体如下： ? 我们先分析一下如何实现 ListView 上拉加载。...ListView 要实现滚动，所以要监听 ListView 滚动事件，即 OnScrollListener() 事件。...当我们开始滚动时，Footer 布局才慢慢显示出来，所以需要监听 ListView 的 onTouch() 事件。...int firstVisibleItem;//当前第一个 Item 可见位置 private int scrollState;//当前滚动状态 private void initView...= null) { iLoadMoreListener.onLoadMore(); } } else if (state == PULL) {//如果是在下拉状态，不刷新数据 state = NONE;
最近项目中需要用到ListView下拉刷新的功能，一开始想图省事，在网上直接找一个现成的，可是尝试了网上多个版本的下拉刷新之后发现效果都不怎么理想。...然后对ListView的touch事件进行监听，如果当前ListView已经滚动到顶部并且手指还在向下拉的话，那就将下拉头显示出来，松手后进行刷新操作，并将下拉头隐藏。原理示意图如下： ?...的滚动状态来设定 {@link #ableToPull} * 的值，每次都需要在onTouch中第一个执行，这样可以判断出当前应该是滚动ListView，还是应该进行下拉。...在onTouch方法中的第一行就调用了setIsAbleToPull方法来判断ListView是否滚动到了最顶部，只有滚动到了最顶部才会执行后面的代码，否则就视为正常的ListView滚动，不做任何处理...我们最后再来总结一下，在项目中引入ListView下拉刷新功能只需三步： 1. 在Activity的布局文件中加入自定义的RefreshableView，并让ListView包含在其中。 2.
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
