【移動(dòng)應(yīng)用開發(fā)技術(shù)】Android中如何使用界面切換效果庫

【移動(dòng)應(yīng)用開發(fā)技術(shù)】Android中如何使用界面切換效果庫

Android中如何使用界面切換效果庫，針對(duì)這個(gè)問題，這篇文章詳細(xì)介紹了相對(duì)應(yīng)的分析和解答，希望可以幫助更多想解決這個(gè)問題的小伙伴找到更簡(jiǎn)單易行的方法。界面或者板塊的切換是Android應(yīng)用中非常常見的一個(gè)功能，同時(shí)也談?wù)勛约簩?duì)“Android模塊化編程”的一些想法與對(duì)自定義Android界面切換效果庫的使用。希望大家能通過對(duì)界面切換效果庫的研究和思考，總結(jié)出一套自己的常用功能類庫的開發(fā)思路。界面切換效果庫Demo項(xiàng)目的源碼（ShiftEffect.zip）可以點(diǎn)擊“此處下載”。將解壓后的項(xiàng)目源碼（ShiftEffect）導(dǎo)入到Eclipse中就可以看到這個(gè)Demo項(xiàng)目的代碼結(jié)構(gòu)了（如下圖）。首先，在模擬器上運(yùn)行項(xiàng)目代碼?？梢钥吹剑缑媲袚Q效果庫的Demo為大家提供了比較豐富的選項(xiàng)，如下圖所示；我們可以隨意選擇切換的內(nèi)容（文字、圖片）、切換的漸變時(shí)間、切換的停頓時(shí)間以及豐富切換的效果（滾動(dòng)切換、旋轉(zhuǎn)漸變、大小漸變等）。下圖所示的就是圖片切換的效果，大家還可以嘗試各種切換的效果，我們可以看到效果還是很流暢的。界面切換效果庫位于ShiftEffect項(xiàng)目的libs目錄下，即plugs-effect.jar。該效果庫的使用范例都在com.example.scrolleffect包目錄下的MainActivity.java文件中，使用方法在代碼注釋中都已經(jīng)寫的非常清楚了，如下參考。public

class

MainActivity

extends

Activity

implements

OnItemSelectedListener

{

//

展示漸變動(dòng)效的容器，用于容納漸變效果庫的View控件

private

LinearLayout

container;

//

漸變效果庫的View控件類

private

EffectView

mView;

//

文字資源（用于展示漸變切換）

private

String[]

mTexts

=

{

"今日新聞1",

"今日新聞2",

"今日新聞3"

};

//

圖片資源（用于展示漸變切換）

private

int[]

mImages

=

{

R.drawable.image_1,

R.drawable.image_2,

R.drawable.image_3

};

//

切換內(nèi)容選項(xiàng)

private

Spinner

sp1;

private

ArrayAdapter<String>

aa1;

private

String[]

menu1

=

{

"內(nèi)容:文字",

"內(nèi)容:圖片"

};

//

切換漸變時(shí)間選項(xiàng)

private

Spinner

sp2;

private

ArrayAdapter<String>

aa2;

private

String[]

menu2

=

{

"動(dòng)時(shí):300ms",

"動(dòng)時(shí):1000ms",

"動(dòng)時(shí):3000ms"

};

//

切換漸變停頓選項(xiàng)

private

Spinner

sp3;

private

ArrayAdapter<String>

aa3;

private

String[]

menu3

=

{

"停時(shí):3000ms",

"停時(shí):5000ms",

"停時(shí):10000ms"

};

//

切換漸變效果選項(xiàng)

private

Spinner

sp4;

private

ArrayAdapter<String>

aa4;

private

String[]

menu4

=

{

"動(dòng)效:向上",

"動(dòng)效:向下",

"動(dòng)效:向左",

"動(dòng)效:向右",

"動(dòng)效:旋轉(zhuǎn)",

"動(dòng)效:大小",

"動(dòng)效:漸變"

};

@Override

public

void

onCreate(Bundle

savedInstanceState)

{

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

//

初始化展示動(dòng)效的容器

container

=

(LinearLayout)

this.findViewById(R.id.container);

//

初始化各個(gè)選項(xiàng)的內(nèi)容

sp1

=

(Spinner)

findViewById(R.id.spinner1);

aa1

=

new

ArrayAdapter<String>(this,

android.R.layout.simple_spinner_item,

menu1);

aa1.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);

sp1.setAdapter(aa1);

sp1.setOnItemSelectedListener(this);

sp2

=

(Spinner)

findViewById(R.id.spinner2);

aa2

=

new

ArrayAdapter<String>(this,

android.R.layout.simple_spinner_item,

menu2);

aa2.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);

