우리가 앱을 제작을 하다보면
적은 View들로 마치 여러개의 View들이 존재하는것과 같은 효과를 내기 위해서
Flipper를 많이씁니다.
가장 대표적인 예가 Jorte라는 앱에서 달력을 보실때
플립을 하게되면 새로운 뷰에 새로운 달력이 뜨게 되죠
일반적으로 생각해보면 플립할때마다 아예 새로운 뷰가 동적으로 생성되서 계속추가되는것 같지만
사실 그렇지는 않습니다.
ViewFlipper를 이용한것인데요.
우선 구조를 알아야겠습니다.
ViewFlipper는 Flipper안에 여러개의 뷰들을 담아두고 그것을 안에서 뺑글뺑글 도는 방식입니다.
일반적인 자료구조로 설명하자면 원형리스트를 생각하시면됩니다.
예를 들어 설명하자면
[1_view] [2_view] [3_view]
이렇게 3개의 뷰들이 존재합니다.
플리퍼로 ViewFlipper vi ; vi.showPreVious(); //이전View 호출.
를 호출하게 되면. 1_view가 기본일때 2_view를 가리키는것이 아닌 시계방향으로
3_view를 가리키면서 호출합니다.
그리고 다시 vi.showPreVious();를 호출하게되면 2_view를 가리키면서 호출하게 됩니다.
반대로 vi.showNext();//다음View호출
를 호출하게되면 1_view가 현재 호출된 view일 시 시계반대방향으로 돕니다.
2_view -> 3_view -> 1_view
이런식으로.
꼬리의 꼬리를 무는 방식을 가진 리스트를 원형리스트라고 부릅니다.
그렇다면 우리가 플립을 사용할때 결국 사용해야되는 View의 수는 최대 3개뿐이며,
그이상만들필요가없게되어 heap에서 남는공간이 좀더 많아지겟죠?
그럼 간단한 구현방식을 소개합니다.
//소스
//////////////
FlipperTest.java;
//////////////
package com.corea.FlipperTest;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.TextView;
import android.widget.ViewFlipper;
public class FlipperTestActivity extends Activity {
/** Called when the activity is first created. */
ViewFlipper Vf;
TextView txt1;
TextView txt2;
TextView txt3;
Button btn1;
Button btn2;
int a =10;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
Vf = (ViewFlipper)findViewById(R.id.viewFlipper1);
txt1 = (TextView)findViewById(R.id.textView1);
txt1.setText(""+a);
txt2 = (TextView)findViewById(R.id.textView2);
txt2.setText(""+(a+1));
txt3 = (TextView)findViewById(R.id.textView3);
txt3.setText(""+(a-1));
btn1 = (Button)findViewById(R.id.left);
btn2 = (Button)findViewById(R.id.right);
btn1.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View arg0) {
// TODO Auto-generated method stub
Vf.showPrevious();
a-=1;
txt1.setText(""+(a));
txt2.setText(""+(a+1));
txt3.setText(""+(a-1));
}
});
btn2.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View arg0) {
// TODO Auto-generated method stub
Vf.showNext();
a+=1;
txt1.setText(""+(a));
txt2.setText(""+(a+1));
txt3.setText(""+(a-1));
}
});
}
}
////////////////
위의 소스는 숫자가 초기값에서 계속 2씩 증감하면서 화면이 바뀌는 방식입니다.
////////////////
/////////////////
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" android:weightSum="1">
<TextView android:layout_width="fill_parent"
android:layout_height="wrap_content" android:text="@string/hello"
android:id="@+id/text" />
<ViewFlipper android:layout_height="wrap_content"
android:layout_width="match_parent" android:id="@+id/viewFlipper1"
android:layout_weight="0.71">
<LinearLayout android:id="@+id/linearLayout2"
android:background="#ffffff"
android:layout_width="match_parent" android:layout_height="match_parent"
android:orientation="vertical">
<TextView android:textAppearance="?android:attr/textAppearanceLarge"
android:layout_height="wrap_content" android:id="@+id/textView1"
android:textColor="#000000"
android:text="TextView" android:layout_width="wrap_content"></TextView>
</LinearLayout>
<LinearLayout android:id="@+id/linearLayout3"
android:background="#ff0000"
android:layout_height="wrap_content" android:layout_width="match_parent"
android:orientation="vertical">
<TextView android:textAppearance="?android:attr/textAppearanceLarge"
android:layout_height="wrap_content" android:id="@+id/textView2"
android:text="TextView" android:layout_width="wrap_content"></TextView>
</LinearLayout>
<LinearLayout android:id="@+id/linearLayout4"
android:background="#00ffff"
android:layout_width="match_parent" android:layout_height="match_parent"
android:orientation="vertical">
<TextView android:textAppearance="?android:attr/textAppearanceLarge"
android:layout_height="wrap_content" android:id="@+id/textView3"
android:text="TextView" android:layout_width="wrap_content"></TextView>
</LinearLayout>
</ViewFlipper>
<LinearLayout android:id="@+id/linearLayout1"
android:layout_height="wrap_content" android:layout_width="match_parent">
<Button android:layout_height="wrap_content" android:text="Button"
android:id="@+id/left" android:layout_width="wrap_content"></Button>
<Button android:layout_height="wrap_content" android:text="Button"
android:id="@+id/right" android:layout_width="wrap_content"></Button>
</LinearLayout>
</LinearLayout>
////////////
일부로 레이아웃에 색을 잡아놨는데 이유는 각레이아웃이 값변화를 제대로 받으면서
레이아웃전환이 이루어지는가를 확인하기 위한 것입니다.
////////////
목록
