728x90
반응형
뷰플리퍼(ViewFlipper)
- 안에 여러 개의 위젯을 배치한 후, 필요에 따라서 화면을 왼쪽과 오른쪽으로 밀어서 하나의 위젯씩 화면에 보여주는 방식의 뷰 컨테이너
package kr.co.viewflipperapp;
import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.ViewFlipper;
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
getSupportActionBar().setDisplayShowHomeEnabled(true);
getSupportActionBar().setIcon(R.drawable.ic_launcher);
Button btnStart, btnStop;
final ViewFlipper viewFlipper;
btnStart = findViewById(R.id.btnStart);
btnStop = findViewById(R.id.btnStop);
viewFlipper = findViewById(R.id.viewFlipper);
viewFlipper.setFlipInterval(1000); //화면 넘김 간격 메서드
btnStart.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
viewFlipper.startFlipping(); //화면 넘김 시작 메서드
}
});
btnStop.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
viewFlipper.stopFlipping(); //화면 넘김 정지 메서드
}
});
}
}
<?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"
android:orientation="vertical"
tools:context=".MainActivity">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/btnStart"
android:layout_weight="1"
android:text="사진보기 시작"/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/btnStop"
android:layout_weight="1"
android:text="사진보기 정지"/>
</LinearLayout>
<ViewFlipper
android:layout_width="match_parent"
android:layout_height="match_parent"
android:id="@+id/viewFlipper">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/imageView1"
android:layout_gravity="center"
android:src="@drawable/cupcake"/>
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/imageView2"
android:layout_gravity="center"
android:src="@drawable/donut"/>
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/imageView3"
android:layout_gravity="center"
android:src="@drawable/eclair"/>
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/imageView4"
android:layout_gravity="center"
android:src="@drawable/froyo"/>
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/imageView5"
android:layout_gravity="center"
android:src="@drawable/gingerbread"/>
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/imageView6"
android:layout_gravity="center"
android:src="@drawable/honeycomb"/>
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/imageView7"
android:layout_gravity="center"
android:src="@drawable/icecream"/>
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/imageView8"
android:layout_gravity="center"
android:src="@drawable/jellybean"/>
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/imageView9"
android:layout_gravity="center"
android:src="@drawable/kitkat"/>
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/imageView10"
android:layout_gravity="center"
android:src="@drawable/lollipop"/>
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/imageView11"
android:layout_gravity="center"
android:src="@drawable/marshmallow"/>
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/imageView12"
android:layout_gravity="center"
android:src="@drawable/nougat"/>
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/imageView13"
android:layout_gravity="center"
android:src="@drawable/oreo"/>
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/imageView14"
android:layout_gravity="center"
android:src="@drawable/pie"/>
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/imageView15"
android:layout_gravity="center"
android:src="@drawable/q10"/>
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/imageView16"
android:layout_gravity="center"
android:src="@drawable/r11"/>
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/imageView17"
android:layout_gravity="center"
android:src="@drawable/s12"/>
</ViewFlipper>
</LinearLayout>
[결과출력]
-> 사진보기 시작 클릭 시, 사진이 바뀜
-> 사진보기 정지 클릭 시, 사진 바뀌는 게 멈춤
728x90
반응형
'App > Android Java' 카테고리의 다른 글
Android_java(12) - OptionMenuApp (0) | 2022.02.09 |
---|---|
Android_java(11) - TabHost (0) | 2022.02.08 |
Android_Java(9) - DateTimeApp (0) | 2022.02.08 |
Android_Java(8) - CalcuWithTableLayout (0) | 2022.02.07 |
Android_Java(7) - RadioBtn (0) | 2022.02.07 |
댓글