(仿照猎聘欢迎页)欢迎页渐入渐出
先看看效果图: 有点看不清楚.可以拉到最下面下载apk 运行看效果! ~
import android.content.Context;
import android.content.res.TypedArray;
import android.support.annotation.Nullable;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.util.AttributeSet;
import android.util.Log;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.RelativeLayout;
import java.text.DecimalFormat;
import java.util.ArrayList;
import java.util.List;
public class AlphaView extends RelativeLayout implements ViewPager.OnPageChangeListener {
private ViewPager vp;
private List viewList;//图片资源的集合
private LinearLayout vg;//放置圆点
//实例化原点View
private ImageView iv_point;
private ImageView[] ivPointArray;
private RelativeLayout relativeLayout;
private ArrayList myImageViews;
private LayoutInflater from;
private View view;
private Integer[] imagesIds = new Integer[]{};
private Integer[] Layouts = new Integer[]{};
private Context mContext;
private int mVisible = -1;
private int mVis;
private int mGri;
//mIndicatorRes[0] 为为选中，mIndicatorRes[1]为选中
private int[] mIndicatorRes = new int[]{R.mipmap.splash_dot_normal_but, R.mipmap.splash_dot_press_but};
public AlphaView(Context context) {
super(context);
init(context);
initdata();
}
public AlphaView(Context context, @Nullable AttributeSet attrs) {
super(context, attrs);
setAttributeSet(context, attrs);
init(context);
initdata();
}
public AlphaView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
setAttributeSet(context, attrs);
init(context);
initdata();
}
private void initdata() {
setPointVisbile(mVis == VISIBLE ? VISIBLE : GONE);
setPointGravity(mGri);
initViewPager();
}
private void setAttributeSet(Context context, AttributeSet attrs) {
TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.AlphaView);
mVis = typedArray.getInt(R.styleable.AlphaView_pointvisbile, VISIBLE);
mGri = typedArray.getInt(R.styleable.AlphaView_pointgravity, Gravity.CENTER_HORIZONTAL);
typedArray.recycle();
}
private void init(Context context) {
mContext = context;
from = LayoutInflater.from(getContext());
view = from.inflate(R.layout.alphaview, this, true);
vg = view.findViewById(R.id.guide_ll_point);
vp = view.findViewById(R.id.guide_vp);
relativeLayout = view.findViewById(R.id.rl);
}
private void initViewPager() {
//实例化图片资源
viewList = new ArrayList<>();
if (Layouts == null || Layouts.length == 0) {
return;
}
for (int i = 0; i < Layouts.length; i++) {
View v = from.inflate(Layouts[i], null);
v.setId(Layouts[i]);
viewList.add(v);
}
//View集合初始化好后，设置Adapter
vp.setAdapter(new GuidePageAdapter(viewList));
//设置滑动监听
vp.addOnPageChangeListener(this);
}
/**
* 设置点击事件
* view.setSplashItemOnClick(this, R.layout.splash_activity_lay4, R.id.login);
*
* @param onClickListener
* @param item_lay
* @param clicks
*/
public void setSplashItemOnClick(OnClickListener onClickListener, int item_lay, int... clicks) {
if (viewList.size() != 0 && clicks.length != 0) {
for (View view : viewList) {
if (view.getId() == item_lay) {
for (int i : clicks) {
view.findViewById(i).setOnClickListener(onClickListener);
}
}
}
}
}
@Override
protected void onFinishInflate() {
super.onFinishInflate();
}
/**
* 设置是否小点是否显示
*
* @param isVisible
*/
public void setPointVisbile(int isVisible) {
mVisible = isVisible;
if (isVisible == VISIBLE) {
vg.setVisibility(isVisible);
} else {
vg.setVisibility(GONE);
}
}
/**
* Gravity.left
* Gravity.right
* Gravity......
* 设置点在布局中的位置
*
* @param gravity
*/
public void setPointGravity(int gravity) {
//这里实例化LinearLayout
vg.setGravity(gravity);
}
public void setData(Integer[] imagesId, Integer[] layouts) {
setImages(imagesId);
setLayouts(layouts);
}
/**
* 设置图片的id数组
*
* @param imagesId
*/
private void setImages(Integer[] imagesId) {
imagesIds = imagesId;
setImageViews();
}
/**
* 设置布局
*
* @param layouts
*/
private void setLayouts(Integer[] layouts) {
Layouts = layouts;
initViewPager();
}
/**
* @param top margintop
* @param bottom marginbottom
* @param left marginleft
* @param right marginright
* @param press 按下按钮的图片id
* @param normal 正常按钮的图片id
* @param width 按钮宽度
* @param height 按钮高度
*/
public void setPoint(int press, int normal, int width, int height, int left, int top, int right, int bottom) {
if (mVisible != VISIBLE) {
return;
}
if (viewList == null || viewList.size() == 0) {
return;
}
//根据ViewPager的item数量实例化数组
ivPointArray = new ImageView[viewList.size()];
//循环新建底部圆点ImageView，将生成的ImageView保存到数组中
for (int i = 0; i < viewList.size(); i++) {
iv_point = new ImageView(mContext);
LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams(width == 0 ? 50 : width, height == 0 ? 50 : height);
layoutParams.setMargins(left == 0 ? 30 : left, top == 0 ? 40 : top, right == 0 ? 30 : right, bottom == 0 ? 20 : bottom);
iv_point.setLayoutParams(layoutParams);
ivPointArray[i] = iv_point;
//第一个页面需要设置为选中状态，这里采用两张不同的图片
if (i == 0) {
if (press == 0) {
} else {
mIndicatorRes[1] = press;
}
iv_point.setBackgroundResource(mIndicatorRes[1]);
} else {
if (normal == 0) {
} else {
mIndicatorRes[0] = normal;
}
iv_point.setBackgroundResource(mIndicatorRes[0]);
}
//将数组中的ImageView加入到ViewGroup
vg.addView(ivPointArray[i]);
}
}
//TODO 添加ImageView
/**
* 设置图片
*/
private void setImageViews() {
myImageViews = new ArrayList<>();
if (imagesIds == null || imagesIds.length == 0) {
return;
}
for (int i = 0; i < imagesIds.length; i++) {
LayoutParams layoutParams = new LayoutParams(-1, -1);
ImageView imageView = new ImageView(mContext);
imageView.setScaleType(ImageView.ScaleType.FIT_XY);
imageView.setLayoutParams(layoutParams);
imageView.setBackgroundResource(imagesIds[imagesIds.length - 1 - i]);
relativeLayout.addView(imageView);
myImageViews.add(imageView);
}
}
private float mF = (float) 1.00;
@Override
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
DecimalFormat fnum = new DecimalFormat("##0.00");
Float left = Float.valueOf(fnum.format(positionOffset));//从0-1
float right = Math.abs(left - mF);//从1-0
Log.e("mz:", "---------" + left + "---------:" + right);
myImageViews.get(imagesIds.length - 1 - position).setAlpha(right);
}
private int getPointVisible() {
return mVisible;
}
/**
* 滑动后的监听
*
* @param position
*/
@Override
public void onPageSelected(int position) {
if (getPointVisible() == VISIBLE) {
//循环设置当前页的标记图
int length = imagesIds.length;
for (int i = 0; i < length; i++) {
ivPointArray[position].setBackgroundResource(mIndicatorRes[1]);
if (position != i) {
ivPointArray[i].setBackgroundResource(mIndicatorRes[0]);
}
}
}
}
@Override
public void onPageScrollStateChanged(int state) {
}
class GuidePageAdapter extends PagerAdapter {
private List viewList;
public GuidePageAdapter(List viewList) {
this.viewList = viewList;
}
/**
* @return 返回页面的个数
*/
@Override
public int getCount() {
if (viewList != null) {
return viewList.size();
}
return 0;
}
/**
* 判断对象是否生成界面
*
* @param view
* @param object
* @return
*/
@Override
public boolean isViewFromObject(View view, Object object) {
return view == object;
}
/**
* 初始化position位置的界面
*
* @param container
* @param position
* @return
*/
@Override
public Object instantiateItem(ViewGroup container, int position) {
container.addView(viewList.get(position));
return viewList.get(position);
}
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
container.removeView(viewList.get(position));
}
}
}
点击打开链接
apk点击下载(download)
点击打开链接