Android中使用ScrollView指定view的顶部悬停效果

 更新时间:2017年04月10日 09:08:00   作者:Highwinzgs  
在项目开发中遇到这样的需求,需要实现scrollview顶部的悬停效果,实现原理非常简单,下面小编通过本文给大家分享实例代码,需要的朋友参考下

因项目中的需要实现ScrollView顶部的悬停,也不是太难便自己实现功能,话不多说,先上效果图

红色text一到顶上便会悬浮在上面,不会跟随scrollview的滑动而上滑。

原理:

原理其实很简单就是对view的gone和visible,写两个相同的要置顶的view,一个设置为gone,一个为visible,当可见的view超出屏幕范围的时候,将不可以的view设置为visible,不可见的view 与scrollview要同级,这样滑动的时候不会影响到view的位置。

直接上代码

<?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">
  <com.lanmai.ObservableScrollView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/scrollview"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    >
    <RelativeLayout
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:orientation="vertical">
      <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">
          <!-- 中间就是填充的view就不写了-->
          <!--指定要置顶的view-->
        <TextView
          android:id="@+id/specific_text_view"
          android:layout_width="match_parent"
          android:layout_height="wrap_content"
          android:background="@android:color/holo_red_dark"
          android:gravity="center"
          android:text="text"
          android:textSize="40sp"/>
        <TextView
          android:layout_width="match_parent"
          android:layout_height="200dp"
          android:background="@android:color/darker_gray"
          android:gravity="center"
          android:text="text"
          android:textSize="40sp"/>
      </LinearLayout>
    </RelativeLayout>
  </com.lanmai.ObservableScrollView>
  <!--指定要置顶的相同的view visibility设置为gone -->
  <TextView
    android:id="@+id/specific_text_view_gone"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@android:color/holo_red_dark"
    android:gravity="center"
    android:text="text"
    android:textSize="40sp"
    android:visibility="gone"/>
</RelativeLayout>

接下来要重写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指定view的悬停效果,希望对大家有所帮助。。。

相关文章

  • Android基础知识之单点触摸

    Android基础知识之单点触摸

    这篇文章主要为大家详细介绍了Android基础知识之单点触摸,很简单的操作,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-06-06
  • Android使用自定义View绘制渐隐渐现动画

    Android使用自定义View绘制渐隐渐现动画

    这篇文章主要介绍了Android使用自定义View绘制渐隐渐现动画效果的相关内容,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-09-09
  • Android实现Service下载文件,Notification显示下载进度的示例

    Android实现Service下载文件,Notification显示下载进度的示例

    本篇文章主要介绍了Android实现Service下载文件,Notification显示下载进度,具有一定的参考价值,有兴趣的可以了解一下。
    2017-01-01
  • Qt6.5.3 Android环境配置的实现

    Qt6.5.3 Android环境配置的实现

    本文主要介绍了Qt6.5.3 Android环境配置的实现,文中通过图文介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2024-01-01
  • Android中实现下载URL地址的网络资源的实例分享

    Android中实现下载URL地址的网络资源的实例分享

    这篇文章主要介绍了Android中实现下载URL地址的网络资源的实例,其中还有一个进行多线程下载的Java代码示例,非常典型,需要的朋友可以参考下
    2016-04-04
  • Android自定义ViewPager实例

    Android自定义ViewPager实例

    这篇文章主要介绍了Android自定义ViewPager的方法,结合完整实例形式分析了Android基于ViewGroup类自定义ViewPager的具体实现技巧,需要的朋友可以参考下
    2016-02-02
  • Android实现从缓存中读取图片与异步加载功能类

    Android实现从缓存中读取图片与异步加载功能类

    这篇文章主要介绍了Android实现从缓存中读取图片与异步加载功能类,涉及Android针对缓存的操作及图片异步加载相关实现技巧,需要的朋友可以参考下
    2016-08-08
  • Java4Android开发教程(四)java的变量

    Java4Android开发教程(四)java的变量

    Java 编程语言定义了如下类型的变量 :实例变量 (非静态字段) 、类变量 (静态字段)、局部变量以及参数。今天我们就来探讨下Java变量
    2014-10-10
  • ListView滑动隐藏显示ToolBar的实例

    ListView滑动隐藏显示ToolBar的实例

    下面小编就为大家分享一篇ListView滑动隐藏显示ToolBar的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-01-01
  • Android使用GridView实现表格分割线效果

    Android使用GridView实现表格分割线效果

    这篇文章主要为大家详细介绍了Android使用GridView实现表格分割线效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-07-07

最新评论