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
1、标签属性:android:scrollbars = "none"
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的位置,所以这个方法在“阅读软件”中比较常用,因为它可以记录下你上次看到的位置,等下次再开的时候就可以接到上次的看。