4. 기본 컨트롤 – 10. SeekBar

이번에는 컨텐츠에서 원하는 위치로 이동시킬 때 많이 사용하는 SeekBar를 간단히 사용하는 실습을 합시다.

[그림] SeekBar 실습 실행화면

먼저 activity_main.xml 파일에 컨트롤을 배치합시다. 최상위 요소는 LinearLayout을 배치하세요. 그리고 자식으로 SeekBar와 TextView를 배치합니다. SeekBar의 max 속성을 100으로 지정하세요.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.ehclub.ex_seekbar.MainActivity"
    android:orientation="vertical">

    <SeekBar
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:max="100"
        android:id="@+id/sb"

        />
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textSize="30sp"
        android:textColor="#FF0000"
        android:id="@+id/tv"
        android:text="0"/>

</LinearLayout>

이제 MainActivity.java 파일을 편집합시다. 먼저 MainActivity 클래스에 SeekBar 형식의 멤버 필드를 선언하세요.

    SeekBar sb;

onCreate 메서드에서는 먼저 xml에 배치한 SeekBar 개체를 참조하기 위해 findViewById 메서드를 호출합니다.

        sb = (SeekBar)findViewById(R.id.sb);

그리고 SeekBar 개체의 값 변경 리스너를 등록합니다. onProgressChanged 메서드에서 progress 값으로 TextView 개체의 text 속성을 설정하세요.

 sb.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {
            @Override
            public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
                TextView tv = (TextView)findViewById(R.id.tv);
                tv.setText(String.valueOf(progress));
            }

            @Override
            public void onStartTrackingTouch(SeekBar seekBar) {
            }

            @Override
            public void onStopTrackingTouch(SeekBar seekBar) {
            }
        });

다음은 MainActivity.java 파일의 내용입니다.

package com.example.ehclub.ex_seekbar;

import android.os.StrictMode;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.SeekBar;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity {

    SeekBar sb;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        sb = (SeekBar)findViewById(R.id.sb);
        sb.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {
            @Override
            public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
                TextView tv = (TextView)findViewById(R.id.tv);
                tv.setText(String.valueOf(progress));
            }

            @Override
            public void onStartTrackingTouch(SeekBar seekBar) {
            }

            @Override
            public void onStopTrackingTouch(SeekBar seekBar) {
            }
        });

    }
}

Android