12 使用ScrollView实现滚动效果

最新推荐文章于 2023-03-13 16:14:16 发布

weixin_30678349

最新推荐文章于 2023-03-13 16:14:16 发布

阅读量122

点赞数

文章标签：移动开发 java 数据库

原文链接：http://www.cnblogs.com/crazyzx/articles/5325160.html

版权

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的位置，所以这个方法在“阅读软件”中比较常用，因为它可以记录下你上次看到的位置，等下次再开的时候就可以接到上次的看。

转载于:https://www.cnblogs.com/crazyzx/articles/5325160.html

weixin_30678349

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
12 使用ScrollView实现滚动效果

12-1使用ScrollView实现滚动效果1.功能：　　滚动视图是指当拥有很多内容，屏幕显示不完时，需要通过滚动来显示完整的视图。2.两种滚动视图：　　HorizontalScrollView:水平滚动视图，　　ScrollView：垂直滚动视图。3.实例：　　第一步：在主活动布局文件中添加ScrollView组件，将显示内容放入ScrollView组件当中。　　第二步...
复制链接

扫一扫