iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 20
0
Mobile Development

Android 從零開始系列 第 20

[Day20] ScrollView滾動視圖

  • 分享至 

  • xImage
  •  

除了ListView和RecyclerView,當元件擁有很多內容而螢幕無法完全顯示時,無法被顯示的部分就會完全看不見,遇到這種情況該怎麼辦呢?這時就需要用到ScrollView元件了,ScrollView可以在元件的內容超過螢幕可顯示的範圍時,增加上下或者是左右滾動的功能來瀏覽超出螢幕範圍的部分。這次就來教ScrollView的使用方法。

XML

開啟activity_main.xml,因為主要是要演示ScrollView滾動功能,所以我們創一個TextView元件用於顯示大量文字。接著用ScrollView元件將需要滾動效過的元件包起來,也就時剛剛創建的TextView。
側邊的滾動條預設是顯示的狀態,如果想要將側邊的滾動條隱藏起來的話可在ScrollView元件中加入android:scrollbars="none"達到隱藏滾動條的效果。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >
    <ScrollView
        android:layout_height="match_parent"
        android:layout_width="fill_parent">

        <TextView
            android:id="@+id/textView"
            android:layout_width="match_parent"
            android:layout_height="match_parent"/>
    </ScrollView>

</RelativeLayout>

JAVA程式碼

因為要達到展示ScrollView滾動功能的效果,所以我們要在TextView中新增大量文字,這邊可以是使用FOR迴圈快速增加文字來達到效果。

public class MainActivity extends AppCompatActivity {
    TextView textView;
    String content;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        getSupportActionBar().hide();
        setContentView(R.layout.activity_main);

        textView = findViewById(R.id.textView);

        for(int i=0;i<100;i++){
            textView.append("第" + i + "行\n");
        }
    }
}

成果

圖片


上一篇
[Day19] PopupWindow彈出視窗
下一篇
[Day21] SeekBar(拖動條)
系列文
Android 從零開始30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言