很贊的引導(dǎo)界面效果Android控件ImageSwitcher實(shí)現(xiàn)
本文實(shí)例為大家分享了Android控件ImageSwitcher實(shí)現(xiàn)引導(dǎo)界面的代碼,供大家參考,具體內(nèi)容如下
效果圖:

布局代碼:
<?xml version="1.0" encoding="UTF-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<ImageSwitcher
android:id="@+id/imageSwitcher"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
</ImageSwitcher>
<RelativeLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<LinearLayout
android:id="@+id/ll_view"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_marginBottom="30dp"
android:gravity="center_horizontal"
android:orientation="horizontal">
</LinearLayout>
</RelativeLayout>
</FrameLayout>
頁面代碼:
public class ImageSwitcherActivity extends Activity implements ViewSwitcher.ViewFactory, View.OnTouchListener {
private int[] imgIds;//圖片id數(shù)組
private int currentPosition;//當(dāng)前選中的圖片id序號(hào)
private ImageSwitcher mImageSwitcher;//ImagaSwitcher 的引用
private float downX;//按下點(diǎn)的X坐標(biāo)
private ImageView[] tips;//點(diǎn)點(diǎn)數(shù)組
private LinearLayout linearLayout;//裝載點(diǎn)點(diǎn)的容器
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_switcher);
imgIds = new int[]{R.drawable.bg, R.drawable.c2, R.drawable.c3, R.drawable.c4, R.drawable.c5, R.drawable.c6, R.drawable.c7, R.drawable.c8, R.drawable.c9};
mImageSwitcher = (ImageSwitcher) findViewById(R.id.imageSwitcher);//實(shí)例化ImageSwitcher
mImageSwitcher.setFactory(this); //設(shè)置Factory
mImageSwitcher.setOnTouchListener(this);//設(shè)置OnTouchListener,我們通過Touch事件來切換圖片
linearLayout = (LinearLayout) findViewById(R.id.ll_view);//指示器布局
tips = new ImageView[imgIds.length];
for (int i = 0; i < imgIds.length; i++) {
ImageView mImageView = new ImageView(this);
tips[i] = mImageView;
LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams(new ViewGroup.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT));
layoutParams.rightMargin = 3;
layoutParams.leftMargin = 3;
mImageView.setBackgroundResource(R.drawable.page_indicator_unfocused);
linearLayout.addView(mImageView, layoutParams);
}
//上一個(gè)界面?zhèn)鬟^來的位置
currentPosition = getIntent().getIntExtra("position", 0);
mImageSwitcher.setImageResource(imgIds[currentPosition]);
setImageBackground(currentPosition);
}
//設(shè)置選中的tip的背景
private void setImageBackground(int selectItems) {
for (int i = 0; i < tips.length; i++) {
if (i == selectItems) {
tips[i].setBackgroundResource(R.drawable.page_indicator_focused);
} else {
tips[i].setBackgroundResource(R.drawable.page_indicator_unfocused);
}
}
}
@Override
public View makeView() {
final ImageView i = new ImageView(this);
i.setBackgroundColor(0xff000000);
i.setScaleType(ImageView.ScaleType.CENTER_CROP);
i.setLayoutParams(new ImageSwitcher.LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT));
return i;
}
@Override
public boolean onTouch(View v, MotionEvent event) {
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN: {
downX = event.getX();//手指按下的X坐標(biāo)
break;
}
case MotionEvent.ACTION_UP: {
float lastX = event.getX();
//抬起的時(shí)候的X坐標(biāo)大于按下的時(shí)候就顯示上一張圖片
if (lastX > downX) {
if (currentPosition > 0) {
//設(shè)置動(dòng)畫
mImageSwitcher.setInAnimation(AnimationUtils.loadAnimation(getApplication(), R.anim.left_in));
mImageSwitcher.setOutAnimation(AnimationUtils.loadAnimation(getApplication(), R.anim.right_out));
currentPosition--;
mImageSwitcher.setImageResource(imgIds[currentPosition % imgIds.length]);
setImageBackground(currentPosition);
} else {
Toast.makeText(getApplication(), "已經(jīng)是第一張", Toast.LENGTH_SHORT).show();
}
}
if (lastX < downX) {
if (currentPosition < imgIds.length - 1) {
mImageSwitcher.setInAnimation(AnimationUtils.loadAnimation(getApplication(), R.anim.right_in));
mImageSwitcher.setOutAnimation(AnimationUtils.loadAnimation(getApplication(), R.anim.lift_out));
currentPosition++;
mImageSwitcher.setImageResource(imgIds[currentPosition]);
setImageBackground(currentPosition);
} else {
Toast.makeText(getApplication(), "到了最后一張", Toast.LENGTH_SHORT).show();
}
}
}
break;
}
return true;
}
}
以上就是本文的全部內(nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- Android入門之Gallery+ImageSwitcher用法實(shí)例解析
- Android控件ImageSwitcher實(shí)現(xiàn)左右圖片切換功能
- Android常用控件ImageSwitcher使用方法詳解
- Android基于ImageSwitcher實(shí)現(xiàn)圖片切換功能
- Android UI控件之ImageSwitcher實(shí)現(xiàn)圖片切換效果
- Android高級(jí)組件ImageSwitcher圖像切換器使用方法詳解
- Android之ImageSwitcher的實(shí)例詳解
- 基于Android實(shí)現(xiàn)保存圖片到本地并可以在相冊中顯示出來
- android獲取相冊圖片和路徑的實(shí)現(xiàn)方法
- Android ViewPager相冊橫向移動(dòng)的實(shí)現(xiàn)方法
- Android開發(fā)之ImageSwitcher相冊功能實(shí)例分析
相關(guān)文章
android獲取當(dāng)前運(yùn)行Activity名字的方法
這篇文章主要介紹了android獲取當(dāng)前運(yùn)行Activity名字的方法,對(duì)比分析了兩種實(shí)現(xiàn)方法供大家選擇,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-01-01
Android開發(fā)之使用SQLite存儲(chǔ)數(shù)據(jù)的方法分析
這篇文章主要介紹了Android開發(fā)之使用SQLite存儲(chǔ)數(shù)據(jù)的方法,結(jié)合實(shí)例形式分析了Android使用SQLite數(shù)據(jù)庫實(shí)現(xiàn)針對(duì)數(shù)據(jù)的增刪改查操作相關(guān)技巧,需要的朋友可以參考下2017-07-07
Android實(shí)現(xiàn)編程修改手機(jī)靜態(tài)IP的方法
這篇文章主要介紹了Android實(shí)現(xiàn)編程修改手機(jī)靜態(tài)IP的方法,涉及Android編程實(shí)現(xiàn)對(duì)系統(tǒng)底層信息修改的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10
Dialog底部彈出自定義view并且伴隨動(dòng)畫彈出和消失
這篇文章主要介紹了Dialog底部彈出自定義view并且伴隨動(dòng)畫彈出和消失的相關(guān)資料,需要的朋友可以參考下2016-12-12
Android編程實(shí)現(xiàn)號(hào)碼歸屬地查詢的方法
這篇文章主要介紹了Android編程實(shí)現(xiàn)號(hào)碼歸屬地查詢的方法,涉及Android xml文件的發(fā)送及WebService的操作技巧,需要的朋友可以參考下2016-01-01
Android實(shí)現(xiàn)簡易計(jì)步器功能隔天步數(shù)清零查看歷史運(yùn)動(dòng)紀(jì)錄
這篇文章主要介紹了Android實(shí)現(xiàn)簡易計(jì)步器功能隔天步數(shù)清零查看歷史運(yùn)動(dòng)紀(jì)錄,需要的朋友可以參考下2017-06-06
Ubuntu中為Android系統(tǒng)上編寫Linux內(nèi)核驅(qū)動(dòng)程序?qū)崿F(xiàn)方法
本文主要介紹在Ubuntu 上為Android系統(tǒng)編寫Linux內(nèi)核驅(qū)動(dòng)程序, 這里對(duì)編寫驅(qū)動(dòng)程序做了詳細(xì)的說明,對(duì)研究Android源碼和HAL都有巨大的幫助,有需要的小伙伴可以參考下2016-08-08