sp2.setAdapter(aa2);

sp2.setOnItemSelectedListener(this);

sp3

=

(Spinner)

findViewById(R.id.spinner3);

aa3

=

new

ArrayAdapter<String>(this,

android.R.layout.simple_spinner_item,

menu3);

aa3.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);

sp3.setAdapter(aa3);

sp3.setOnItemSelectedListener(this);

sp4

=

(Spinner)

findViewById(R.id.spinner4);

aa4

=

new

ArrayAdapter<String>(this,

android.R.layout.simple_spinner_item,

menu4);

aa4.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);

sp4.setAdapter(aa4);

sp4.setOnItemSelectedListener(this);

}

@Override

public

boolean

onCreateOptionsMenu(Menu

menu)

{

getMenuInflater().inflate(R.menu.activity_main,

menu);

return

true;

}

@Override

public

void

onItemSelected(AdapterView<?>

parent,

View

view,

int

position,

long

id)

{

//

選擇切換內(nèi)容選項(xiàng)（可選擇滾動(dòng)文字或者圖片）

if

(parent.getAdapter()

==

aa1)

{

container.removeAllViews();

switch

(position)

{

case

0:

//

初始化文字切換View對(duì)象

mView

=

EffectUtil.fillTexts(this,

EffectView.ANI_UP,

30,

mTexts);

container.addView(mView);

mView.start();

break;

default:

mView

=

EffectUtil.fillImages(this,

EffectView.ANI_UP,

mImages);

container.addView(mView);

mView.start();

break;

}

}

//

選擇切換漸變時(shí)間選項(xiàng)

if

(parent.getAdapter()

==

aa2)

{

switch

(position)

{

case

0:

mView.setDuration(300);

break;

case

1:

mView.setDuration(1000);

break;

default:

mView.setDuration(3000);

break;

}

}

//

選擇切換漸變間隔選項(xiàng)

if

(parent.getAdapter()

==

aa3)

{

switch

(position)

{

case

0:

mView.setInterval(3000);

break;

case

1:

mView.setInterval(5000);

break;

default:

mView.setInterval(10000);

break;

}

}

//

選擇切換漸變效果選項(xiàng)

if

(parent.getAdapter()

==

aa4)

{

switch

(position)

{

case

0:

mView.setAnimation(EffectView.ANI_UP);

//

往上滾動(dòng)

break;

case

1:

mView.setAnimation(EffectView.ANI_DOWN);

//

往下滾動(dòng)

break;

case

2:

mView.setAnimation(EffectView.ANI_LEFT);

//

往左滾動(dòng)

break;

case

3:

mView.setAnimation(EffectView.ANI_RIGHT);

//

往右滾動(dòng)

break;

case

4:

mView.setAnimation(EffectView.ANI_ROTATE);

//

旋轉(zhuǎn)漸變

break;

case

5:

mView.setAnimation(EffectView.ANI_SCALE);

//

大小漸變

break;

default:

mView.setAnimation(EffectView.ANI_FADE);

//

消失漸變

break;

}

}

}

@Overridek

public

void

onNothingSelected(AdapterView<?>

parent)

{