'안드로이드 뷰플리퍼'에 해당되는 글 1건

  1. 2011.11.09 Android - ViewFlipper ( 뷰플리퍼, 페이지넘기기 )

Android - ViewFlipper ( 뷰플리퍼, 페이지넘기기 )

Android 2011.11.09 20:34


오늘 살펴볼 내용은 페이지 이동효과를 버튼하나로 다음페이지 그리고 또 다음페이지로
순차적으로 페이지 이동을 해주는 것입니다.

설명하자면
 
버튼1 을 누르면
첫페이지 > 두번째페이지 > 세번째페이지 > 첫번째페이지
버튼2 를 누르면
첫페이지 > 세번째페이지 > 두번째페이지 > 첫번째페이지

이런식으로 효과를 주는 것입니다.

책 페이지를 넘기는 것이지요
여러가지 내용을 다루는 것이면 여러페이지를 연달아서 보여줄 때 좋은 방법이지요.

ViewFlipper를 사용하여서 합니다.
살펴볼 메소느는

showNext()
다음을 보여줍니다.

showPrevious()
전을 보여줍니다.

setDisplayedChild(숫자)
먼저 보여줄 순서를 정합니다.



소스에서 세가지 메소드가 어떻해 쓰이는지 살펴보세요.
주석으로 나머지 설명은 덧붙이겠습니다.


프로젝트 생성

Project name : ExamViewFlipper
Build Target : Android 2.1
Package name : jsh.exam.viewflipper
Create Activity : main
Min SDK Version : 7



src

main.java

package jsh.exam.viewflipper;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.ViewFlipper;

public class main extends Activity implements OnClickListener {
 /** Called when the activity is first created. */

 Button left, right;
 ViewFlipper view;

 @Override
 public void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.main);

  left = (Button) findViewById(R.id.button1);
  left.setText("전페이지");
  right = (Button) findViewById(R.id.button2);
  right.setText("다음페이지");
  view = (ViewFlipper) findViewById(R.id.viewFlipper1);

  left.setOnClickListener(this);
  right.setOnClickListener(this);

  // 특정 먼저 실행할 부분 설정 플리퍼에 설정한페이지는 처음부터 0으로 시작
  // view.setDisplayedChild(2);

 }

 @Override
 public void onClick(View v) {
  // TODO Auto-generated method stub

  if (v == right) {

   view.showNext();

  } else if (v == left) {

   view.showPrevious();
  }

 }
}


res / layout

main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
 xmlns:android="
http://schemas.android.com/apk/res/android"
 android:orientation="vertical"
 android:layout_width="fill_parent"
 android:layout_height="fill_parent">
 <ViewFlipper
  android:layout_height="fill_parent"
  android:id="@+id/viewFlipper1"
  android:layout_width="fill_parent"
  android:layout_weight="1">
  <LinearLayout
   android:id="@+id/linearLayout2"
   android:layout_width="fill_parent"
   android:layout_height="fill_parent"
   android:orientation="vertical"
   android:background="#ff0000"></LinearLayout>
  <LinearLayout
   android:id="@+id/linearLayout3"
   android:layout_width="fill_parent"
   android:layout_height="fill_parent"
   android:orientation="vertical"
   android:background="#00ff00"></LinearLayout>
  <LinearLayout
   android:id="@+id/linearLayout4"
   android:layout_width="fill_parent"
   android:layout_height="fill_parent"
   android:orientation="vertical"
   android:background="#0000ff"></LinearLayout>
 </ViewFlipper>
 <LinearLayout
  android:id="@+id/linearLayout1"
  android:layout_height="wrap_content"
  android:layout_width="fill_parent"
  android:orientation="horizontal">
  <Button
   android:layout_weight="1"
   android:layout_height="wrap_content"
   android:id="@+id/button1"
   android:layout_width="fill_parent"
   android:text="Button"></Button>
  <Button
   android:layout_weight="1"
   android:layout_height="wrap_content"
   android:id="@+id/button2"
   android:layout_width="fill_parent"
   android:text="Button"></Button>
 </LinearLayout>
</LinearLayout>
 



실행결과

저작자 표시
신고
Trackback 0 : Comment 0

Write a comment