- 浏览: 2148218 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (1240)
- mac/IOS (287)
- flutter (1)
- J2EE (115)
- android基础知识 (582)
- android中级知识 (55)
- android组件(Widget)开发 (18)
- android 错误 (21)
- javascript (18)
- linux (70)
- 树莓派 (18)
- gwt/gxt (1)
- 工具(IDE)/包(jar) (18)
- web前端 (17)
- java 算法 (8)
- 其它 (5)
- chrome (7)
- 数据库 (8)
- 经济/金融 (0)
- english (2)
- HTML5 (7)
- 网络安全 (14)
- 设计欣赏/设计窗 (8)
- 汇编/C (8)
- 工具类 (4)
- 游戏 (5)
- 开发频道 (5)
- Android OpenGL (1)
- 科学 (4)
- 运维 (0)
- 好东西 (6)
- 美食 (1)
最新评论
-
liangzai_cool:
请教一下,文中,shell、C、Python三种方式控制led ...
树莓派 - MAX7219 -
jiazimo:
...
Kafka源码分析-序列5 -Producer -RecordAccumulator队列分析 -
hp321:
Windows该命令是不是需要安装什么软件才可以?我试过不行( ...
ImageIO读jpg的时候出现javax.imageio.IIOException: Unsupported Image Type -
hp321:
Chenzh_758 写道其实直接用一下代码就可以解决了:JP ...
ImageIO读jpg的时候出现javax.imageio.IIOException: Unsupported Image Type -
huanghonhpeng:
大哥你真强什么都会,研究研究。。。。小弟在这里学到了很多知识。 ...
android 浏览器
仿美团网,大众点评购买框悬浮效果之修改版
ScrollView中如果内容比较长,往下拉的时候有一部分(通常是菜单)View就一直固定在屏幕顶端,像个浮动条一样,该效果Web页面使用比较多。
实现这种效果需要重写ScrollView的onScrollChanged(),具体如下:
用法:
ScrollView中如果内容比较长,往下拉的时候有一部分(通常是菜单)View就一直固定在屏幕顶端,像个浮动条一样,该效果Web页面使用比较多。
实现这种效果需要重写ScrollView的onScrollChanged(),具体如下:
/** * 带浮动条的ScrollView * * */ public class ObservableScrollView extends ScrollView { private OnScrollListener onScrollListener = null; private View viewInScroll,viewOutScroll; public ObservableScrollView(Context context, AttributeSet attrs, int defStyle) { super(context, attrs, defStyle); } public ObservableScrollView(Context context, AttributeSet attrs) { super(context, attrs); } public ObservableScrollView(Context context) { super(context); } public void setOnScrollListener(OnScrollListener onScrollListener) { this.onScrollListener = onScrollListener; } @Override protected void onScrollChanged(int x, int y, int oldx, int oldy) { super.onScrollChanged(x, y, oldx, oldy); if (onScrollListener != null) { onScrollListener.onScrollChanged(this, x, y, oldx, oldy); } computeFloatIfNecessary(); } /** * 监听ScrollView滚动接口 * @author reyo * */ public interface OnScrollListener { public void onScrollChanged(ObservableScrollView scrollView, int x, int y, int oldx, int oldy); } /** * 设置需要浮动的View * @param viewInScroll ScollView内的view * @param viewFloat ScollView外的view,真正需要浮动的view */ public void setFloatView(View viewInScroll,View viewOutScroll){ this.viewInScroll=viewInScroll; this.viewOutScroll=viewOutScroll; } private void computeFloatIfNecessary(){ if(viewInScroll==null&&viewOutScroll==null){ return; } // 获取ScrollView的x,y坐标 int[] location = new int[2]; this.getLocationInWindow(location); // 获取浮动View的x,y坐标 int[] loc = new int[2]; viewInScroll.getLocationOnScreen(loc); // 当浮动view的y <= ScrollView的y坐标时,把固定的view显示出来 if (loc[1] <= location[1]) { // 处理一下把原有view设置INVISIBLE,这样显示效果会好点 viewOutScroll.setVisibility(View.VISIBLE); viewInScroll.setVisibility(View.INVISIBLE); } else { // 记得还原回来 viewOutScroll.setVisibility(View.GONE); viewInScroll.setVisibility(View.VISIBLE); } } }
用法:
public class TestActivity extends Activity{ private ObservableScrollView scrollView; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_float); scrollView = (ObservableScrollView) findViewById(R.id.scrollView); scrollView.setFloatView(findViewById(R.id.viewInScroll), findViewById(R.id.viewOutScroll)); scrollView.setOnScrollListener(new com.reyo.view.ObservableScrollView.OnScrollListener() { @Override public void onScrollChanged(ObservableScrollView scrollView, int x, int y, int oldx, int oldy) { Log.i("tag", "y="+y+";oldy="+oldy); } }); } }
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" > <com.reyo.view.ObservableScrollView android:id="@+id/scrollView" android:layout_width="match_parent" android:layout_height="match_parent" > <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical" > <ImageView android:id="@+id/img" android:layout_width="match_parent" android:layout_height="wrap_content" android:src="@drawable/pic" /> <LinearLayout android:id="@+id/viewInScroll" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" > <Button android:id="@+id/button0" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:text="排队叫号" /> <Button android:id="@+id/button1" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:text="预定桌位" /> </LinearLayout> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="20dp" android:padding="5dp" android:text="@string/test1" android:textColor="#555555" android:textSize="20dip" /> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="20dp" android:padding="5dp" android:text="@string/test2" android:textColor="#555555" android:textSize="20dip" /> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="20dp" android:padding="5dp" android:text="@string/test3" android:textColor="#555555" android:textSize="20dip" /> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="20dp" android:padding="5dp" android:text="@string/test4" android:textColor="#555555" android:textSize="20dip" /> </LinearLayout> </com.reyo.view.ObservableScrollView> <FrameLayout android:id="@+id/viewOutScroll" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignParentTop="true" android:visibility="gone" > <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" > <Button android:id="@+id/button0" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:text="排队叫号" /> <Button android:id="@+id/button1" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:text="预定桌位" /> </LinearLayout> </FrameLayout> </RelativeLayout>
发表评论
-
带你深入理解 FLUTTER 中的字体“冷”知识
2020-08-10 23:40 576本篇将带你深入理解 Flutter 开发过程中关于字体和文 ... -
Flutter -自定义日历组件
2020-03-01 17:56 1036颜色文件和屏幕适配的文件 可以自己给定 import ... -
Dart高级(一)——泛型与Json To Bean
2020-02-23 19:13 930从 Flutter 发布到现在, 越来越多人开始尝试使用 Da ... -
flutter loading、Progress进度条
2020-02-21 17:03 1041Flutter Progress 1 条形无固定值进度条 ... -
Flutter使用Https加载图片
2020-02-21 01:39 907Flutter使用Https加载图片 使用http加载图片出 ... -
flutter shared_preferences 异步变同步
2020-02-21 00:55 771前言 引用 在开发原生iOS或Native应用时,一般有判断上 ... -
Flutter TextField边框颜色
2020-02-19 21:31 861监听要销毁 myController.dispose(); T ... -
flutter Future的正确用法
2020-02-18 21:55 738在flutter中经常会用到异步任务,dart中异步任务异步处 ... -
记一次Flutter简单粗暴处理HTTPS证书检验方法
2020-02-18 14:13 835最近在做Flutter项目到了遇到一个无解的事情,当使用Ima ... -
flutter 获取屏幕宽度高度 通知栏高度等屏幕信息
2019-07-27 08:39 1230##MediaQuery MediaQuery.of(con ... -
关于flutter RefreshIndicator扩展listview下拉刷新的问题
2019-07-10 19:40 1001当条目过少时listview某些嵌套情况下可能不会滚动(条目 ... -
flutter listview 改变状态的时候一直无限添加
2019-07-10 16:01 681setstate的时候会一直无限的调用listview.bui ... -
Flutter Android端启动白屏问题的解决
2019-07-09 00:51 1408问题描述 Flutter 应用在 Android 端上启动时 ... -
Flutter中SnackBar使用
2019-07-08 23:43 686底部弹出,然后在指定时间后消失。 注意: build(Bui ... -
Flutter 之点击空白区域收起键盘
2019-07-08 18:43 1669点击空白处取消TextField焦点这个需求是非常简单的,在学 ... -
Flutter 弹窗 Dialog ,AlertDialog,IOS风格
2019-07-08 18:04 1295import 'package:flutter/mate ... -
flutter ---TextField 之 输入类型、长度限制
2019-07-08 14:30 2205TextField想要实现输入类型、长度限制需要先引入impo ... -
【flutter 溢出BUG】键盘上显示bottom overflowed by 104 PIXELS
2019-07-08 11:13 1451一开始直接使用Scaffold布局,body:new Colu ... -
解决Flutter项目卡在Initializing gradle...界面的问题
2019-07-07 12:53 800Flutter最近很火,我抽出了一点时间对Flutter进行了 ... -
关于android O 上 NotificationChannel 的一些注意事项
2019-07-04 11:47 891最近在适配android O,遇到个问题,应用中原本有设置界面 ...
相关推荐
一款非常绚丽的ScrollView动画,让ScrollView的头部实现了伸缩动画效果
ios scrollview循环 支持自定义点击事件,简单易于添加到自己的项目中!ARC
cocos2d-x中ScrollView的实现
本文实例为大家分享了Unity实现ScrollView滑动吸附的具体代码,供大家参考,具体内容如下 最近在做一个展示模块的时候遇到了一个需要实现滑动窗口并且能固定吸附距离的需求,借助UGUI的ScrollView的API以及Dotween...
将开源项目PullToRefresh中的ScrollView下拉刷新提取出来了,可直接集成到项目中。
Scrollview中嵌套ViewPager和ListView常出现的问题: ViewPager如果在Scrollview中使用,并且宽高指定为match_parent或者wrap_content则不会显示内容,但是如果将高度指定为200dp,则ViewPager则会将内容显示到屏幕...
Android scrollview 滚动条
ScrollView实现可上下拉动
通过自定义ScrollView实现瀑布流功能
使用RN 的Scrollview 实现轮播图效果
使用ScrollView实现轮播图,可以点击,用到SDWebImage
最近写了一个ScrollView中嵌套ListView实现下拉刷新的Demo, 相关blog 为: http://blog.csdn.net/u013015161/article/details/45680037
uniapp-scrollview实现双联动。点击标题,scrollview部分对应滑动。scrollview部分滑动,标题部分对应高亮
WPF的scrollview滚动条设置,包括上一页下一页上一条吓一条设置
scrollView加自定义view实现的下拉刷新功能,方便理解scrollView的几个常用属性;
ScrollView中嵌套
很多朋友因项目需求问题需要在ScrollView中嵌套使用ListView或ScrollView 但是彼此的滑动事件会发生冲突,网上大多数都是计算ListView的高度来解决这个问题,但个人亲手尝试 结果ListView的Item要是过多的话ListView...
解决系统ListView不能直接放在ScrollView中,自定义了一个ListView,实现ListView全部功能
简单实现scrollview的无限循环
解决ScrollView ListView 滚动条冲突 ,其它带滚动条的控件一样适用 ,主要是固定内层控件的高度 达到可滑动的效果