閱讀(27.9k) 書簽贊(2) 我要糾錯(cuò)

Android ScrollView(滾動(dòng)條)

2023-03-31 13:41 更新

本節(jié)引言：

本節(jié)帶來(lái)的是Android基本UI控件中的第十個(gè)：ScrollView(滾動(dòng)條)，或者我們應(yīng)該叫他豎直滾動(dòng)條，對(duì)應(yīng)的另外一個(gè)水平方向上的滾動(dòng)條：HorizontalScrollView，先來(lái)一發(fā)官方文檔的鏈接：ScrollView，我們可以看到類的結(jié)構(gòu)如下：

嘿嘿，原來(lái)是一個(gè)FrameLayout的容器，不過(guò)在他的基礎(chǔ)上添加了滾動(dòng)，允許顯示的比實(shí)際多的內(nèi)容！

另外，只能夠往里面放置一個(gè)子元素，可以是單一的組件，又或者一個(gè)布局包裹著的復(fù)雜的層次結(jié)構(gòu)！

一般對(duì)于可能顯示不完的情況，我們可以直接在布局的外層套上一個(gè): ScrollView或者HorizontalScrollView！就這么簡(jiǎn)單~！

可能遇到的一些需求

好的，就不一個(gè)個(gè)扣文檔了，直接說(shuō)實(shí)際開發(fā)中可能會(huì)遇到的一些需求吧：

另外有一個(gè)很典型的問(wèn)題就是:ScrollView和ListView的嵌套問(wèn)題，這個(gè)放到ListView那一章節(jié) 再來(lái)講解~

1.滾動(dòng)到底部：

我們可以直接利用ScrollView給我們提供的:fullScroll()方法：

scrollView.fullScroll(ScrollView.FOCUS_DOWN);滾動(dòng)到底部

scrollView.fullScroll(ScrollView.FOCUS_UP);滾動(dòng)到頂部

另外用這玩意的時(shí)候要小心異步的玩意，就是addView后，有可能還沒(méi)有顯示完，如果這個(gè)時(shí)候直接調(diào)用該方法的話，可能會(huì)無(wú)效，這就需要自己寫handler來(lái)更新了~

代碼示例：

效果圖：

實(shí)現(xiàn)代碼：

布局比較簡(jiǎn)單，就不貼了，直接貼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;
        }
    }
}

當(dāng)然除了這種方法還，你還可以使用另一種復(fù)雜一點(diǎn)的寫法：

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()參數(shù)依次為x，y滾到對(duì)應(yīng)的x，y位置！

2.設(shè)置滾動(dòng)的滑塊圖片

這個(gè)更加簡(jiǎn)單：垂直方向滑塊：android:scrollbarThumbVertical
水平方向滑塊：android:scrollbarThumbHorizontal

3.隱藏滑塊

好吧，這個(gè)好像沒(méi)什么卵用：

方法有兩種： 1.android:scrollbars="none"
2.Java代碼設(shè)置：scrollview.setVerticalScrollBarEnabled(false);

4.設(shè)置滾動(dòng)速度：

這個(gè)并沒(méi)有給我們提供可以直接設(shè)置的方法，我們需要自己繼承ScrollView，然后重寫一個(gè) public void fling (int velocityY)的方法：
@Override
public void fling(int velocityY) {
    super.fling(velocityY / 2);    //速度變?yōu)樵瓉?lái)的一半
}