簡述需求說明:
在一個app第一次打開時或者點選提示幫助的時候,會調用此對話框,對話框是自己重寫的Dialog類,此對話框可以點選tab切換頁面,也可以左右滑動實作viewpager效果,多的不說,還是看代碼吧!
自定義的dialog類:
import android.app.Dialog;
import android.content.Context;
import android.graphics.BitmapFactory;
import android.graphics.Matrix;
import android.os.Bundle;
import android.os.Parcelable;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.util.DisplayMetrics;
import android.view.LayoutInflater;
import android.view.View;
import android.view.animation.Animation;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast;
import java.util.ArrayList;
import java.util.List;
/**
* Created by csdn on 2015/10/20.
*/
public class myDialog extends Dialog {
private ViewPager mPager;
//Tab頁面表
private List<View> listViews;
//動畫圖檔
private ImageView cursor;
//頁卡頭标
private TextView t1, t2, t3;
//動畫圖檔的偏移量
private int offset = 0;
//目前卡頁的編号
private int currIndex = 0;
//動畫圖檔的寬度
private int bmpW;
public myDialog(Context context) {
super(context);
}
public myDialog(Context context, int theme) {
super(context, theme);
}
protected myDialog(Context context, boolean cancelable, OnCancelListener cancelListener) {
super(context, cancelable, cancelListener);
}
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.mydialog);
InitImageView();
InitTextView();
InitViewPager();
// t.setOnClickListener(new View.OnClickListener() {
// @Override
// public void onClick(View v) {
// Toast.makeText(getContext(), "額外", Toast.LENGTH_SHORT).show();
// }
// });
TextView ok = (TextView) findViewById(R.id.textView);
ok.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
dismiss();
}
});
}
/**
* 初始化動畫
*/
private void InitImageView() {
cursor = (ImageView) findViewById(R.id.cursor);
//圖檔的寬度
bmpW = BitmapFactory.decodeResource(getWindow().getContext().getResources(), R.drawable.a).getWidth();
DisplayMetrics dm = new DisplayMetrics();
getWindow().getWindowManager().getDefaultDisplay().getMetrics(dm);
//分辨率的寬度
int screenW = dm.widthPixels;
offset = (screenW / 3 - bmpW) / 2;
Matrix matrix = new Matrix();
matrix.postTranslate(offset, 0);
cursor.setImageMatrix(matrix);
}
/**
* 初始化ViewPager、
*/
private void InitViewPager() {
mPager = (ViewPager) findViewById(R.id.vPager);
listViews = new ArrayList<View>();
LayoutInflater mInflar = getLayoutInflater();
listViews.add(mInflar.inflate(R.layout.lay1, null));
listViews.add(mInflar.inflate(R.layout.lay2, null));
listViews.add(mInflar.inflate(R.layout.lay3, null));
mPager.setAdapter(new MyPageAdapter(listViews));
mPager.setCurrentItem(0);
t1.setBackgroundResource(R.drawable.btn_bigblue_h);
t2.setBackgroundResource(R.drawable.btn_bigblue_n);
t3.setBackgroundResource(R.drawable.btn_bigblue_n);
mPager.setOnPageChangeListener(new MyOnPageChangeListener());
}
/**
* 初始化頭标
*/
private void InitTextView() {
t1 = (TextView) findViewById(R.id.text1);
t2 = (TextView) findViewById(R.id.text2);
t3 = (TextView) findViewById(R.id.text3);
t1.setOnClickListener(new MyOnClickListener(0));
t2.setOnClickListener(new MyOnClickListener(1));
t3.setOnClickListener(new MyOnClickListener(2));
}
private class MyOnClickListener implements View.OnClickListener {
private int index = 0;
public MyOnClickListener(int i) {
index = i;
}
@Override
public void onClick(View v) {
mPager.setCurrentItem(index);
}
}
private class MyOnPageChangeListener implements ViewPager.OnPageChangeListener {
//頁面從1到2
int one = offset * 2 + bmpW;
//頁面1到 3
int two = one * 2;
@Override
public void onPageSelected(int arg0) {
Animation animation = null;
Toast.makeText(getContext(), "" + arg0, Toast.LENGTH_SHORT).show();
switch (arg0) {
case 0:
t1.setBackgroundResource(R.drawable.btn_bigblue_h);
t2.setBackgroundResource(R.drawable.btn_bigblue_n);
t3.setBackgroundResource(R.drawable.btn_bigblue_n);
if (currIndex == 1) {
//animation = new TranslateAnimation(one, 0, 0, 0);
} else if (currIndex == 2) {
// animation = new TranslateAnimation(two, 0, 0, 0);
}
break;
case 1:
t1.setBackgroundResource(R.drawable.btn_bigblue_n);
t2.setBackgroundResource(R.drawable.btn_bigblue_h);
t3.setBackgroundResource(R.drawable.btn_bigblue_n);
if (currIndex == 0) {
// animation = new TranslateAnimation(offset, one, 0, 0);
} else if (currIndex == 2) {
// animation = new TranslateAnimation(two, one, 0, 0);
}
break;
case 2:
t1.setBackgroundResource(R.drawable.btn_bigblue_n);
t2.setBackgroundResource(R.drawable.btn_bigblue_n);
t3.setBackgroundResource(R.drawable.btn_bigblue_h);
if (currIndex == 0) {
// animation = new TranslateAnimation(offset, two, 0, 0);
} else if (currIndex == 1) {
//animation = new TranslateAnimation(one, two, 0, 0);
}
break;
}
currIndex = arg0;
animation.setFillAfter(true);
animation.setDuration(300);
cursor.startAnimation(animation);
}
@Override
public void onPageScrolled(int i, float v, int i1) {
}
@Override
public void onPageScrollStateChanged(int i) {
}
}
/**
* ViewPager的擴充卡
*/
public class MyPageAdapter extends PagerAdapter {
public List<View> mLisetViews;
public MyPageAdapter(List<View> mLisetViews) {
this.mLisetViews = mLisetViews;
}
@Override
public void destroyItem(View arg0, int arg1, Object arg2) {
((ViewPager) arg0).removeView(mLisetViews.get(arg1));
}
@Override
public void finishUpdate(View arg0) {
}
@Override
public int getCount() {
return mLisetViews.size();
}
@Override
public boolean isViewFromObject(View arg0, Object arg1) {
return arg0 == (arg1);
}
@Override
public Object instantiateItem(View arg0, int arg1) {
((ViewPager) arg0).addView(mLisetViews.get(arg1), 0);
return mLisetViews.get(arg1);
}
@Override
public void restoreState(Parcelable state, ClassLoader loader) {
}
@Override
public Parcelable saveState() {
return null;
}
@Override
public void startUpdate(View container) {
}
}
}
點選DIALOG按鈕進入