效果圖如下：
demo1.gif
Demo1
1.高斯模糊實(shí)現(xiàn)毛玻璃效果
/*
* @param
* 根據(jù)imagepath獲取bitmap
* 得到本地或者網(wǎng)絡(luò)上的bitmap url - 網(wǎng)絡(luò)或者本地圖片的絕對(duì)路徑,比如:
* <p>
* A.網(wǎng)絡(luò)路徑: url="http://.png" ;
* <p>
* B.本地路徑:url="file://.png";
* <p>
* C.支持的圖片格式 ,png, jpg,bmp,gif等等
* @return
*/
public static int IO_BUFFER_SIZE = 2 * 1024;
public static Bitmap getBitmapToBlur(String url, int scaleRatio) {
int blurRadius = 5;//通常設(shè)置為8就行。
if (scaleRatio <= 0) {
scaleRatio = 10;
}
Bitmap originBitmap = null;
InputStream in = null;
BufferedOutputStream out = null;
try {
in = new BufferedInputStream(new URL(url).openStream(), IO_BUFFER_SIZE);
final ByteArrayOutputStream dataStream = new ByteArrayOutputStream();
out = new BufferedOutputStream(dataStream, IO_BUFFER_SIZE);
copy(in, out);
out.flush();
byte[] data = dataStream.toByteArray();
originBitmap = BitmapFactory.decodeByteArray(data, 0, data.length);
Bitmap scaledBitmap = Bitmap.createScaledBitmap(originBitmap,
originBitmap.getWidth() / scaleRatio,
originBitmap.getHeight() / scaleRatio,
false);
Bitmap blurBitmap = doBlur(scaledBitmap, blurRadius);
return blurBitmap;
} catch (IOException e) {
e.printStackTrace();
return null;
}
}
private static void copy(InputStream in, OutputStream out)
throws IOException {
byte[] b = new byte[IO_BUFFER_SIZE];
int read;
while ((read = in.read(b)) != -1) {
out.write(b, 0, read);
}
}
// 把本地圖片毛玻璃化
public static Bitmap bitmapToBlur(Bitmap originBitmap, int scaleRatio) {
// int scaleRatio = 10;
// 增大scaleRatio縮放比惊橱，使用一樣更小的bitmap去虛化可以到更好的得模糊效果磺送，而且有利于占用內(nèi)存的減恤镎邸灌闺；
int blurRadius = 5;
//增大blurRadius火诸，可以得到更高程度的虛化平项，不過會(huì)導(dǎo)致CPU更加intensive
/* 其中前三個(gè)參數(shù)很明顯疟呐，其中寬高我們可以選擇為原圖尺寸的1/10玖翅；
第四個(gè)filter是指縮放的效果翼馆，filter為true則會(huì)得到一個(gè)邊緣平滑的bitmap割以，
反之，則會(huì)得到邊緣鋸齒应媚、pixelrelated的bitmap严沥。
這里我們要對(duì)縮放的圖片進(jìn)行虛化，所以無所謂邊緣效果中姜，filter=false消玄。*/
if (scaleRatio <= 0) {
scaleRatio = 10;
}
Bitmap scaledBitmap = Bitmap.createScaledBitmap(originBitmap,
originBitmap.getWidth() / scaleRatio,
originBitmap.getHeight() / scaleRatio,
false);
Bitmap blurBitmap = doBlur(scaledBitmap, blurRadius);
return blurBitmap;
}
2.takephoto照片選擇器
/**
* 上傳單張圖片
*
* @param context
* @param takePhoto
* @param type type=0 不裁剪 1 1:1裁剪 2 4:3裁剪 3 16:9裁剪
*/
public static void uploadPhoto(Context context, final TakePhoto takePhoto, final int type) {
final DialogVertical cameraDialog = buildDialogVertical(context, "選擇照片", "拍照", "從手機(jī)相冊(cè)選擇");
final File file = new File(FileUtil.IMG_FILE_PATH + "/" + System.currentTimeMillis() + FileUtil.JPG_SUFFIX);
if (!file.getParentFile().exists()) {
file.getParentFile().mkdirs();
}
final Uri imageUri = Uri.fromFile(file);
configCompress(takePhoto);
configTakePhotoOption(takePhoto);
cameraDialog.setOnBtn1Listener(new View.OnClickListener() {
@Override
public void onClick(View v) {
if (type!=0) {
takePhoto.onPickFromCaptureWithCrop(imageUri, getCropOptions(type));
} else {
takePhoto.onPickFromCapture(imageUri);
}
cameraDialog.dismiss();
}
});
cameraDialog.setOnBtn2Listener(new View.OnClickListener() {
@Override
public void onClick(View v) {
if (type!=0) {
takePhoto.onPickFromGalleryWithCrop(imageUri, getCropOptions(type));
} else {
takePhoto.onPickFromGallery();
}
cameraDialog.dismiss();
}
});
cameraDialog.show();
}
//裁剪
private static CropOptions getCropOptions(int type) {
boolean withWonCrop = false;
CropOptions.Builder builder = new CropOptions.Builder();
switch (type) {
case 1:
builder.setAspectX(1).setAspectY(1);
break;
case 2:
builder.setAspectX(4).setAspectY(3);
break;
case 3:
builder.setAspectX(16).setAspectY(9);
break;
}
builder.setWithOwnCrop(withWonCrop);
return builder.create();
}
3.頭像放大預(yù)覽使用共享元素動(dòng)畫
public class ShareElementManager {
private final long ANIMATOR_DURATION = 300;
private long mDuration = ANIMATOR_DURATION;
private ShareElementBean mInfo;
private AnimatorListenerAdapter mListener;
private ViewPropertyAnimator mAnimator;
private Interpolator mInterpolator;
private boolean mEnter;
private Context mContext;
private View mBgView;
public ShareElementManager(ShareElementBean info, Context context, View bgView) {
mInfo = info;
mContext = context;
mBgView = bgView;
}
/**
* convert target ImageView info and if enter animation to init
*
* @param tarView the second page share view
* @return Class self
*/
public ShareElementManager convert(final ImageView tarView) {
if (mInfo == null) {
throw new NullPointerException("ShareElementBean must not null");
}
tarView.getViewTreeObserver().addOnPreDrawListener(new ViewTreeObserver.OnPreDrawListener() {
@Override
public boolean onPreDraw() {
tarView.getViewTreeObserver().removeOnPreDrawListener(this);
mInfo.convertTargetInfo(tarView, mContext);
//init
if (mEnter) {
tarView.setPivotX(mInfo.getPivotX());
tarView.setPivotY(mInfo.getPivotY());
tarView.setTranslationX(mInfo.getCenterOffsetX());
tarView.setTranslationY(mInfo.getCenterOffsetY());
tarView.setScaleX(mInfo.getScaleX());
tarView.setScaleY(mInfo.getScaleY());
mAnimator = tarView.animate();
start();
startBackgroundAlphaAnimation(mBgView, new ColorDrawable(ContextCompat.getColor(mContext, R.color.white)));
}
return true;
}
});
return this;
}
public ShareElementManager setDuration(long duration) {
mDuration = duration;
return this;
}
public ShareElementManager setListener(AnimatorListenerAdapter listener) {
mListener = listener;
return this;
}
public ShareElementManager setInterpolator(Interpolator interpolator) {
mInterpolator = interpolator;
return this;
}
private void start() {
mAnimator.setDuration(mDuration)
.scaleX(1.0f)
.scaleY(1.0f)
.translationX(0)
.translationY(0);
if (mListener != null) {
mAnimator.setListener(mListener);
}
if (mInterpolator != null) {
mAnimator.setInterpolator(mInterpolator);
}
mAnimator.start();
}
public void startEnterAnimator() {
mEnter = true;
}
public void startExitAnimator() {
mEnter = false;
mAnimator.setDuration(mDuration)
.scaleX(mInfo.getScaleX())
.scaleY(mInfo.getScaleY())
.translationX(mInfo.getCenterOffsetX())
.translationY(mInfo.getCenterOffsetY());
if (mListener != null) {
mAnimator.setListener(mListener);
}
if (mInterpolator != null) {
mAnimator.setInterpolator(mInterpolator);
}
mAnimator.start();
startBackgroundAlphaAnimation(mBgView, new ColorDrawable(ContextCompat.getColor(mContext, R.color.white)), 255, 0);
}
private void startBackgroundAlphaAnimation(final View bgView, final ColorDrawable colorDrawable, int... value) {
if (bgView == null)
return;
if (value == null || value.length == 0) {
value = new int[]{0, 255};
}
ObjectAnimator animator = ObjectAnimator.ofInt(colorDrawable, "alpha", value);
animator.setDuration(mDuration);
animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator animation) {
bgView.setBackground(colorDrawable);
}
});
animator.start();
}
}
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
mImageView.setTransitionName("image");
} else {
ShareElementBean info= getIntent().getExtras().getParcelable("image");
mShareElement = new ShareElementManager(info, this, mImageView.getRootView());
mShareElement.convert(mImageView)
.setDuration(1000)
.setInterpolator(new LinearInterpolator())
.startEnterAnimator();
}
4.仿淘寶/京東地址選擇
// 設(shè)置點(diǎn)擊之后的事件
holder.mTitle.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
// 點(diǎn)擊 分類別
switch (tabSelectPosition) {
case 0:
mSelectProvice = mRvData.get(position);
// 清空后面兩個(gè)的數(shù)據(jù)
mSelectCity = null;
mSelectDistrict = null;
mSelectCityPosition = 0;
mSelectDistrictPosition = 0;
mTabLayout.getTabAt(1).setText(defaultCity);
if (pickerType==0) {
mTabLayout.getTabAt(2).setText(defaultDistrict);
}
// 設(shè)置這個(gè)對(duì)應(yīng)的標(biāo)題
mTabLayout.getTabAt(0).setText(mSelectProvice.getN());
// 跳到下一個(gè)選擇
mTabLayout.getTabAt(1).select();
// 灰掉確定按鈕
mTvSure.setTextColor(defaultSureUnClickColor);
mSelectProvicePosition = position;
break;
case 1:
mSelectCity = mRvData.get(position);
// 清空后面一個(gè)的數(shù)據(jù)
mSelectDistrict = null;
mSelectDistrictPosition = 0;
if (pickerType==0) {
mTabLayout.getTabAt(2).setText(defaultDistrict);
}
// 設(shè)置這個(gè)對(duì)應(yīng)的標(biāo)題
mTabLayout.getTabAt(1).setText(mSelectCity.getN());
if (pickerType == 0) {
// 跳到下一個(gè)選擇
mTabLayout.getTabAt(2).select();
// 灰掉確定按鈕
mTvSure.setTextColor(defaultSureUnClickColor);
} else {
mTvSure.setTextColor(defaultSureCanClickColor);
}
mSelectCityPosition = position;
break;
case 2:
mSelectDistrict = mRvData.get(position);
mTabLayout.getTabAt(2).setText(mSelectDistrict.getN());
notifyDataSetChanged();
// 確定按鈕變亮
mTvSure.setTextColor(defaultSureCanClickColor);
mSelectDistrictPosition = position;
break;
}
}
});
其他文章鏈接地址：
（二）仿京東頂部伸縮漸變丶自定義viewpager指示器丶viewpager3D回廊丶recyclerview瀑布流
（三）RxJava2常用操作符merge、flatmap丢胚、zip--結(jié)合MVP架構(gòu)講解
（四）仿支付寶首頁頂部伸縮滑動(dòng)/中間層下拉刷新
（五）TabLayout+ViewPager懸浮吸頂及刷新數(shù)量動(dòng)畫顯示
（六）仿QQ首頁drawer/側(cè)滑刪除/浮動(dòng)imgaeView/角標(biāo)拖拽
（七）仿微信發(fā)布朋友圈拖拽刪除
將持續(xù)更新.. 不喜勿噴翩瓜，僅個(gè)人分享，希望能幫助到你
源碼地址：Github傳送門
