안녕하세요 저번에 이어서 이번엔 안드로이드에 패닝기능이 있는것처럼 보이게하는 방법입니다.
저번에 Fliper를 설명했었는데요.
그 외에 화면 전환용도로 사용하는 기능 중하나인 패닝기능입니다.
사실 안드로이드 자체에는 패닝이라는 기능이 없죠.
우선 기능을 구현하기 위해서는 드래그하여 화면페이지가 넘어가게 해주셔야됩니다.
그걸 위해서는 모션이벤트를 사용하셔야됩니다.
일단 소스를 보실까요?
약간은 지저분 하지만... 저번에 ViewFliper에 패닝기능을 추가한것입니다.
Vf.setOnTouchListener(new OnTouchListener() {
@Override
public boolean onTouch(View arg0, MotionEvent e) {
// TODO Auto-generated method stub
switch(e.getAction())
{
case MotionEvent.ACTION_DOWN :
e_x=(int)e.getX();
break;
case MotionEvent.ACTION_MOVE :
P_x = (int)e.getX();
Log.i("P_x","Count - "+Count);
if(Count %35 ==0)
{
if(e_x>P_x)
{
Log.i("previous","Prev");
Vf.showPrevious();
txt2.setText(""+(b-1));
if(LTemp %2 ==0)
{
a-=2;
b-=2;
txt1.setText(""+a);
txt2.setText(""+b);
}
LTemp++;
Count=1;
break;
}
if(e_x<P_x)
{
Log.i("Next","Next");
Vf.showNext();
txt2.setText(""+(b+1));
if(RTemp %2 ==0)
{
a+=2;
b+=2;
txt1.setText(""+a);
txt2.setText(""+b);
}
RTemp++;
Count=1;
break;
}
}
Count++;
break;
}
return true;
}
});
아... 색넣기 힘들군요.. 다음 글부터는 색그냥 안넣을께요...
Action Down 에서는 화면을 눌렀을 때의 반응 행동을 정의하는 곳으로서,
우리는 여기서 시작 좌표값을 가져가면 됩니다.
(ActionMove와 같은변수를 쓰게되면 안됩니다. 서로다른 변수로 저장해주시기 바랍니다.)
일단 MOVE이벤트를 설명하기전에 알고가셔야될게 있는데,
MOVE이벤트는 지속적인 이벤트가 아니라는 겁니다.
실제로 MOVE를 지속적으로 아주천천히 끌어보시면 Warnning이 발생합니다.
Move는 위치값이 변할때마다 재실행되며, 그 때마다 새로운 좌표값을 가지게 됩니다.
이것을 확인하고 싶으시면 MOVE이벤트에 변수를 하나 잡고 값을 증가시켜보십시오.
증가하나 안하나..(지역변수로 잡아보시고, 전역변수로 잡아보시길...)
여튼Move이벤트의 이러한 특징 때문에 우리는 Counter값을 둬서 Move가 얼마나
실행됬는지 알수도 있습니다. 이를 이용한것이 바로
if(Count %35 ==0)
이부분입니다.
소스의 끝부분을 보시면 마지막에 Count를 후위증가시키는데, (Count는 전역입니다.)
이때 값이 지속적으로 증가되기때문에 이값을 이용하여,
일정 값이 될때마다 어떤 행동을 취하게 하면됩니다.
Count를 35로 나누어 0, 즉 35의 배수마다 아래 if문을 실행하게 됩니다.
if(Count %35 ==0) 이부분에서 숫자 "35"는 움직임값을 나타내는데 이것을 작게하면 작게
할수록 한번 움직이는감도가 높아집니다. 즉 1mm만 움직여도 화면바뀌게 하고 싶으시면, 숫자를
10으로 해두시면 1mm만움직여도 화면바뀝니다. 저는 적당한 값으로 35를 한것이고,
이값만 바꿔주시면 여러분들이 원하는 값대로 변경이가능합니다.
그리고 e.getX()부분의 경우 int로 강제 파싱해버렸는데 원래는 float자료형입니다. 좀더 세밀하게 하고
싶으신분들은 count도 float으로 해버리셔서 좀더 세밀하게 조정이 가능합니다.
이전 글에서 배우셨던 Vf.showPrevious()를 실행하거나
Vf.showNext();등을 요.
아 그리고 전에 있던 소스랑 살짝변경된게 보이실겁니다.
일단 이방법은 View를 두개만 사용하였구요..
┌------------------------------(1)---------------------------┐
↓ │
│ ↑
└------------------------------(2)---------------------------┙
이렇게 뷰가 되있으므로.
prev를 하게되면, (2)방향으로
또한번 prev를 하게되면 (1).
next를 하게되면 (2)방향으로 갑니다.
또한번 next를 하게되면 (1).
이 경우에는 1과 2를 다른숫자로 저장해놓고,
2번 째로 바뀌었을때 2씩 증감시켜주기만해주면 되겠죠?
예를들면 1은 10, 2는 9일경우.
한번 prev일때 9(2로,,,) 또한번 prev하게되면 8로(이땐 1로...) 또 prev하면 7로(2로...)
패닝기능을 이용하여 화면을 넘기는 방법은 이외에도 여러가지방법이 있겠지만.
가장 간단하고 심플한 방법일꺼라고 생각됩니다.
좀더 스무스하게 움직이게 하시려면 여기에 추가로, 애니메이션 기능을 넣으시면되는데.
그건 다음기회에 댓글혹은 추가글로 달도록 하겠습니다.
목록
