美文网首页
2-4-1 ScrollView

2-4-1 ScrollView

作者: 努力学习的安同学 | 来源:发表于2018-06-14 23:07 被阅读0次

    标注:本文为个人整理,仅做自己学习参考使用,请勿转载和转发

    1. 2018-06-14: 初稿。终于到了View的相关组件了,今天看了一集西部世界S2E8,真精彩,但是突然变得好懒,不想写啊!!!
    2. 参考博主coder-pig

    0. 引言

    • 该组件为UI组件中的基本UI控件,第十个?ScrollView:滚动条,嗯,准确的说应该是数值滚动条,对应的还有一个水平方向的滚动条HorizontalScrollView,官方连接:ScrollView
    • 是继承自FrameLayout的容器,增加了滚动、允许显示的内容,可以放置一个子元素,可以是单一组件,也可以是一个布局包裹着复杂的层次结构,一般对于可能显示不完的情况,可以直接在布局的外套层上套上一个ScrollView或者HorizontalScrollView

    1. 可能遇到的需求

    • 比较典型的问题就是ScrollView和ListView嵌套的问题,详见ListView
    1.1 滚动到底部
    • 可以直接利用ScrollView提供的fullScroll()方法
    scrollView.fullScroll(ScrollView.FOCUS_DOWN);  //滚动到底部
    scrollView.fullScroll(ScrollView.FOCUS_UP);    //滚动到顶部
    
    • 但是这个需要小心异步,就是在addView之后,有可能还没有显示完,这个时候直接调用该方法的话,可能会无效,这个时候就需要自己实现一个handler方法来更新了
      代码示例:

    效果图:

    实现代码:

    布局比较简单,就不贴了,直接贴MainActivity MainActivity.java

    public class MainActivity extends AppCompatActivity implements View.OnClickListener {
    
        private Button btn_down;
        private Button btn_up;
        private ScrollView scrollView;
        private TextView txt_show;
    
        @Override
        public void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            bindViews();
        }
    
    
        private void bindViews() {
            btn_down = (Button) findViewById(R.id.btn_down);
            btn_up = (Button) findViewById(R.id.btn_up);
            scrollView = (ScrollView) findViewById(R.id.scrollView);
            txt_show = (TextView) findViewById(R.id.txt_show);
            btn_down.setOnClickListener(this);
            btn_up.setOnClickListener(this);
    
            StringBuilder sb = new StringBuilder();
            for (int i = 1; i <= 100; i++) {
                sb.append("呵呵 * " + i + "\n");
            }
            txt_show.setText(sb.toString());
    
        }
    
        @Override
        public void onClick(View v) {
            switch (v.getId()) {
                case R.id.btn_down:
                    scrollView.fullScroll(ScrollView.FOCUS_DOWN);
                    break;
                case R.id.btn_up:
                    scrollView.fullScroll(ScrollView.FOCUS_UP);
                    break;
            }
        }
    }
    

    尝试了一下,好神奇耶!
    当然除了这种方法还,你还可以使用另一种复杂一点的写法:

    public static void scrollToBottom(final View scroll, final View inner) {
        Handler mHandler = new Handler();
        mHandler.post(new Runnable() {
            public void run() {
                if (scroll == null || inner == null) {
                    return;
                }
                int offset = inner.getMeasuredHeight() - scroll.getHeight();
                if (offset < 0) {
                    offset = 0;
                }
                scroll.scrollTo(0, offset);
            }
        });
    }  
    

    scrollTo()参数依次为x,y滚到对应的x,y位置!

    这种方式暂时没有看懂

    2. 设置滚动的滑块图片

    • 这个更加简单: 垂直方向滑块:android:scrollbarThumbVertical
    • 水平方向滑块:android:scrollbarThumbHorizontal

    3. 隐藏滑块

    • 方法有两种: 1.android:scrollbars="none"
      2.Java代码设置:scrollview.setVerticalScrollBarEnabled(false);

    4. 设置滚动速度

    • 这个并没有给我们提供可以直接设置的方法,我们需要自己继承ScrollView,然后重写一个 public void fling (int velocityY)的方法:
      @Override
      public void fling(int velocityY) {
      super.fling(velocityY / 2); //速度变为原来的一半
      }

    相关文章

      网友评论

          本文标题:2-4-1 ScrollView

          本文链接:https://www.haomeiwen.com/subject/pxvueftx.html