Android ScrollView指定view的悬停

来源:互联网 发布:云计算板块龙头股 编辑:程序博客网 时间:2024/05/16 10:01

因项目中的需要实现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替代就可以了

结论:

实现这种效果,找对了思路就可以很容易的写出来了,这是一种比较简单的实现方式了,源码我就不贴出来了,基本已经都在了。如果有不对的地方,请大家指证,谢谢

0 1
原创粉丝点击