step1.在build.gradle添加：
compile'com.android.support:design:26.1.0'
step2.在布局文件中添加：
<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
>
<android.support.design.widget.AppBarLayout
android:id="@+id/appbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">
<android.support.design.widget.CollapsingToolbarLayout
android:layout_width="match_parent"
android:layout_height="200dp"
app:layout_scrollFlags="scroll|exitUntilCollapsed">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="200dp">
<ImageView
android:layout_width="match_parent"
android:layout_height="200dp"
android:scaleType="centerCrop"
android:src="@mipmap/ic_back"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="新消息"
android:layout_alignParentBottom="true"
android:textColor="@color/colorPrimary"/>
</RelativeLayout>
<!--标题 -->
<android.support.v7.widget.Toolbar
android:layout_width="match_parent"
android:layout_height="80dp"
app:contentInsetStart="0dp"
app:layout_collapseMode="pin">
<FrameLayout
android:id="@+id/fl_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingTop="25dp"
android:background="@color/colorPrimary"
app:layout_collapseMode="pin">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="10dp"
>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="大连"
android:layout_weight="1"
android:textColor="@color/colorPrimary"/>
<TextView
android:layout_width="150dp"
android:layout_height="30dp"
android:text="搜索"
android:textColor="@color/colorAccent"
android:background="@android:color/white"
android:layout_weight="1"/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="二维码"
android:layout_weight="1"/>
</LinearLayout>
</FrameLayout>
</android.support.v7.widget.Toolbar>
</android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>
<android.support.v4.widget.NestedScrollView
android:id="@+id/n_scroll_view"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
</LinearLayout>
</android.support.v4.widget.NestedScrollView>
</android.support.design.widget.CoordinatorLayout>
step3.写一个ViewUtils
public class ViewUtils {
/**
* 获取控件的高度
*/
public static int getViewMeasuredHeight(View view) {
calculateViewMeasure(view);
return view.getMeasuredHeight();
}
/**
* 获取控件的宽度
*/
public static int getViewMeasuredWidth(View view) {
calculateViewMeasure(view);
return view.getMeasuredWidth();
}
/**
* 获取文字的宽度
*/
public static int getTextWidth(String str) {
int w = 0;
Paint paint = new Paint();
if (str != null && str.length() > 0) {
int len = str.length();
float[] widths = new float[len];
paint.getTextWidths(str, widths);
for (int j = 0; j < len; j++) {
w += (int) Math.ceil(widths[j]);
}
}
return w;
}
/**
* 测量控件的尺寸
*/
private static void calculateViewMeasure(View view) {
int w = View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED);
int h = View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED);
view.measure(w, h);
}
/**
* 获取通知栏高度
*
* @param context
* @return
*/
public static int getStatusHeigh(Activity context) {
Rect rectangle = new Rect();
context.getWindow().getDecorView().getWindowVisibleDisplayFrame(rectangle);
return rectangle.top;
}
/**
* 检查文本框内容是否为空
*/
public static boolean checkIsEmpty(EditText edit) {
if (edit == null) {
return true;
} else if (edit.getText().toString().trim().equals("")) {
return true;
}
return false;
}
/**
* 获取文本框中的值
*/
public static String getEditString(EditText edit) {
if (edit == null) {
return null;
} else {
return edit.getText().toString().trim();
}
}
/**
* 判断文本框中的值是否相同
*/
public static boolean IsSameStr(EditText edit1, EditText edit2) {
if (ViewUtils.getEditString(edit1).equals(ViewUtils.getEditString(edit2))) {
return true;
}
return false;
}
/**
* 设置组件左边drawable
*/
public static void setDrawableLeft(View view, int drawableId) {
try {
Drawable drawableImg;
Resources res = view.getContext().getResources();
drawableImg = res.getDrawable(drawableId);
//调用setCompoundDrawables时，必须调用Drawable.setBounds()方法,否则图片不显示
drawableImg.setBounds(0, 0, drawableImg.getMinimumWidth(), drawableImg.getMinimumHeight());
if (view instanceof Button) {
((Button) view).setCompoundDrawables(drawableImg, null, null, null); //设置左图标
}
if (view instanceof TextView) {
((TextView) view).setCompoundDrawables(drawableImg, null, null, null); //设置左图标
}
if (view instanceof EditText) {
((EditText) view).setCompoundDrawables(drawableImg, null, null, null); //设置左图标
}
} catch (Exception e) {
}
}
/**
* 设置组件左边drawable
*/
public static void setDrawableRight(View view, int drawableId) {
try {
Drawable drawableImg;
Resources res = view.getContext().getResources();
drawableImg = res.getDrawable(drawableId);
//调用setCompoundDrawables时，必须调用Drawable.setBounds()方法,否则图片不显示
drawableImg.setBounds(0, 0, drawableImg.getMinimumWidth(), drawableImg.getMinimumHeight());
if (view instanceof Button) {
((Button) view).setCompoundDrawables(null, null, drawableImg, null); //设置左图标
}
if (view instanceof TextView) {
((TextView) view).setCompoundDrawables(null, null, drawableImg, null); //设置左图标
}
if (view instanceof EditText) {
((EditText) view).setCompoundDrawables(null, null, drawableImg, null); //设置左图标
}
} catch (Exception e) {
}
}
/**
* 隐藏输入法键盘
*/
public static void hideInput(Activity activity) {
WeakReference<Activity> weakReference = new WeakReference<Activity>(activity);
hideInput(weakReference);
}
/**
* 隐藏键盘
*/
public static void hideInput(WeakReference<Activity> activity) {
InputMethodManager imm = (InputMethodManager) activity.get().getSystemService(Context.INPUT_METHOD_SERVICE);
if (imm.isActive() && activity.get().getCurrentFocus() != null) {
imm.hideSoftInputFromWindow(activity.get().getCurrentFocus().getWindowToken(), InputMethodManager.HIDE_NOT_ALWAYS);
}
}
/**
* 显示输入法键盘
*/
public static void showInput(WeakReference<Activity> activity, EditText editText) {
editText.setFocusable(true);
editText.requestFocus();
InputMethodManager imm = (InputMethodManager) activity.get().getSystemService(Context.INPUT_METHOD_SERVICE);
imm.showSoftInput(editText, InputMethodManager.SHOW_FORCED);
}
/**
* 获取状态栏高度
*
* @param context context
* @return 状态栏高度
*/
private static int getStatusBarHeight(Context context) {
// 获得状态栏高度
int resourceId = context.getResources().getIdentifier("status_bar_height", "dimen", "android");
return context.getResources().getDimensionPixelSize(resourceId);
}
/**
* 设置状态栏黑色字体图标，
* 适配4.4以上版本MIUIV、Flyme和6.0以上版本其他Android
*
* @param activity
* @return 1:MIUUI 2:Flyme 3:android6.0
*/
public static int StatusBarLightMode(Activity activity) {
int result = 0;
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
if (MIUISetStatusBarLightMode(activity.getWindow(), true)) {
result = 1;
} else if (FlymeSetStatusBarLightMode(activity.getWindow(), true)) {
result = 2;
} else if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
activity.getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN | View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR);
result = 3;
}
}
return result;
}
/**
* 已知系统类型时，设置状态栏黑色字体图标。
* 适配4.4以上版本MIUIV、Flyme和6.0以上版本其他Android
*
* @param activity
* @param type 1:MIUUI 2:Flyme 3:android6.0
*/
public static void StatusBarLightMode(Activity activity, int type) {
if (type == 1) {
MIUISetStatusBarLightMode(activity.getWindow(), true);
} else if (type == 2) {
FlymeSetStatusBarLightMode(activity.getWindow(), true);
} else if (type == 3) {
activity.getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
| View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR);
}
}
/**
* 清除MIUI或flyme或6.0以上版本状态栏黑色字体
*/
public static void StatusBarDarkMode(Activity activity, int type) {
if (type == 1) {
MIUISetStatusBarLightMode(activity.getWindow(), false);
} else if (type == 2) {
FlymeSetStatusBarLightMode(activity.getWindow(), false);
} else if (type == 3) {
activity.getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_VISIBLE);
}
}
/**
* 设置状态栏图标为深色和魅族特定的文字风格
* 可以用来判断是否为Flyme用户
*
* @param window 需要设置的窗口
* @param dark 是否把状态栏字体及图标颜色设置为深色
* @return boolean 成功执行返回true
*/
public static boolean FlymeSetStatusBarLightMode(Window window, boolean dark) {
boolean result = false;
if (window != null) {
try {
WindowManager.LayoutParams lp = window.getAttributes();
Field darkFlag = WindowManager.LayoutParams.class
.getDeclaredField("MEIZU_FLAG_DARK_STATUS_BAR_ICON");
Field meizuFlags = WindowManager.LayoutParams.class
.getDeclaredField("meizuFlags");
darkFlag.setAccessible(true);
meizuFlags.setAccessible(true);
int bit = darkFlag.getInt(null);
int value = meizuFlags.getInt(lp);
if (dark) {
value |= bit;
} else {
value &= ~bit;
}
meizuFlags.setInt(lp, value);
window.setAttributes(lp);
result = true;
} catch (Exception e) {
}
}
return result;
}
/**
* 设置状态栏字体图标为深色，需要MIUIV6以上
*
* @param window 需要设置的窗口
* @param dark 是否把状态栏字体及图标颜色设置为深色
* @return boolean 成功执行返回true
*/
public static boolean MIUISetStatusBarLightMode(Window window, boolean dark) {
boolean result = false;
if (window != null) {
Class clazz = window.getClass();
try {
int darkModeFlag = 0;
Class layoutParams = Class.forName("android.view.MiuiWindowManager$LayoutParams");
Field field = layoutParams.getField("EXTRA_FLAG_STATUS_BAR_DARK_MODE");
darkModeFlag = field.getInt(layoutParams);
Method extraFlagField = clazz.getMethod("setExtraFlags", int.class, int.class);
if (dark) {
extraFlagField.invoke(window, darkModeFlag, darkModeFlag);//状态栏透明且黑色字体
} else {
extraFlagField.invoke(window, 0, darkModeFlag);//清除黑色字体
}
result = true;
} catch (Exception e) {
}
}
return result;
}
/**
* 兼容状态栏透明（沉浸式）
*
* @param activity
*/
public static void setImmersionStateMode(Activity activity) {
StatusBarLightMode(activity);
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT && Build.VERSION.SDK_INT != Build.VERSION_CODES.LOLLIPOP) {
// 透明状态栏
activity.getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
// 透明导航栏
// getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
} else if (Build.VERSION.SDK_INT == Build.VERSION_CODES.LOLLIPOP) {
Window window = activity.getWindow();
window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS |
WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
window.getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
// | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
| View.SYSTEM_UI_FLAG_LAYOUT_STABLE);
window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
window.setStatusBarColor(Color.TRANSPARENT);
window.setNavigationBarColor(Color.TRANSPARENT);
}
}
public static void setTitleBarByTop(View titleBarView, Context context) {
if (Build.VERSION.SDK_INT >= 19 && titleBarView != null) {
final ViewGroup.LayoutParams layoutParams = titleBarView.getLayoutParams();
layoutParams.height = getViewMeasuredHeight(titleBarView) + getStatusBarHeight(context);
titleBarView.setPadding(titleBarView.getPaddingLeft(), titleBarView.getPaddingTop() + getStatusBarHeight(context), titleBarView.getPaddingRight(), titleBarView.getPaddingBottom());
titleBarView.setLayoutParams(layoutParams);
}
}
public static void addStatuHeight(View titleBarView, Context context) {
if (Build.VERSION.SDK_INT >= 19 && titleBarView != null) {
final ViewGroup.LayoutParams layoutParams = titleBarView.getLayoutParams();
layoutParams.height = getStatusBarHeight(context);
titleBarView.setLayoutParams(layoutParams);
}
}
/**
* 设置某个View的margin
*
* @param view 需要设置的view
* @param isDp 需要设置的数值是否为DP
* @param left 左边距
* @param right 右边距
* @param top 上边距
* @param bottom 下边距
* @return
*/
public static ViewGroup.LayoutParams setViewMargin(View view, boolean isDp, int left, int right, int top, int bottom) {
if (view == null) {
return null;
}
int leftPx = left;
int rightPx = right;
int topPx = top;
int bottomPx = bottom;
ViewGroup.LayoutParams params = view.getLayoutParams();
ViewGroup.MarginLayoutParams marginParams = null;
//获取view的margin设置参数
if (params instanceof ViewGroup.MarginLayoutParams) {
marginParams = (ViewGroup.MarginLayoutParams) params;
} else {
//不存在时创建一个新的参数
marginParams = new ViewGroup.MarginLayoutParams(params);
}
/* //根据DP与PX转换计算值
if (isDp) {
leftPx = SizeUtils.dp2px(left);
rightPx = SizeUtils.dp2px(right);
topPx = SizeUtils.dp2px(top);
bottomPx = SizeUtils.dp2px(bottom);
}*/
//设置margin
marginParams.setMargins(leftPx, topPx, rightPx, bottomPx);
view.setLayoutParams(marginParams);
return marginParams;
}
}
step4.最后在activity中添加：
public class firstFragment extends Fragment {
private View mFLayout;
private AppBarLayout mAppBarLayout;
@Nullable
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
View view = inflater.inflate(R.layout.first_fragment,null);
ViewUtils.setImmersionStateMode(getActivity());
mAppBarLayout = (AppBarLayout)view.findViewById(R.id.appbar);
mFLayout = view.findViewById(R.id.fl_layout);
mAppBarLayout.addOnOffsetChangedListener(new AppBarLayout.OnOffsetChangedListener() {
@Override
public void onOffsetChanged(AppBarLayout appBarLayout, int verticalOffset) {
float percent = Float.valueOf(Math.abs(verticalOffset)) / Float.valueOf(appBarLayout.getTotalScrollRange());
int toolbarHeight = appBarLayout.getTotalScrollRange();
int dy = Math.abs(verticalOffset);
if(dy<=toolbarHeight){
float scale = (float) dy / toolbarHeight;
float alpha = scale * 255;
mFLayout.setBackgroundColor(Color.argb((int) alpha, 200, 255, 255));
}
}
});
return view;
}
}
