如何在Android中利用ScrollView实现一个顶部悬停效果
这期内容当中小编将会给大家带来有关如何在Android中利用ScrollView实现一个顶部悬停效果,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。
我们提供的服务有:做网站、成都网站制作、微信公众号开发、网站优化、网站认证、梓潼ssl等。为1000多家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的梓潼网站制作公司
原理:
原理其实很简单就是对view的gone和visible,写两个相同的要置顶的view,一个设置为gone,一个为visible,当可见的view超出屏幕范围的时候,将不可以的view设置为visible,不可见的view 与scrollview要同级,这样滑动的时候不会影响到view的位置。
直接上代码
<?xml version="1.0" encoding="utf-8"?>
接下来要重写scrollview,为什么要重写ScrollView,scrollview的滑动监听事件setOnScrollChangeListener 这个方法是在6.0以上才能用的。为了考虑低版本的的需求,要重写ScrollView把接口开放出来。
重写ScrollView
public class ObservableScrollView extends ScrollView { private ScrollViewListener scrollViewListener = null; public ObservableScrollView(Context context) { super(context); } public ObservableScrollView(Context context, AttributeSet attrs, int defStyle) { super(context, attrs, defStyle); } public ObservableScrollView(Context context, AttributeSet attrs) { super(context, attrs); } public void setScrollViewListener(ScrollViewListener scrollViewListener) { this.scrollViewListener = scrollViewListener; } @Override protected void onScrollChanged(int x, int y, int oldx, int oldy) { super.onScrollChanged(x, y, oldx, oldy); if (scrollViewListener != null) { scrollViewListener.onScrollChanged(this, x, y, oldx, oldy); } } public interface ScrollViewListener { void onScrollChanged(ScrollView scrollView, int x, int y, int oldx, int oldy); } }
我把重写的ScrollView命名为ObservableScrollView,重写三个构造方法,都是换汤不换药的作法,这里就不赘述。 最重要的是重写onScrollChanged这个方法,如何把滑动监听事件开放出去呢,其实也就是写一个监听回调,参数和onScrollChanged里面的的参数一样就可以了,当然主要不是用到这些参数,只是为了判断ScrollView的滑动事件,参数对于这个功并不是很重要。那这样,一个简单的自定义就写好了scrollview
如何去用?
用法也是挺简单的,直接上代码
@Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_scroll_view); mTextView = ((TextView) findViewById(R.id.specific_text_view)); mScrollView = ((ObservableScrollView) findViewById(R.id.scrollview)); mVisibleTextView = ((TextView) findViewById(R.id.specific_text_view_gone)); mTextView.setOnClickListener(this); mScrollView.setScrollViewListener(this); }
这里onCreate方法里面的,也简单,拿到view 并且设置监听事件,当然,这里多实现了一个点击view置顶的功能,监听设置好以后,实现相应的接,接下来就是重头戏了
@Override public void onScrollChanged(ScrollView scrollView, int x, int y, int oldx, int oldy) { int[] location = new int[2]; mTextView.getLocationOnScreen(location); int xPosition = location[0]; int yPosition = location[1]; Log.d("ScrollViewActivity", "yPosition:" + yPosition); int statusBarHeight = getStatusBarHeight(); Log.d("ScrollViewActivity", "statusBarHeight:" + statusBarHeight); if (yPosition <= statusBarHeight) { mVisibleTextView.setVisibility(View.VISIBLE); } else { mVisibleTextView.setVisibility(View.GONE); } }
onScrollChanged这个方法就是自己写的监听回调,里面的参数就是Scrollview滑动的时候回调出来的,里面的参数并不用去关心
int[] location = new int[2]; mTextView.getLocationOnScreen(location); int xPosition = location[0]; int yPosition = location[1]; /* mTextView就是要悬浮的view,getLocationOnScreen(location)这个方法就是拿到view在屏幕中的位置 ,传入一个数组,最后得到的yPosition就是view在屏幕中的高度,这里面调用了native层的实现方式,所以数组能直接附上值*/ // 值得注意的是,拿到的这个高度还包括状态栏的高度。只要减掉就可以了,状态栏的高度获取获取附上代码: public int getStatusBarHeight() { int result = 0; int resourceId = getResources().getIdentifier("status_bar_height", "dimen", "android"); if (resourceId > 0) { result = getResources().getDimensionPixelSize(resourceId); } return result; } int statusBarHeight = getStatusBarHeight(); Log.d("ScrollViewActivity", "statusBarHeight:" + statusBarHeight); 通过获取到的状态栏高度,如果小于状态栏的高度就表示已经滑出屏幕了,将要置顶的view设置为visibvle否则设置为gone if (yPosition <= statusBarHeight) { mVisibleTextView.setVisibility(View.VISIBLE); } else { mVisibleTextView.setVisibility(View.GONE); }
这样scrollview的悬浮置顶的功能就实现了,这里我也给出点击view置顶的代码
@Override public void onClick(View v) { int[] location = new int[2]; v.getLocationOnScreen(location); int x = location[0]; int y = location[1]; mScrollView.scrollBy(0, location[1] - getStatusBarHeight()); }
当然要缓慢的滑动过程用smoothScrollBy替代就可以了
上述就是小编为大家分享的如何在Android中利用ScrollView实现一个顶部悬停效果了,如果刚好有类似的疑惑,不妨参照上述分析进行理解。如果想知道更多相关知识,欢迎关注创新互联行业资讯频道。
文章名称:如何在Android中利用ScrollView实现一个顶部悬停效果
标题网址:http://azwzsj.com/article/jciihd.html