南昌商城网站建设公司,中讯科技-运城网站建设,seo赚钱吗,外贸网站建设推广不知从某某时间開始#xff0c;这样的效果開始在UI设计中流行起来了。让我们先来看看效果#xff1a;大家在支付宝、美团等非常多App中都有使用。要实现这个效果#xff0c;我们能够来分析下思路#xff1a;我们肯定要用2个一样的布局来显示我们的粘至布局。一个是正常的、… 不知从某某时间開始这样的效果開始在UI设计中流行起来了。让我们先来看看效果大家在支付宝、美团等非常多App中都有使用。要实现这个效果我们能够来分析下思路我们肯定要用2个一样的布局来显示我们的粘至布局。一个是正常的、还有一个是到顶部不动的。正常的那个随着scroll一起滚该滚到哪滚到哪。仅仅是他滚到最上面的时候我们须要用粘至的布局放到顶部。当然。他还在后面继续滚ok。如今我们来看看详细怎样实现先看布局just a demo。用几张图片略微做做样子。粘至布局?xml version1.0 encodingUTF-8? LinearLayout xmlns:androidhttp://schemas.android.com/apk/res/android android:layout_widthfill_parent android:layout_height50dp android:orientationhorizontal TextView android:layout_widthmatch_parent android:layout_heightmatch_parent android:gravitycenter android:textColor#FFFFFF android:background#232323 android:text我不会动 android:textSize30dp / /LinearLayout主布局LinearLayout xmlns:androidhttp://schemas.android.com/apk/res/androidxmlns:toolshttp://schemas.android.com/toolsandroid:idid/parent_layoutandroid:layout_widthmatch_parentandroid:layout_heightmatch_parentandroid:orientationvertical com.xys.scrolltrick.TrickScrollandroid:idid/scrollViewandroid:layout_widthfill_parentandroid:layout_heightfill_parent FrameLayoutandroid:layout_widthmatch_parentandroid:layout_heightwrap_content LinearLayoutandroid:layout_widthmatch_parentandroid:layout_heightwrap_contentandroid:orientationvertical ImageViewandroid:idid/iamgeandroid:layout_widthmatch_parentandroid:layout_height200dpandroid:backgrounddrawable/ic_launcherandroid:scaleTypecenterCrop /includeandroid:idid/sticklayoutlayout/stick_layout /ImageViewandroid:layout_widthmatch_parentandroid:layout_height200dpandroid:backgrounddrawable/ic_launcherandroid:scaleTypecenterCrop /ImageViewandroid:layout_widthmatch_parentandroid:layout_height200dpandroid:backgrounddrawable/ic_launcherandroid:scaleTypecenterCrop /ImageViewandroid:layout_widthmatch_parentandroid:layout_height200dpandroid:backgrounddrawable/ic_launcherandroid:scaleTypecenterCrop //LinearLayoutincludeandroid:idid/normallayoutlayout/stick_layout //FrameLayout/com.xys.scrolltrick.TrickScroll/LinearLayout加入多个imageview是为了让他能滚起来因为ScrollView中并没有提供scroll listener因此我们仅仅能重写下来创建一个接口package com.xys.scrolltrick;import android.content.Context;
import android.util.AttributeSet;
import android.widget.ScrollView;public class TrickScroll extends ScrollView {public interface onScrollListener {public void onScroll(int scrollY);}private onScrollListener onScrollListener;public TrickScroll(Context context, AttributeSet attrs, int defStyleAttr) {super(context, attrs, defStyleAttr);}public TrickScroll(Context context, AttributeSet attrs) {super(context, attrs);}public TrickScroll(Context context) {super(context);}public void setOnScrollListener(onScrollListener onsScrollListener) {this.onScrollListener onsScrollListener;}Overrideprotected void onScrollChanged(int l, int t, int oldl, int oldt) {super.onScrollChanged(l, t, oldl, oldt);if (onScrollListener ! null) {onScrollListener.onScroll(t);}}
}
我们给他的滑动。提供一个监听接口。主程序package com.xys.scrolltrick;import android.app.Activity;
import android.os.Bundle;
import android.view.ViewTreeObserver.OnGlobalLayoutListener;
import android.widget.LinearLayout;import com.xys.scrolltrick.TrickScroll.onScrollListener;public class MainActivity extends Activity implements onScrollListener {private TrickScroll mScroll;// 正常状态下的布局private LinearLayout mLayout1;// 顶部粘至的布局private LinearLayout mLayout2;Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);mScroll (TrickScroll) findViewById(R.id.scrollView);mLayout1 (LinearLayout) findViewById(R.id.stick);mLayout2 (LinearLayout) findViewById(R.id.normal);mScroll.setOnScrollListener(this);// 根布局状态下。监听布局改变findViewById(R.id.parent_layout).getViewTreeObserver().addOnGlobalLayoutListener(new OnGlobalLayoutListener() {Overridepublic void onGlobalLayout() {onScroll(mScroll.getScrollY());}});}Overridepublic void onScroll(int scrollY) {// 获取正常布局的位置来又一次设置粘至布局的位置int layoutTop Math.max(scrollY, mLayout1.getTop());mLayout2.layout(0, layoutTop, mLayout2.getWidth(),layoutTop mLayout2.getHeight());}
}
当中的核心就在onScroll(int scrollY)这种方法中。我们用max函数来推断当前最大值这里须要注意2个方法1、getTop()该方法返回该view到容器的top像素2、getScrollY()该方法返回的是。你的scrollview已经滚了多少一旦这个世界有了scroll整个世界就不一样了知道了这2个方法后。我们就能够推断了当滚的距离小于getTop()的时候。保持与正常的一样大于的时候就须要用getScrollY()了这个比較难理解事实上你能够把布局想象成一个纸带而手机屏幕是一个挖了孔的框我们在后面从下往上拉纸带这样就模拟了scroll滑动这样理解的话会比較清楚点以上。 转载于:https://www.cnblogs.com/blfbuaa/p/7077769.html
