【移動(dòng)應(yīng)用開(kāi)發(fā)技術(shù)】Android中怎么實(shí)現(xiàn)圖片翻轉(zhuǎn)動(dòng)畫(huà)效果

【移動(dòng)應(yīng)用開(kāi)發(fā)技術(shù)】Android中怎么實(shí)現(xiàn)圖片翻轉(zhuǎn)動(dòng)畫(huà)效果

這篇文章將為大家詳細(xì)講解有關(guān)Android中怎么實(shí)現(xiàn)圖片翻轉(zhuǎn)動(dòng)畫(huà)效果，文章內(nèi)容質(zhì)量較高，因此在下分享給大家做個(gè)參考，希望大家閱讀完這篇文章后對(duì)相關(guān)知識(shí)有一定的了解。需要一個(gè)Rotate3d類(lèi)，繼承Animationpublic

class

Rotate3d

extends

Animation{

private

final

float

mFromDegrees;

private

final

float

mToDegrees;

private

final

float

mCenterX;

private

final

float

mCenterY;

private

final

float

mDepthZ;

private

final

boolean

mReverse;

private

Camera

mCamera;

public

Rotate3d(float

fromDegrees,

float

toDegrees,

float

centerX,

float

centerY,

float

depthZ,

boolean

reverse)

{

mFromDegrees

=

fromDegrees;

mToDegrees

=

toDegrees;

mCenterX

=

centerX;

mCenterY

=

centerY;

mDepthZ

=

depthZ;

mReverse

=

reverse;

}

@Override

public

void

initialize(int

width,

int

height,

int

parentWidth,

int

parentHeight)

{

super.initialize(width,

height,

parentWidth,

parentHeight);

mCamera

=

new

Camera();

}

@Override

protected

void

applyTransformation(float

interpolatedTime,

Transformation

t)

{

final

float

fromDegrees

=

mFromDegrees;

float

degrees

=

fromDegrees

+

((mToDegrees

-

fromDegrees)

*

interpolatedTime);

final

float

centerX

=

mCenterX;

final

float

centerY

=

mCenterY;

final

Camera

camera

=

mCamera;

final

Matrix

matrix

=

t.getMatrix();

camera.save();

if

(mReverse)

{

camera.translate(0.0f,

0.0f,

mDepthZ

*

interpolatedTime);

}

else

{

camera.translate(0.0f,

0.0f,

mDepthZ

*

(1.0f

-

interpolatedTime));

}

camera.rotateY(degrees);

camera.getMatrix(matrix);

camera.restore();

matrix.preTranslate(-centerX,

-centerY);

matrix.postTranslate(centerX,

centerY);

}

}這個(gè)類(lèi)可以直接拷過(guò)去，不用做任何的修改。其中的方法自己找相關(guān)資料研究。在main.xml里加個(gè)ImageView，如<?xml

version="1.0"

encoding="utf-8"?>

<FrameLayout

xmlns:android="/apk/res/android"

android:id="@+id/container"

android:layout_width="fill_parent"

android:layout_height="fill_parent">

<ImageView

android:id="@+id/image"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="Rotate"

android:textSize="50px"

android:layout_x="150px"

android:layout_y="30px"

android:src="@drawable/ro">

></ImageView>

</FrameLayout>這個(gè)不需要解釋吧，都可以看懂的***，還需要一個(gè)activity類(lèi)如：public

class

TestRotate

extends

Activity

implements

OnClickListener{

private

mageView

imageview;

private

ViewGroup

mContainer;

/**

*這個(gè)變量設(shè)置的是圖片，如果是多張圖片，那么可以用數(shù)組，如

*private

static

final

int

IMAGE

=

new

int[]{

*

R.drawable.ro,

*

R.drawable.icon

*};

*有多少圖片就放多少，我這里做的只是一張圖片的翻轉(zhuǎn)

*

*/

private

static

final

int

IMAGE

=

R.drawable.ro;

/**

Called

when

the

activity

is

first

created.

*/

@Override

public

void

onCreate(Bundle

savedInstanceState)

{

super.onCreate(savedInstanceState);

setContentView(R.layout.main);

imageview

=

(ImageView)

findViewById(R.id.image);

mContainer

=

(ViewGroup)

findViewById(R.id.container);

/**

*

設(shè)置***顯示的圖片

*

如果是數(shù)組，那么可以寫(xiě)成IMAGE[int]

*

*/

imageview.setImageResource(IMAGE);

/**

*

*

設(shè)置ImageView的OnClickListener

*

*/

imageview.setClickable(true);

imageview.setFocusable(true);

imageview.setOnClickListener(this);

}

private

void

applyRotation(int

position,

float

start,

float

end)

{

//

Find

the

center

of

the

container

final

float

centerX

=

mContainer.getWidth()

/

2.0f;

final

float

centerY

=

mContainer.getHeight()

/

2.0f;

final

Rotate3d

rotation

=

new

Rotate3d(start,

end,

centerX,

centerY,

310.0f,

true);

rotation.setDuration(500);

rotation.setFillAfter(true);

rotation.setInterpolator(new

AccelerateInterpolator());

rotation.setAnimationListener(new

DisplayNextView(position));

mContainer.startAnimation(rotation);

}

@Override

public

void

onClick(View

v)

{

//

TODO

Auto-generated

method

stub

/**

*

*

調(diào)用這個(gè)方法，就是翻轉(zhuǎn)圖片

*

參數(shù)很簡(jiǎn)單，大家都應(yīng)該看得懂

*

簡(jiǎn)單說(shuō)下，***個(gè)是位置，第二是開(kāi)始的角度，第三個(gè)是結(jié)束的角度

*

這里需要說(shuō)明的是，如果是要回到上一張

*

把***個(gè)參數(shù)設(shè)置成-1就行了

*

*/

applyRotation(0,0,90);

}

private

final

class

DisplayNextView

implements

Animation.AnimationListener

{

private

final

int

mPosition;

private

DisplayNextView(int

position)

{

mPosition

=

position;

}

public

void

onAnimationStart(Animation

animation)

{

}

public

void

onAnimationEnd(Animation

animation)

{

mContainer.post(new

SwapViews(mPosition));

}

public

void

onAnimationRepeat(Animation

animation)

{

}

}

/**

*

This

class

is

responsible

for

swapping

the

views

and

start

the

second

*

half

of

the

animation.

*/

private

final

class

SwapViews

implements

Runnable

{

private

final

int

mPosition;

public

SwapViews(int

position)

{

mPosition

=

position;

}

public

void

run()

{

final

float

centerX

=

mContainer.getWidth()

/

2.0f;

final

float

centerY

=

mContainer.getHeight()

/

2.0f;

Rotate3d

rotation;

if

(mPosition

>

-1)

{

imageview.setVisibility(View.VISIBL