别裁伪体亲风雅,转益多师是汝师。这篇文章主要讲述Android粘性控件,滑动停留StickLayout(导航栏滑动停留)相关的知识,希望能为你提供帮助。
我们平时在使用APP的时候,经常可以见到一些导航栏滑到顶端就停留,而下面的控件可以接着滑动;今天,我就给大家介绍一个非常好用的滑动粘性控件StickLayout,它不仅可以让其任意一个直接子控件滑动停留在顶端,而且还可以设置滑动到指定直接子控件,并且配有滑动改变监听,可以轻松实现滑动时的联动操作;我们用该控件就可以轻松实现像支付宝“所有应用”界面效果,下面我们就一起学习一下吧。
???首先,我们来看一下效果演示图:
文章图片
文章图片
文章图片
Note:图1为设置属性wkp_canScrollToEndViewTop=true,图2没有;图3为设置滑动改变监听。
??接下来,我们讲解一下控件功能及其使用:
1.功能滑动停留控件,可以让其任意一个直接子控件滑动时停留在顶部,只需指定一个属性而已,操作便捷。
2.android Studio使用方法
dependencies{
compile ‘com.wkp:StickLayout:1.0.4‘
//Android Studio3.0+可用以下方式
//implementation ‘com.wkp:StickLayout:1.0.4‘
}
Note:使用版本请以Github为准。
3.使用详解
- 属性讲解
<
!--是否粘性停留(用于直接子控件)-->
<
attr name="wkp_stick" format="boolean"/>
<
!--是否开启滑动到最后一个控件的顶部,默认不开启(用于控件本身)-->
<
attr name="wkp_canScrollToEndViewTop" format="boolean"/>
- 布局示例
<
?xml version="1.0" encoding="utf-8"?>
<
LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<
TextView
android:clickable="true"
android:onClick="addView"
android:gravity="center"
android:padding="5dp"
android:text="添加条目"
android:layout_width="match_parent"
android:layout_height="wrap_content"/>
<
!--app:wkp_canScrollToEndViewTop="true"-->
<
com.wkp.sticklayout_lib.widget.StickLayout
android:id="@+id/sl"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<
TextView
android:onClick="click"
android:id="@+id/tv1"
android:text="第1行"
android:gravity="center"
android:layout_width="match_parent"
android:layout_height="200dp"/>
<
LinearLayout
app:wkp_stick="true"
android:orientation="horizontal"
android:layout_width="match_parent"
android:layout_height="40dp">
<
TextView
android:onClick="scrollTo"
android:background="@android:color/holo_blue_light"
android:text="NUM2"
android:gravity="center"
android:layout_weight="1"
android:layout_width="0dp"
android:layout_height="match_parent"/>
<
TextView
android:onClick="scrollTo3"
android:background="@android:color/holo_green_light"
android:text="NUM3"
android:gravity="center"
android:layout_weight="1"
android:layout_width="0dp"
android:layout_height="match_parent"/>
<
TextView
android:onClick="scrollTo4"
android:background="@android:color/holo_red_light"
android:text="NUM4"
android:gravity="center"
android:layout_weight="1"
android:layout_width="0dp"
android:layout_height="match_parent"/>
<
TextView
android:onClick="scrollTo7"
android:background="@android:color/holo_orange_light"
android:text="NUM7"
android:gravity="center"
android:layout_weight="1"
android:layout_width="0dp"
android:layout_height="match_parent"/>
<
/LinearLayout>
<
TextView
android:id="@+id/tv2"
android:text="第2行"
android:background="@android:color/holo_blue_light"
android:gravity="center"
android:layout_width="match_parent"
android:layout_height="200dp"/>
<
TextView
android:id="@+id/tv3"
app:wkp_stick="true"
android:text="第3行"
android:background="@android:color/holo_green_light"
android:gravity="center"
android:layout_width="match_parent"
android:layout_height="200dp"/>
<
TextView
android:background="@android:color/holo_red_light"
android:id="@+id/tv4"
android:text="第4行"
android:gravity="center"
android:layout_width="match_parent"
android:layout_height="200dp"/>
<
TextView
android:id="@+id/tv5"
android:text="第5行"
android:gravity="center"
android:layout_width="match_parent"
android:layout_height="200dp"/>
<
TextView
android:id="@+id/tv6"
android:text="第6行"
android:gravity="center"
android:layout_width="match_parent"
android:layout_height="200dp"/>
<
TextView
android:background="@android:color/holo_orange_light"
android:id="@+id/tv7"
android:text="第7行"
android:gravity="center"
android:layout_width="match_parent"
android:layout_height="200dp"/>
<
/com.wkp.sticklayout_lib.widget.StickLayout>
<
/LinearLayout>
- 代码示例
public class MainActivity extends AppCompatActivity {private StickLayout mSl; private TextView mTv2; private View mTv3; private View mTv7; private View mTv4; private int currentPosition = -1; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); mSl = findViewById(R.id.sl); mTv2 = findViewById(R.id.tv2); mTv3 = findViewById(R.id.tv3); mTv4 = findViewById(R.id.tv4); mTv7 = findViewById(R.id.tv7); //mSl.setStickView(findViewById(R.id.tv2)); //设置粘性控件 //mSl.setStickView(findViewById(R.id.tv3)); //mSl.canScrollToEndViewTop(true); //设置是否开启最后控件滑动到顶部 //设置滑动改变监听(一滑动就会有回调) mSl.setOnScrollChangeListener(new StickLayout.OnScrollChangeListener() { @Override public void onScrollChange(StickLayout v, View currentView, int position, int scrollX, int scrollY, int oldScrollX, int oldScrollY) { //直到当前控件改变在做事情 if (currentPosition != position) { Toast.makeText(v.getContext(), ((TextView) currentView).getText().toString(), Toast.LENGTH_SHORT).show(); currentPosition = position; } } }); }public void addView(View view) { TextView textView = new TextView(view.getContext()); textView.setGravity(Gravity.CENTER); textView.setPadding(10, 10, 10, 10); textView.setText("新条目"); mSl.addView(textView, 0); }public void scrollTo2(View view) { //滑动到指定子控件 mSl.scrollToView(mTv2); }public void scrollTo3(View view) { mSl.scrollToView(mTv3); }public void scrollTo4(View view) { mSl.scrollToView(mTv4); }public void scrollTo7(View view) { mSl.scrollToView(mTv7); } }
结语
欢迎大家使用Github地址,感觉好用请给个Star鼓励一下,谢谢!
大家如果有更好的意见或建议以及好的灵感,请邮箱作者,谢谢!
QQ邮箱:
[email protected]
163邮箱:
[email protected]
【Android粘性控件,滑动停留StickLayout(导航栏滑动停留)】Gmail邮箱:
[email protected]
推荐阅读
- bug_ _ android.view.WindowManager$BadTokenException: Unable to add window -- token
- android------锁屏(手机启动出现锁屏界面)
- 深入理解计算机系统_3e 第十一章家庭作业 CS:APP3e chapter 11 homework
- Android逆向系列文章— Android基础逆向
- Android Studio打开React Native创建的项目
- 2018是否成为购物APP新元年
- 智慧社区需要定制APP助力发展
- 《android开发进阶从小工到专家》读书笔记--网络框架的设计与实现
- 《android开发进阶从小工到专家》读书笔记--HTTP网络请求