12 使用ScrollView实现滚动效果
12-1 使用ScrollView实现滚动效果
1.功能:
滚动视图是指当拥有很多内容,屏幕显示不完时,需要通过滚动来显示完整的视图。
2.两种滚动视图:
HorizontalScrollView:水平滚动视图,
ScrollView:垂直滚动视图。
3.实例:
第一步:在主活动布局文件中添加ScrollView组件,将显示内容放入ScrollView组件当中。
第二步: 在主活动中加载values文件夹下的Strings文件中的相应文件,获取内容组件并tv.setText(getResources().getString(R.string.content));
注意:layout_width="match_parent"并不代表充满表象屏幕,而是代表充满所有的横向空间包括隐藏的。
第三步:设置隐藏滚动条,方法如图
4.隐藏ScrollView
2、代码设置:
setHorizontalScrollBarEnable(false);隐藏横向ScrollView
setVerticalScrollBarEnable(false);隐藏纵向ScrollView
MainActivity.java
package com.example.andriod2_scrollview; import android.os.Bundle; import android.app.Activity; import android.view.Menu; import android.widget.TextView; public class MainActivity extends Activity { private TextView tv; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); tv=(TextView)findViewById(R.id.content); // 通过getResources调用Android里面的资源目录, // 再通过getString方法获得资源目录里面的strings.xml的内容 tv.setText(getResources().getString(R.string.content)); } }
activity_main.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" > <!-- 隐藏滚动条 : android:scrollbars="none" --> <ScrollView android:id="@+id/scroll" android:layout_width="match_parent" android:layout_height="wrap_content" android:scrollbars="none" > <TextView android:id="@+id/content" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="TextView" /> </ScrollView> </LinearLayout>
Strings.xml(res——values——string)
Strings.xml <?xml version="1.0" encoding="utf-8"?> <resources> <string name="app_name">andriod2_ScrollView</string> <string name="action_settings">Settings</string> <string name="hello_world">Hello world!</string> <string name="content"> 慕课网集合国内外优质的在线编程教程,以纯干货、短视频的形式为平台特点,让更多在校或已经离开大学校园,但还想获得学习机会或继续深造的同学提供了一个快乐、分享、共同进步的学习社区。\n 1、视频学习\n 打破传统的教学模式,采取生动、直观的视频授课,让学习者更倾向于自我管理,目标管理,主动性在自己。根据自己的学习节奏安排学习时间、思考、沉淀学习知识。\n 2、在线编程学习\n 支持包括HTML,CSS,JavaScript,PHP,Java,Python和Ruby等多种编程语言,提供初学者学习demo。支持多文件,标准输入,数据库操作,语法高亮,代码折叠,自动缩进,全屏预览模式及代码下载。\n 3、评测练习\n 观看完相应的学习视频之后,你可以做对应的练习课程。老师或者网友会对课程进行相应的评价和分享,你也可以分享和学期来自老师对其它网友的练习评价和评测练习。\n 4、课程笔记\n 在学习课程的时候,你可以根据学习的要点进行在线纪录,为陆续的学习做好备案。同时,你可以和其它的学习朋友相互分享自己的在线课程笔记,以促进自己更快更好的进步。\n 5、在线IM交流\n 学习过程之中,可以随时交流,授课老师、网友可以通过在线的IM交流,不断的来探讨和学习。让你的学习不再是一个人的学习,而是来自世界各地的整个团队的学习。\n 6、WIKI\n 互联网IT技术的WIKI百科,内容自由、任何人都能参与的协作计划,通过互联网的协作精神我们共同建立一个完整、准确的互联网IT技术百科全书。\n</string> </resources>
12-2 监听ScrollView何时滑动到底部
setOntouchListener的使用:判断ScrollView何时滑动到底部
MainActivity.java
package com.example.andriod2_scrollview; import android.os.Bundle; import android.app.Activity; import android.util.Log; import android.view.Menu; import android.view.MotionEvent; import android.view.View; import android.view.View.OnTouchListener; import android.widget.ScrollView; import android.widget.Scroller; import android.widget.TextView; public class MainActivity extends Activity { private TextView tv; private ScrollView scrollView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); tv=(TextView)findViewById(R.id.content); // 通过getResources调用Android里面的资源目录, // 再通过getString方法获得资源目录里面的strings.xml的内容 tv.setText(getResources().getString(R.string.content)); scrollView=(ScrollView)findViewById(R.id.scroll); scrollView.setOnTouchListener(new OnTouchListener() { @Override public boolean onTouch(View v, MotionEvent event) { // TODO Auto-generated method stub switch (event.getAction()) { case MotionEvent.ACTION_MOVE:{ /* * 1.getScrollY()——滾動條滑動的距離 * 2.getMeasuredHeight * 3.getHeight */ if(scrollView.getScrollY()<=0){//getScrollY()滚动条滑动的距离 Log.i("Main", "滚动条滑动到顶部"); } if(scrollView.getChildAt(0).getMeasuredHeight()<= scrollView.getHeight()+scrollView.getScrollY()){ //当TextView的总高度<=屏幕高度+滚动距离 Log.i("main", "滚动条滑动到底部"); Log.i("scrollView.getChildAt(0).getMeasuredHeight()", ""+scrollView.getChildAt(0).getMeasuredHeight()); Log.i("scrollView.getHeight()", ""+scrollView.getHeight()); Log.i("scrollView.getScrollY()", ""+scrollView.getScrollY()); } break; } } return false; } }); } }
package com.example.andriod2_scrollview; import android.os.Bundle; import android.app.Activity; import android.util.Log; import android.view.Menu; import android.view.MotionEvent; import android.view.View; import android.view.View.OnTouchListener; import android.widget.ScrollView; import android.widget.Scroller; import android.widget.TextView; public class MainActivity extends Activity { private TextView tv; private ScrollView scrollView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); tv=(TextView)findViewById(R.id.content); // 通过getResources调用Android里面的资源目录, // 再通过getString方法获得资源目录里面的strings.xml的内容 tv.setText(getResources().getString(R.string.content)); scrollView=(ScrollView)findViewById(R.id.scroll); scrollView.setOnTouchListener(new OnTouchListener() { @Override public boolean onTouch(View v, MotionEvent event) { // TODO Auto-generated method stub switch (event.getAction()) { case MotionEvent.ACTION_MOVE:{ /* * 1.getScrollY()——滾動條滑動的距離 * 2.getMeasuredHeight * 3.getHeight */ if(scrollView.getScrollY()<=0){//getScrollY()滚动条滑动的距离 Log.i("Main", "滚动条滑动到顶部"); } if(scrollView.getChildAt(0).getMeasuredHeight()<= scrollView.getHeight()+scrollView.getScrollY()){ //当TextView的总高度<=屏幕高度+滚动距离 Log.i("main", "滚动条滑动到底部"); Log.i("scrollView.getChildAt(0).getMeasuredHeight()", ""+scrollView.getChildAt(0).getMeasuredHeight()); Log.i("scrollView.getHeight()", ""+scrollView.getHeight()); Log.i("scrollView.getScrollY()", ""+scrollView.getScrollY()); tv.append(getResources().getString(R.string.content));//追加內容 } break; } } return false; } }); } }
判断何时滑动到底部,根据Scroll所包裹控件的总高度与scroll一屏幕的高度+滚动条滚动的距离之大小比较,当后者不小于前者时,便是滑到了底部。
ScrollView的监听器setOnTouchListener
第一步 在MainActivity中声明和初始化ScrollView
第二步 设置监听器setOnTouchListener
第三步 OnTouchListener中用switch语句套用getAction
第四步 switch语句里嵌套if语句判断滑动到顶部还是底部
第五步 tv.append();方法加载新的内容
案例:判断ScrollView何时滑动到底部
第一步:获取ScrollView组件,并设置setOnTouchListener(new OnTouchListener(){})
第二步:通过在onTouch(View v,MotionEvent event){}方法中使用switch(event.getAction()){}方法中的case MotionEvent.ACTION_MOVE{}判断是否滚动到顶部或者底部
注意:getMeasuredHeight与getHeight的区别,前置包括隐藏的屏幕长度,后者仅仅是表面屏幕长度。
第三步:设置滑动到底部触发的事件
注意:switch方法中break;语句也可以运用于case 对应的方法中,与break跳出switch语句。
判断到达底部
内容总高度<=屏幕高度+滚动总高度
scroll.getChildAt(0).getMeasuredHeight() <= scroll.getHeight()+scroll.getScrollY()
控制ScrollView滚动的位置
ScrollView的scrollBy(x, y) //x,y分别是x坐标和y坐标,y值为正表示向下滚动,为负表示向上滚动
注意,ScrollView还有一个方法
scrollTo(x, y),x和y也是x坐标和y坐标。但是scrollTo()表示以滚动视图的起始位置开始计算,滚动到某个位置;scrollBy()是以前一次的位置开始计算。
12-3 控制ScrollView视图位置
srcollTo和srcollBy的区别:控制ScrollView视图的位置
MainActivity.java
package com.example.andriod2_scrollview; import android.os.Bundle; import android.app.Activity; import android.util.Log; import android.view.Menu; import android.view.MotionEvent; import android.view.View; import android.view.View.OnClickListener; import android.view.View.OnTouchListener; import android.widget.Button; import android.widget.ScrollView; import android.widget.Scroller; import android.widget.TextView; public class MainActivity extends Activity implements OnClickListener { private TextView tv; private ScrollView scrollView; private Button up_btn; private Button down_btn; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); tv = (TextView) findViewById(R.id.content); // 通过getResources调用Android里面的资源目录, // 再通过getString方法获得资源目录里面的strings.xml的内容 tv.setText(getResources().getString(R.string.content)); up_btn = (Button) findViewById(R.id.up); down_btn = (Button) findViewById(R.id.down); up_btn.setOnClickListener(this); down_btn.setOnClickListener(this); scrollView = (ScrollView) findViewById(R.id.scroll); scrollView.setOnTouchListener(new OnTouchListener() { @Override public boolean onTouch(View v, MotionEvent event) { // TODO Auto-generated method stub switch (event.getAction()) { case MotionEvent.ACTION_MOVE: { /* * 1.getScrollY()——滾動條滑動的距離 2.getMeasuredHeight 3.getHeight */ if (scrollView.getScrollY() <= 0) {// getScrollY()滚动条滑动的距离 Log.i("Main", "滚动条滑动到顶部"); } if (scrollView.getChildAt(0).getMeasuredHeight() <= scrollView .getHeight() + scrollView.getScrollY()) { // 当TextView的总高度<=屏幕高度+滚动距离 Log.i("main", "滚动条滑动到底部"); Log.i("scrollView.getChildAt(0).getMeasuredHeight()", "" + scrollView.getChildAt(0) .getMeasuredHeight()); Log.i("scrollView.getHeight()", "" + scrollView.getHeight()); Log.i("scrollView.getScrollY()", "" + scrollView.getScrollY()); tv.append(getResources().getString(R.string.content));// 追加內容 } break; } } return false; } }); } @Override public void onClick(View v) { // TODO Auto-generated method stub switch (v.getId()) { // scrollTo:以滚动视图起始位置开始计算的 // scrollBy:相对前一次的位置,去滚动对应的距离 case R.id.up: { scrollView.scrollBy(0, -30); break; } case R.id.down: { scrollView.scrollBy(0, 30); break; } } } }
activity_main.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" > <!-- 隐藏滚动条 : android:scrollbars="none" --> <Button android:id="@+id/up" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="UP" /> <Button android:id="@+id/down" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="DOWN" /> <ScrollView android:id="@+id/scroll" android:layout_width="match_parent" android:layout_height="wrap_content" android:scrollbars="none" > <TextView android:id="@+id/content" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="TextView" /> </ScrollView> </LinearLayout>
控制ScrollView视图位置
第一步 main.xml添加两个按钮 在MainActivity中声明和初始化
第二步 设置监听器OnclickListener设置滚动条的位置
第三步 onClick中设置向上向下滚动
ScrollView控制
ScrollView的位置ScrollTo()与ScrollBy()的区别
第一步:在主布局文件中添加两个按钮,控制上下拉动滚动条并在主活动中初始化
第二步:主活动实现OnClickListener接口
第三步:通过onClick方法,在其中使用switch方法,设置上下拉case.
注意:scrollTo与scrollBy的区别:参考系不同,前者,以滚动视图起始位置开始计算,后者以相对前一次的位置去滚动相应的距离
应用:记录上次退出时位置数据,下次登入时通过传值给ScrollTo,或ScrollBy复原
通过scrollTo()方法可以快速定位ScrollView的位置,所以这个方法在“阅读软件”中比较常用,因为它可以记录下你上次看到的位置,等下次再开的时候就可以接到上次的看。