> 本講內(nèi)容:ImageSwitcher 圖片切換器 和 TextSwitcher 文本切換器 源代碼下載: 3、在main.xml中添加一個ImageSwitcher組件: - <?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">
<imageswitcher android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/imageSwitcher1">
</imageswitcher>
</linearlayout>
復(fù)制代碼 4、在MainActivity.java中的代碼如下: - package basic.android.lesson45;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.Window;
import android.view.WindowManager;
import android.view.animation.AnimationUtils;
import android.widget.ImageSwitcher;
import android.widget.ImageView;
import android.widget.ViewSwitcher.ViewFactory;
public class MainActivity extends Activity {
//當(dāng)前顯示的圖片索引
private int index;
//圖片數(shù)組
private int[] images = { R.drawable.image1, R.drawable.image2, R.drawable.image3, R.drawable.image4,
R.drawable.image5 };
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
//全屏設(shè)置
requestWindowFeature(Window.FEATURE_NO_TITLE);
getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN);
setContentView(R.layout.main);
//得到ImageSwitcher對象
final ImageSwitcher is = (ImageSwitcher) findViewById(R.id.imageSwitcher1);
//實現(xiàn)并設(shè)置工廠內(nèi)部接口的makeView方法,用來顯示視圖。
is.setFactory(new ViewFactory() {
@Override
public View makeView() {
return new ImageView(MainActivity.this);
}
});
//設(shè)置圖片來源
is.setImageResource(images[index]);
//設(shè)置點擊監(jiān)聽器
is.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
//點擊會切換圖片
index++;
if (index >= images.length) {
index = 0;
}
is.setImageResource(images[index]);
}
});
//設(shè)置切入動畫
is.setInAnimation(AnimationUtils.loadAnimation(getApplicationContext(), android.R.anim.slide_in_left));
//設(shè)置切出動畫
is.setOutAnimation(AnimationUtils.loadAnimation(getApplicationContext(), android.R.anim.slide_out_right));
}
}
復(fù)制代碼 5、編譯并運行程序,查看結(jié)果:抱歉我抓不到切換圖片瞬間的截圖。
二、TextSwitcher 文本切換器文本的切換動畫也是有一個叫TextSwitcher的類可以做到,它的使用方法和ImageSwitcher類似。至于為什么用法如此相似,還是看下面兩張繼承關(guān)系圖吧:
下面直接上例子:1、新建一個項目:Lesson45_TextSwitcher2、在main.xml中添加一個TextSwitcher組件: - <?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">
<textswitcher android:layout_width="match_parent" android:layout_height="wrap_content" android:id="@+id/textSwitcher1">
</textswitcher>
</linearlayout>
復(fù)制代碼 3、在MainActivity.java中的代碼如下: - package basic.android.lesson45;
import android.app.Activity;
import android.graphics.Color;
import android.os.Bundle;
import android.view.View;
import android.view.animation.AnimationUtils;
import android.widget.TextSwitcher;
import android.widget.TextView;
import android.widget.ViewSwitcher.ViewFactory;
public class MainActivity extends Activity {
// 索引
private int index;
// 文本數(shù)組
private String[] poemArray = { "去年今日栽", "臨去見花開", "好住守空院", "夜間人不來" };
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
//定義文字切換器
final TextSwitcher ts = (TextSwitcher) findViewById(R.id.textSwitcher1);
//定義視圖顯示工廠,并設(shè)置
ts.setFactory(new ViewFactory() {
@Override
public View makeView() {
TextView tv =new TextView(MainActivity.this);
tv.setTextSize(32);
tv.setTextColor(Color.GREEN);
return tv;
}
});
// 設(shè)置圖片來源
ts.setText(poemArray[index]);
// 設(shè)置點擊監(jiān)聽器
ts.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
// 點擊會切換圖片
index++;
if (index >= poemArray.length) {
index = 0;
}
ts.setText(poemArray[index]);
}
});
// 設(shè)置切入動畫
ts.setInAnimation(AnimationUtils.loadAnimation(getApplicationContext(), android.R.anim.slide_in_left));
// 設(shè)置切出動畫
ts.setOutAnimation(AnimationUtils.loadAnimation(getApplicationContext(), android.R.anim.slide_out_right));
}
}
復(fù)制代碼
4、編譯并運行程序,查看結(jié)果:
抱歉還是沒法截取到切換時的場景#_#好吧,本講就到這里,各位下次再見。</div |