39.jpg
18.jpg
图片.gif
1.透明式状态栏
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
//使状态栏透明
this.getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
// 如果想要给状态栏加点颜色，例如加点透明的阴影，就需要加上下面的三行代码
// 这是生成一个状态栏大小的矩形，给这个矩形添加颜色，添加 statusView 到布局中
View statusView = createStatusView(color);
ViewGroup decorView = (ViewGroup) this.getWindow().getDecorView();
decorView.addView(statusView);
// 设置根布局的参数
ViewGroup rootView = (ViewGroup) ((ViewGroup) this.findViewById(android.R.id.content)).getChildAt(0);
rootView.setFitsSystemWindows(false);
rootView.setClipToPadding(true);
}
/**
*这个生成一个状态栏大小的矩形，给这个矩形，添加 statusView 到布局中
* @param color
* @return
*/
private View createStatusView(int color) {
// 获得状态栏高度
int resourceId = this.getResources().getIdentifier("status_bar_height", "dimen", "android");
int statusBarHeight = this.getResources().getDimensionPixelSize(resourceId);
// 绘制一个和状态栏一样高的矩形
View statusView = new View(this);
LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,
statusBarHeight);
statusView.setLayoutParams(params);
statusView.setBackgroundColor(color);
return statusView;
}
图片一与图片二差别就是rootView.setFitsSystemWindows(false);图一是false ,图二是true
2.图片的缩放
主要代码：
package com.example.sunxiaokun.status;
import android.animation.ObjectAnimator;
import android.animation.ValueAnimator;
import android.app.Activity;
import android.graphics.Color;
import android.os.Build;
import android.os.Bundle;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.util.DisplayMetrics;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.view.WindowManager;
import android.widget.ImageView;
import android.widget.LinearLayout;
import com.example.sunxiaokun.testcoordinatorlayout.R;
/**
* Created by sunxiaokun on 2016/8/31.
*/
public class TranslucationActivity extends Activity {
private RecyclerView mAnim_rv;
private ImageView img_mine_background;
// 记录首次按下位置
private float mFirstPosition = 0;
// 是否正在放大
private Boolean mScaling = false;
private DisplayMetrics metric;
private TransAdapter mTransAdapter;
private LinearLayoutManager mLinearLayoutManager;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_translution);
setColor(Color.parseColor("#33000000"));
mAnim_rv = (RecyclerView) findViewById(R.id.rcv_trans);
if(mLinearLayoutManager == null){
mLinearLayoutManager = new LinearLayoutManager(this);
}
mAnim_rv.setLayoutManager(mLinearLayoutManager);
if (mTransAdapter == null)
mTransAdapter = new TransAdapter(this);
mAnim_rv.setAdapter(mTransAdapter);
mTransAdapter.setOnTouchClick(new OnTouchClick() {
@Override
public void onTouch(ImageView view) {
img_mine_background = view;
metric = new DisplayMetrics();
getWindowManager().getDefaultDisplay().getMetrics(metric);
LinearLayout.LayoutParams lp = (LinearLayout.LayoutParams) img_mine_background.getLayoutParams();
lp.width = metric.widthPixels;
lp.height = metric.widthPixels * 9 / 16;
img_mine_background.setLayoutParams(lp);
initzoomimage();
}
});
}
/**
* 这里我设置的图片在状态栏的下面，并且给状态栏设置了一个浅浅的透明色。
*
* @param color
*/
public void setColor(int color) {
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
//使状态栏透明
this.getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
// 如果想要给状态栏加点颜色，例如加点透明的阴影，就需要加上下面的三行代码
// 这是生成一个状态栏大小的矩形，给这个矩形添加颜色，添加 statusView 到布局中
View statusView = createStatusView(color);
ViewGroup decorView = (ViewGroup) this.getWindow().getDecorView();
decorView.addView(statusView);
// 设置根布局的参数
ViewGroup rootView = (ViewGroup) ((ViewGroup) this.findViewById(android.R.id.content)).getChildAt(0);
// 这个是决定我们的布局是否是在状态栏的下面
rootView.setFitsSystemWindows(false);
rootView.setClipToPadding(true);
}
}
/**
*这个生成一个状态栏大小的矩形，给这个矩形，添加 statusView 到布局中
* @param color
* @return
*/
private View createStatusView(int color) {
// 获得状态栏高度
int resourceId = this.getResources().getIdentifier("status_bar_height", "dimen", "android");
int statusBarHeight = this.getResources().getDimensionPixelSize(resourceId);
// 绘制一个和状态栏一样高的矩形
View statusView = new View(this);
LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,
statusBarHeight);
statusView.setLayoutParams(params);
statusView.setBackgroundColor(color);
return statusView;
}
/**
* 图片缩放的处理
*/
private void initzoomimage() {
mAnim_rv.setOnTouchListener(new View.OnTouchListener() {
@Override
public boolean onTouch(View v, MotionEvent event) {
LinearLayout.LayoutParams lp = (LinearLayout.LayoutParams) img_mine_background.getLayoutParams();
switch (event.getAction()) {
case MotionEvent.ACTION_UP:
mScaling = false;
replyImage();
break;
case MotionEvent.ACTION_MOVE:
if (!mScaling) {
//当图片也就是第一个item完全可见的时候，记录触摸屏幕的位置
if (mLinearLayoutManager.findFirstCompletelyVisibleItemPosition() == 0) {
mFirstPosition = event.getY();
} else {
break;
}
}
int distance = (int) ((event.getY() - mFirstPosition)* 0.6); // 滚动距离乘以一个系数
if (distance < 0) {
break;
}
// 处理放大
mScaling = true;
lp.width = metric.widthPixels + distance;
lp.height = (metric.widthPixels + distance) * 9 / 16;
img_mine_background.setLayoutParams(lp);
return true; // 返回true表示已经完成触摸事件，不再处理
}
return false;
}
});
}
private void replyImage() {
final LinearLayout.LayoutParams lp = (LinearLayout.LayoutParams) img_mine_background.getLayoutParams();
final float w = img_mine_background.getLayoutParams().width;// 图片当前宽度
final float h = img_mine_background.getLayoutParams().height;// 图片当前高度
final float newW = metric.widthPixels;// 图片原宽度
final float newH = metric.widthPixels * 9 / 16;// 图片原高度
// 设置动画
ValueAnimator anim = ObjectAnimator.ofFloat(0.0F, 1.0F).setDuration(200);
anim.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator animation) {
float cVal = (Float) animation.getAnimatedValue();
lp.width = (int) (w - (w - newW) * cVal);
lp.height = (int) (h - (h - newH) * cVal);
img_mine_background.setLayoutParams(lp);
}
});
anim.start();
}
}
recyclerview 的adapter:
package com.example.sunxiaokun.status;
import android.content.Context;
import android.support.v7.widget.RecyclerView;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import com.example.sunxiaokun.testcoordinatorlayout.R;
/**
* Created by sunxiaokun on 2016/8/24.
*/
public class TransAdapter extends RecyclerView.Adapter<TransAdapter.ViewHolder> {
private static final int IS_HEADER = 0;
private static final int IS_NORMAL = 1;
private Context mContext;
private OnTouchClick mOnTouchClick;
public void setOnTouchClick(OnTouchClick onTouchClick) {
mOnTouchClick = onTouchClick;
}
public TransAdapter(Context context){
this.mContext = context;
}
@Override
public int getItemViewType(int position) {
return position == 0 ? IS_HEADER : IS_NORMAL;
}
@Override
public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
ViewHolder viewHolder = null;
switch (viewType){
case IS_HEADER:
View view = View.inflate(mContext, R.layout.item_iv,null);
viewHolder = new ViewHolder(view);
viewHolder.trans_iv = (ImageView) view.findViewById(R.id.trans_iv_item);
break;
case IS_NORMAL:
View view1 = View.inflate(mContext, R.layout.item_anim,null);
viewHolder = new ViewHolder(view1);
viewHolder.iv_anim = (ImageView) view1.findViewById(R.id.iv_anim);
break;
}
return viewHolder;
}
@Override
public void onBindViewHolder(final ViewHolder holder, int position) {
if(position == 0){
mOnTouchClick.onTouch(holder.trans_iv);
}
}
@Override
public int getItemCount() {
return 30;
}
class ViewHolder extends RecyclerView.ViewHolder{
private ImageView iv_anim;
public ImageView trans_iv;
public ViewHolder(View itemView) {
super(itemView);
}
}
}
