Android沉浸式状态栏+图片背景+标题栏渐变+背景伸缩

最新推荐文章于 2024-05-11 19:28:09 发布
最新推荐文章于 2024-05-11 19:28:09 发布
阅读量1.4k 收藏 7
点赞数 1
分类专栏： Android 文章标签： Android沉浸式状态栏
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41894451/article/details/99417058
版权

Android沉浸式状态栏+图片背景+标题栏渐变+背景伸缩

今天做项目时，刚好用到了一部分Android沉浸式状态栏的技术，我就单独写了出来
该部分代码在PersonView中
首先是自定义ScrollView实现Toolbar（标题栏）渐变

效果展示图：
在这里插入图片描述
编程思想：

1、自定义一个类，继承自ScrollView，并重写它的 onScrollChanged 方法；

2、在 onScrollChanged 中获取 ScrollView 在Y轴的移动距离，并根据此距离改变 Toolbar(标题栏) 的透明度。
示例代码：
类：MainActivity.java

package com.example.personview;

import android.os.Bundle;
import android.support.annotation.Nullable;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.LinearLayout;
import android.widget.Toast;

import com.example.personview.base.BaseActivity;
import com.example.personview.impl.ActionBarClickListener;
import com.example.personview.widget.TranslucentActionBar;
import com.example.personview.widget.TranslucentScrollView;


/**
 * Created by Administrator
 * time:2019/8/13
 */

public class MainActivity extends BaseActivity implements ActionBarClickListener, TranslucentScrollView.TranslucentChangedListener, View.OnClickListener {

    private TranslucentScrollView translucentScrollView;
    private TranslucentActionBar actionBar;
    private View zoomView;

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        init();
        initClick();//初始化点击事件
    }

    private void init() {
        actionBar = (TranslucentActionBar) findViewById(R.id.actionbar);
        //初始actionBar
        actionBar.setData("个人中心", 0, null, 0, null, null);
        //开启渐变
        actionBar.setNeedTranslucent();
        //设置状态栏高度
        actionBar.setStatusBarHeight(getStatusBarHeight());

        translucentScrollView = (TranslucentScrollView) findViewById(R.id.pullzoom_scrollview);
        //设置透明度变化监听
        translucentScrollView.setTranslucentChangedListener(this);
        //关联需要渐变的视图
        translucentScrollView.setTransView(actionBar);

        zoomView = findViewById(R.id.lay_header);
        //关联伸缩的视图
        translucentScrollView.setPullZoomView(zoomView);
    }

    @Override
    public void onLeftClick() {

    }

    @Override
    public void onRightClick() {

    }

    @Override
    public void onTranslucentChanged(int transAlpha) {
        actionBar.tvTitle.setVisibility(transAlpha > 48 ? View.VISIBLE : View.GONE);
    }

    /**
     * 初始化点击事件
     * 获取布局文件toast_signtoday.xml里的控件
     **/
    private void initClick() {
        LinearLayout person_sign = (LinearLayout) findViewById(R.id.person_sign);
        person_sign.setOnClickListener(this);
        LinearLayout person_footprint = (LinearLayout) findViewById(R.id.person_footprint);
        person_footprint.setOnClickListener(this);
        LinearLayout person_publish = (LinearLayout) findViewById(R.id.person_publish);
        person_publish.setOnClickListener(this);
        LinearLayout person_photowall = (LinearLayout) findViewById(R.id.person_photowall);
        person_photowall.setOnClickListener(this);
        LinearLayout person_lucky = (LinearLayout) findViewById(R.id.person_lucky);
        person_lucky.setOnClickListener(this);
        LinearLayout person_invite = (LinearLayout) findViewById(R.id.person_invite);
        person_invite.setOnClickListener(this);
        LinearLayout person_set = (LinearLayout) findViewById(R.id.person_set);
        person_set.setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()) {
            case R.id.person_sign:
                //签到
                LayoutInflater inflater = getLayoutInflater();
                View layout = inflater.inflate(R.layout.activity_toast_signtoday, null);
                Toast toast = new Toast(getApplicationContext());
                toast.setGravity(Gravity.CENTER, 0, 0);
                toast.setDuration(Toast.LENGTH_LONG);
                toast.setView(layout);
                toast.show();
                break;
            case R.id.person_footprint:
                //足迹
                Toast.makeText(this,"足迹",Toast.LENGTH_SHORT).show();
                break;
            case R.id.person_publish:
                //我发布的
                Toast.makeText(this,"我发布的",Toast.LENGTH_SHORT).show();
                break;
            case R.id.person_photowall:
                //照片墙
                Toast.makeText(this,"照片墙",Toast.LENGTH_SHORT).show();
                break;
            case R.id.person_lucky:
                //开始抽奖
                Toast.makeText(this,"开始抽奖",Toast.LENGTH_SHORT).show();
                break;
            case R.id.person_invite:
                //邀请奖励
                Toast.makeText(this,"邀请奖励",Toast.LENGTH_SHORT).show();
                break;
            case R.id.person_set:
                //设置
                Toast.makeText(this,"设置",Toast.LENGTH_SHORT).show();
                break;
        }
    }
}

TranslucentScrollView.java

package com.example.personview.widget;

import android.animation.ObjectAnimator;
import android.animation.ValueAnimator;
import android.content.Context;
import android.graphics.Color;
import android.support.annotation.ColorInt;
import android.support.v4.graphics.ColorUtils;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.view.WindowManager;
import android.widget.ScrollView;

import com.example.personview.R;
import com.example.personview.utils.SizeUtils;

/**
 * Created by 晓辉(xiaohui)
 * time:2019/8/13
 */

public class TranslucentScrollView extends ScrollView {

    static final String TAG = "TranslucentScrollView";

    //伸缩视图
    private View zoomView;
    //伸缩视图初始高度
    private int zoomViewInitHeight = 0;
    // 记录首次按下位置
    private float mFirstPosition = 0;
    // 是否正在放大
    private Boolean mScaling = false;

    //渐变的视图
    private View transView;
    //渐变颜色
    private int transColor = Color.WHITE;
    //渐变开始位置
    private int transStartY = 50;
    //渐变结束位置
    private int transEndY = 300;

    //渐变开始默认位置，Y轴，50dp
    private final int DFT_TRANSSTARTY = 50;
    //渐变结束默认位置，Y轴，300dp
    private final int DFT_TRANSENDY = 300;

    private TranslucentScrollView.TranslucentChangedListener translucentChangedListener;

    public interface TranslucentChangedListener {
        /**
         * 透明度变化，取值范围0-255
         *
         * @param transAlpha
         */
        void onTranslucentChanged(int transAlpha);
    }

    public TranslucentScrollView(Context context) {
        super(context);
    }

    public TranslucentScrollView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public TranslucentScrollView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    public void setTranslucentChangedListener(TranslucentScrollView.TranslucentChangedListener translucentChangedListener) {
        this.translucentChangedListener = translucentChangedListener;
    }

    /**
     * 设置伸缩视图
     *
     * @param zoomView
     */
    public void setPullZoomView(View zoomView) {
        this.zoomView = zoomView;
        zoomViewInitHeight = zoomView.getLayoutParams().height;
        if (zoomViewInitHeight == LayoutParams.MATCH_PARENT || zoomViewInitHeight == WindowManager.LayoutParams.WRAP_CONTENT) {
            zoomView.post(new Runnable() {
                @Override
                public void run() {
                    zoomViewInitHeight = TranslucentScrollView.this.zoomView.getHeight();
                }
            });
        }
    }

    /**
     * 设置渐变视图
     *
     * @param transView 渐变的视图
     */
    public void setTransView(View transView) {
        setTransView(transView, getResources().getColor(R.color.colorPrimary), SizeUtils.dip2px(getContext(), DFT_TRANSSTARTY), SizeUtils.dip2px(getContext(), DFT_TRANSENDY));
    }

    /**
     * 设置渐变视图
     *
     * @param transView  渐变的视图
     * @param transColor 渐变颜色
     * @param transEndY  渐变结束位置
     */
    public void setTransView(View transView, @ColorInt int transColor, int transStartY, int transEndY) {
        this.transView = transView;
        //初始视图-透明
        this.transView.setBackgroundColor(ColorUtils.setAlphaComponent(transColor, 0));
        this.transStartY = transStartY;
        this.transEndY = transEndY;
        this.transColor = transColor;
        if (transStartY > transEndY) {
            throw new IllegalArgumentException("transStartY 不得大于 transEndY .. ");
        }
    }

    /**
     * 获取透明度
     *
     * @return
     */
    private int getTransAlpha() {
        float scrollY = getScrollY();
        if (transStartY != 0) {
            if (scrollY <= transStartY) {
                return 0;
            } else if (scrollY >= transEndY) {
                return 255;
            } else {
                return (int) ((scrollY - transStartY) / (transEndY - transStartY) * 255);
            }
        } else {
            if (scrollY >= transEndY) {
                return 255;
            }
            return (int) ((transEndY - scrollY) / transEndY * 255);
        }
    }

    /**
     * 重置ZoomView
     */
    private void resetZoomView() {
        final ViewGroup.LayoutParams lp = zoomView.getLayoutParams();
        final float h = zoomView.getLayoutParams().height;// ZoomView当前高度

        // 设置动画
        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.height = (int) (h - (h - zoomViewInitHeight) * cVal);
                zoomView.setLayoutParams(lp);
            }
        });
        anim.start();
    }

    @Override
    protected void onScrollChanged(int l, int t, int oldl, int oldt) {
        super.onScrollChanged(l, t, oldl, oldt);
        int transAlpha = getTransAlpha();

        if (transView != null) {
            Log.d(TAG, "[onScrollChanged .. in ], 透明度 == " + transAlpha);
            transView.setBackgroundColor(ColorUtils.setAlphaComponent(transColor, transAlpha));
        }
        if (translucentChangedListener != null) {
            translucentChangedListener.onTranslucentChanged(transAlpha);
        }
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        if (zoomView != null) {
            ViewGroup.LayoutParams params = zoomView.getLayoutParams();
            switch (event.getAction()) {
                case MotionEvent.ACTION_UP:
                    //手指离开后恢复图片
                    mScaling = false;
                    resetZoomView();
                    break;
                case MotionEvent.ACTION_MOVE:
                    if (!mScaling) {
                        if (getScrollY() == 0) {
                            mFirstPosition = event.getY();
                        } else {
                            break;
                        }
                    }

                    int distance = (int) ((event.getY() - mFirstPosition) * 0.6);
                    if (distance < 0) {
                        break;
                    }
                    mScaling = true;
                    params.height = zoomViewInitHeight + distance;

                    Log.d(TAG, "params.height == " + params.height + ", zoomViewInitHeight == " + zoomViewInitHeight + ", distance == " + distance);
                    zoomView.setLayoutParams(params);
                    return true;
            }
        }

        return super.onTouchEvent(event);
    }

}

TranslucentActionBar.java

package com.example.personview.widget;

import android.content.Context;
import android.text.TextUtils;
import android.util.AttributeSet;
import android.view.View;
import android.view.ViewGroup;
import android.widget.LinearLayout;
import android.widget.TextView;

import com.example.personview.R;
import com.example.personview.impl.ActionBarClickListener;

/**
 * 支持渐变的 actionBar
 * Created by 晓辉(xiaohui)
 * time: 2019/8/13.
 */

public final class TranslucentActionBar extends LinearLayout {

    private View layRoot;
    private View vStatusBar;
    private View layLeft;
    private View layRight;
    public TextView tvTitle;
    private TextView tvLeft;
    private TextView tvRight;
    private View iconLeft;
    private View iconRight;

    public TranslucentActionBar(Context context) {
        this(context, null);
    }

    public TranslucentActionBar(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    public TranslucentActionBar(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    private void init() {
        setOrientation(HORIZONTAL);
        View contentView = inflate(getContext(), R.layout.actionbar_trans, this);
        layRoot = contentView.findViewById(R.id.lay_transroot);
        vStatusBar = contentView.findViewById(R.id.v_statusbar);
        tvTitle = (TextView) contentView.findViewById(R.id.tv_actionbar_title);
        tvLeft = (TextView) contentView.findViewById(R.id.tv_actionbar_left);
        tvRight = (TextView) contentView.findViewById(R.id.tv_actionbar_right);
        iconLeft = contentView.findViewById(R.id.iv_actionbar_left);
        iconRight = contentView.findViewById(R.id.v_actionbar_right);
    }

    /**
     * 设置状态栏高度
     *
     * @param statusBarHeight
     */
    public void setStatusBarHeight(int statusBarHeight) {
        ViewGroup.LayoutParams params = vStatusBar.getLayoutParams();
        params.height = statusBarHeight;
        vStatusBar.setLayoutParams(params);
    }

    /**
     * 设置是否需要渐变
     */
    public void setNeedTranslucent() {
        setNeedTranslucent(true, false);
    }

    /**
     * 设置是否需要渐变,并且隐藏标题
     *
     * @param translucent
     */
    public void setNeedTranslucent(boolean translucent, boolean titleInitVisibile) {
        if (translucent) {
            layRoot.setBackgroundDrawable(null);
        }
        if (!titleInitVisibile) {
            tvTitle.setVisibility(View.GONE);
        }
    }

    /**
     * 设置标题
     *
     * @param strTitle
     */
    public void setTitle(String strTitle) {
        if (!TextUtils.isEmpty(strTitle)) {
            tvTitle.setText(strTitle);
        } else {
            tvTitle.setVisibility(View.GONE);
        }
    }

    /**
     * 设置数据
     *
     * @param strTitle
     * @param resIdLeft
     * @param strLeft
     * @param resIdRight
     * @param strRight
     * @param listener
     */
    public void setData(String strTitle, int resIdLeft, String strLeft, int resIdRight, String strRight, final ActionBarClickListener listener) {
        if (!TextUtils.isEmpty(strTitle)) {
            tvTitle.setText(strTitle);
        } else {
            tvTitle.setVisibility(View.GONE);
        }
        if (!TextUtils.isEmpty(strLeft)) {
            tvLeft.setText(strLeft);
            tvLeft.setVisibility(View.VISIBLE);
        } else {
            tvLeft.setVisibility(View.GONE);
        }
        if (!TextUtils.isEmpty(strRight)) {
            tvRight.setText(strRight);
            tvRight.setVisibility(View.VISIBLE);
        } else {
            tvRight.setVisibility(View.GONE);
        }

        if (resIdLeft == 0) {
            iconLeft.setVisibility(View.GONE);
        } else {
            iconLeft.setBackgroundResource(resIdLeft);
            iconLeft.setVisibility(View.VISIBLE);
        }

        if (resIdRight == 0) {
            iconRight.setVisibility(View.GONE);
        } else {
            iconRight.setBackgroundResource(resIdRight);
            iconRight.setVisibility(View.VISIBLE);
        }

        if (listener != null) {
            layLeft = findViewById(R.id.lay_actionbar_left);
            layRight = findViewById(R.id.lay_actionbar_right);
            layLeft.setOnClickListener(new OnClickListener() {
                @Override
                public void onClick(View v) {
                    listener.onLeftClick();
                }
            });
            layRight.setOnClickListener(new OnClickListener() {
                @Override
                public void onClick(View v) {
                    listener.onRightClick();
                }
            });
        }
    }

}

布局文件：activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <com.example.personview.widget.TranslucentScrollView
        android:id="@+id/pullzoom_scrollview"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical">
            <LinearLayout
                android:id="@+id/lay_header"
                android:layout_width="match_parent"
                android:layout_height="248dp"
                android:background="@mipmap/bg_banner_my"
                android:orientation="vertical">
                <View
                    android:id="@+id/v_statusbar"
                    android:layout_width="match_parent"
                    android:layout_height="0.0dp"
                    android:background="@color/translate" />
                <RelativeLayout
                    android:layout_width="match_parent"
                    android:layout_height="match_parent">
                    <RelativeLayout
                        android:layout_width="137dp"
                        android:layout_height="137dp"
                        android:layout_centerInParent="true"
                        android:background="@mipmap/bg_avatar">
                        <de.hdodenhof.circleimageview.CircleImageView
                            android:id="@+id/image_head"
                            android:layout_width="105dp"
                            android:layout_height="105dp"
                            android:layout_centerInParent="true"
                            android:src="@mipmap/dft_avatar"
                            app:civ_border_color="#FFFFFF"
                            app:civ_border_width="1dp" />
                    </RelativeLayout>
                    <LinearLayout
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_alignParentBottom="true"
                        android:layout_centerHorizontal="true"
                        android:layout_marginBottom="15dp"
                        android:orientation="vertical">
                    <LinearLayout
                        android:layout_width="match_parent"
                        android:layout_height="match_parent"
                        android:gravity="center">
                        <TextView
                            android:id="@+id/name"
                            style="@style/text_white"
                            android:layout_gravity="center_horizontal"
                            android:text="@string/name"
                            android:textColor="@color/white"
                            android:textSize="17sp" />
                    </LinearLayout>
                        <LinearLayout
                            android:layout_width="match_parent"
                            android:layout_height="match_parent"
                            android:gravity="center">
                            <TextView
                                android:id="@+id/frag4_age"
                                android:layout_width="30dp"
                                android:layout_height="22dp"
                                android:background="@drawable/bg_person_left"
                                android:gravity="center_horizontal"
                                android:text="20"
                                android:textSize="11sp" />

                            <ImageView
                             android:id="@+id/frag4_sex"
                             android:layout_width="30dp"
                             android:layout_height="22dp"
                             android:paddingRight="6dp"
                             android:paddingTop="4dp"
                             android:paddingBottom="2dp"
                             android:background="@drawable/bg_person_right"
                             android:src="@drawable/ic_person_man" />
                        </LinearLayout>
                    </LinearLayout>
                </RelativeLayout>
            </LinearLayout>
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@color/white"
                android:orientation="horizontal"
                android:paddingTop="8dp"
                android:paddingBottom="8dp">
                <LinearLayout
                    android:id="@+id/lay_car"
                    android:layout_width="0.0dp"
                    android:layout_height="wrap_content"
                    android:layout_weight="1.0"
                    android:gravity="center_horizontal"
                    android:orientation="vertical">
                    <ImageView
                        android:layout_width="50dp"
                        android:layout_height="50dp"
                        android:scaleType="fitXY"
                        android:src="@mipmap/ic_shopcar_my" />
                    <TextView
                        style="@style/text_black"
                        android:layout_marginTop="5dp"
                        android:text="@string/contribute" />
                    <TextView
                        style="@style/text_black"
                        android:id="@+id/contribute"
                        android:layout_marginTop="5dp"
                        android:text="1000+" />
                </LinearLayout>
                <LinearLayout
                    android:id="@+id/lay_history"
                    android:layout_width="0.0dp"
                    android:layout_height="wrap_content"
                    android:layout_weight="1.0"
                    android:gravity="center_horizontal"
                    android:orientation="vertical">
                    <ImageView
                        android:id="@+id/imageView"
                        android:layout_width="50dp"
                        android:layout_height="50dp"
                        android:scaleType="fitXY"
                        android:src="@mipmap/ic_consume_history" />
                    <TextView
                        style="@style/text_black"
                        android:layout_width="wrap_content"
                        android:layout_marginTop="5dp"
                        android:text="@string/grade" />
                    <TextView
                        style="@style/text_black"
                        android:id="@+id/grade"
                        android:layout_width="wrap_content"
                        android:layout_marginTop="5dp"
                        android:text="V10" />
                </LinearLayout>
                <LinearLayout
                    android:id="@+id/lay_wallet"
                    android:layout_width="0.0dp"
                    android:layout_height="wrap_content"
                    android:layout_weight="1.0"
                    android:gravity="center_horizontal"
                    android:orientation="vertical">
                    <ImageView
                        android:layout_width="50dp"
                        android:layout_height="50dp"
                        android:scaleType="fitXY"
                        android:src="@mipmap/ic_wallet" />
                    <TextView
                        style="@style/text_black"
                        android:layout_marginTop="5dp"
                        android:text="@string/coin" />
                    <TextView
                        style="@style/text_black"
                        android:id="@+id/coin"
                        android:layout_marginTop="5dp"
                        android:text="500" />
                </LinearLayout>
            </LinearLayout>
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@color/white"
                android:orientation="vertical">
                <View
                    android:layout_width="match_parent"
                    android:layout_height="15dp"
                    android:background="@color/bg_main" />
                <LinearLayout
                    android:id="@+id/person_sign"
                    android:layout_width="match_parent"
                    android:layout_height="55dp"
                    android:background="@color/white"
                    android:orientation="horizontal">
                    <ImageView
                        android:layout_width="15dp"
                        android:layout_height="15dp"
                        android:layout_gravity="center_vertical"
                        android:layout_marginLeft="16dp"
                        android:background="@mipmap/ic_sign" />
                    <TextView
                        style="@style/text_black"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center_vertical"
                        android:layout_marginLeft="17dp"
                        android:text="@string/sign" />
                    <TextView
                        android:id="@+id/tv_has_sign"
                        style="@style/text_black"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center_vertical"
                        android:layout_marginLeft="3dp"
                        android:layout_weight="1"
                        android:text="@string/sign"
                        android:textColor="@color/gray_dft"
                        android:textSize="13sp"
                        android:visibility="invisible" />
                    <ImageView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center_vertical"
                        android:layout_marginRight="16dp"
                        android:background="@mipmap/ic_right_gray" />
                </LinearLayout>
                <View
                    style="@style/horizontal_divider_light"
                    android:layout_marginLeft="16dp" />
                <LinearLayout
                    android:id="@+id/person_footprint"
                    android:layout_width="match_parent"
                    android:layout_height="55dp"
                    android:background="@color/white"
                    android:orientation="horizontal">
                    <ImageView
                        android:layout_width="15dp"
                        android:layout_height="15dp"
                        android:layout_gravity="center_vertical"
                        android:layout_marginLeft="16dp"
                        android:background="@mipmap/ic_address" />
                    <TextView
                        style="@style/text_black"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center_vertical"
                        android:layout_marginLeft="17dp"
                        android:layout_weight="1"
                        android:text="@string/footprint" />
                    <ImageView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center_vertical"
                        android:layout_marginRight="16dp"
                        android:background="@mipmap/ic_right_gray" />
                </LinearLayout>
                <View
                    android:layout_width="match_parent"
                    android:layout_height="15dp"
                    android:background="@color/bg_main" />
                <LinearLayout
                    android:id="@+id/person_publish"
                    android:layout_width="match_parent"
                    android:layout_height="55dp"
                    android:background="@color/white"
                    android:orientation="horizontal">
                    <ImageView
                        android:layout_width="15dp"
                        android:layout_height="15dp"
                        android:layout_gravity="center_vertical"
                        android:layout_marginLeft="16dp"
                        android:background="@mipmap/ic_agent_my" />
                    <TextView
                        style="@style/text_black"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center_vertical"
                        android:layout_marginLeft="17dp"
                        android:layout_weight="1"
                        android:text="@string/publish" />
                    <ImageView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center_vertical"
                        android:layout_marginRight="16dp"
                        android:background="@mipmap/ic_right_gray" />
                </LinearLayout>
                <View
                    style="@style/horizontal_divider_light"
                    android:layout_marginLeft="16dp" />
                <LinearLayout
                    android:id="@+id/person_photowall"
                    android:layout_width="match_parent"
                    android:layout_height="55dp"
                    android:background="@color/white"
                    android:orientation="horizontal">
                    <ImageView
                        android:layout_width="15dp"
                        android:layout_height="15dp"
                        android:layout_gravity="center_vertical"
                        android:layout_marginLeft="16dp"
                        android:background="@mipmap/ic_teacher_my" />
                    <TextView
                        style="@style/text_black"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center_vertical"
                        android:layout_marginLeft="17dp"
                        android:layout_weight="1"
                        android:text="@string/photowall" />
                    <ImageView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center_vertical"
                        android:layout_marginRight="16dp"
                        android:background="@mipmap/ic_right_gray" />
                </LinearLayout>
                <View
                    android:layout_width="match_parent"
                    android:layout_height="15dp"
                    android:background="@color/bg_main" />
                <LinearLayout
                    android:id="@+id/person_lucky"
                    android:layout_width="match_parent"
                    android:layout_height="55dp"
                    android:background="@color/white"
                    android:orientation="horizontal">
                    <ImageView
                        android:layout_width="15dp"
                        android:layout_height="15dp"
                        android:layout_gravity="center_vertical"
                        android:layout_marginLeft="16dp"
                        android:background="@mipmap/ic_luck_my" />
                    <TextView
                        style="@style/text_black"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center_vertical"
                        android:layout_marginLeft="17dp"
                        android:layout_weight="1"
                        android:text="@string/lucky" />
                    <ImageView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center_vertical"
                        android:layout_marginRight="16dp"
                        android:background="@mipmap/ic_right_gray" />
                </LinearLayout>
                <View
                    style="@style/horizontal_divider_light"
                    android:layout_marginLeft="16dp" />
                <LinearLayout
                    android:id="@+id/person_invite"
                    android:layout_width="match_parent"
                    android:layout_height="55dp"
                    android:background="@color/white"
                    android:orientation="horizontal">
                    <ImageView
                        android:layout_width="15dp"
                        android:layout_height="15dp"
                        android:layout_gravity="center_vertical"
                        android:layout_marginLeft="16dp"
                        android:background="@mipmap/ic_invite_my" />
                    <TextView
                        style="@style/text_black"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center_vertical"
                        android:layout_marginLeft="17dp"
                        android:layout_weight="1"
                        android:text="@string/invite" />
                    <ImageView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center_vertical"
                        android:layout_marginRight="16dp"
                        android:background="@mipmap/ic_right_gray" />
                </LinearLayout>
                <View
                    android:layout_width="match_parent"
                    android:layout_height="15dp"
                    android:background="@color/bg_main" />
                <LinearLayout
                    android:id="@+id/person_set"
                    android:layout_width="match_parent"
                    android:layout_height="55dp"
                    android:background="@color/white"
                    android:orientation="horizontal">
                    <ImageView
                        android:layout_width="15dp"
                        android:layout_height="15dp"
                        android:layout_gravity="center_vertical"
                        android:layout_marginLeft="16dp"
                        android:background="@mipmap/ic_set_my" />
                    <TextView
                        style="@style/text_black"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center_vertical"
                        android:layout_marginLeft="17dp"
                        android:layout_weight="1"
                        android:text="@string/set" />
                    <ImageView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center_vertical"
                        android:layout_marginRight="16dp"
                        android:background="@mipmap/ic_right_gray" />
                </LinearLayout>
                <View
                    android:layout_width="match_parent"
                    android:layout_height="140dp"
                    android:background="@color/bg_main" />
            </LinearLayout>
        </LinearLayout>
    </com.example.personview.widget.TranslucentScrollView>
    <com.example.personview.widget.TranslucentActionBar
        android:id="@+id/actionbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />
</RelativeLayout>

activity_actionbar.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <com.example.personview.widget.TranslucentActionBar
        android:id="@+id/actionbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

    <com.example.personview.widget.TranslucentScrollView
        android:id="@+id/scrollview"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="1000dp"
            android:orientation="vertical" />
    </com.example.personview.widget.TranslucentScrollView>
</LinearLayout>

actionbar_trans.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/lay_transroot"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@color/colorPrimary"
    android:orientation="vertical">
    <View
        android:id="@+id/v_statusbar"
        android:layout_width="match_parent"
        android:layout_height="1.0dp" />
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="45dp"
        android:orientation="vertical">
        <RelativeLayout
            android:id="@+id/lay_actionbar_left"
            android:layout_width="100dp"
            android:layout_height="match_parent"
            android:orientation="horizontal">
            <ImageView
                android:id="@+id/iv_actionbar_left"
                android:layout_width="20dp"
                android:layout_height="20dp"
                android:layout_centerVertical="true"
                android:layout_marginLeft="10dp"
                android:background="@mipmap/ic_left_light"
                android:visibility="gone" />
            <TextView
                android:id="@+id/tv_actionbar_left"
                style="@style/text_white"
                android:layout_height="match_parent"
                android:layout_marginLeft="10dp"
                android:layout_toRightOf="@+id/iv_actionbar_left"
                android:gravity="center_vertical"
                android:maxLength="2"
                android:singleLine="true"
                android:text="返回"
                android:visibility="gone" />
        </RelativeLayout>
        <TextView
            android:id="@+id/tv_actionbar_title"
            style="@style/text_white"
            android:layout_centerInParent="true"
            android:text="标题"
            android:textSize="16sp" />
        <RelativeLayout
            android:id="@+id/lay_actionbar_right"
            android:layout_width="100dp"
            android:layout_height="match_parent"
            android:layout_alignParentRight="true"
            android:gravity="right"
            android:orientation="horizontal">
            <View
                android:id="@+id/v_actionbar_right"
                android:layout_width="20dp"
                android:layout_height="20dp"
                android:layout_alignParentRight="true"
                android:layout_centerVertical="true"
                android:layout_marginRight="10dp"
                android:visibility="gone" />
            <TextView
                android:id="@+id/tv_actionbar_right"
                style="@style/text_white"
                android:layout_height="match_parent"
                android:layout_marginRight="10dp"
                android:layout_toLeftOf="@+id/v_actionbar_right"
                android:gravity="center_vertical|right"
                android:singleLine="true"
                android:visibility="gone" />
        </RelativeLayout>
    </RelativeLayout>
</LinearLayout>

注意：全面屏要使标题栏渐变，除了需要在mainActivity.java里声明外，还要在AndroidManifest.xml中将theme设置成为android:theme="@style/TranslucentTheme"；并且引入三个style样式文件，适应不同的机型。
在这里插入图片描述
好了核心代码就是这些，如下有项目完整包

下载地址：https://download.csdn.net/download/qq_41894451/11538983

客之美我者
关注
  • 1
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
android沉浸式状态栏 图片背景,Android App 沉浸式状态栏解决方案
weixin_29496661的博客
05-26 866
伴随着 Android 5.0 发布的 Material Design，让 Android 应用告别了以前的工程师审美，迎来了全新的界面，灵动的交互，也让越来越多的 App 开始遵从 material design 设计原则，不再是以前拿着iOS设计稿，做着Android开发。本文就其中的沉浸式状态栏这一特性，描述其兼容到4.4的实现，以及一些使用中的小细节。前言在4.4之前状态栏一直是黑色的，在...
安卓中，设置状态栏颜色，使状态栏和标题栏保持一样的颜色风格
weixin_43926327的博客
07-02 954
从java转安卓四个月时间，做了三个安卓项目，一直未实现状态栏和标题栏统一的颜色，因为标题栏是渐变色，在style AppTheme里面设置样式只能把状态栏设置一个颜色，渐变颜色没法设置，赶项目过程中就没有仔细解决这个问题，现在有点空闲了，把项目优化下，就找了相关资料，解决了这个一直想解决的问题，方案如下： 第一种情况：标题栏为渐变色，或者想让状态栏样式带有图片，就使用代码控制统一风格，把状态栏设...
Android沉浸式状态栏 + scrollView顶部伸缩 + actionBar渐变
最新发布
2401_84909957的博客
05-11 494
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此我收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！
android沉浸式状态栏 图片背景,Android 补充 LayerDrawable 沉浸式状态栏
weixin_39932939的博客
05-26 136
小菜前些日子整理了两次小小的沉浸式状态栏的总结：Android 沉浸式状态栏的多种样式 和 Android 沉浸式状态栏以及伪沉浸式状态栏。今天小菜再稍稍补充一点，Java/Kotlin 代码中设置 LayerDrawable 方式实现沉浸式状态栏。LayerDrawable 为图层叠加，对应 xml 中的 layer-list 层次化方式展示 Drawable，小菜借用这种方式实现与以前一样的含...
本地配置域名（127.0.0.1配置为指定的域名）和127.0.0.1和localhost和本机IP三者的区别！！！
cs548431的博客
12-08 603
网址1、：https://blog.csdn.net/ailv8451/article/details/102330135?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-3.control&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-3.control
关于Android沉浸式状态栏字体颜色和图片背景自适应变化
zhuawalibai的博客
03-29 1193
最近开发Android音乐，遇到关于沉浸式状态栏的问题，当音乐封面背景图片和状态栏融合到一起时，如果状态栏的字体设置为白色或者浅色，这时背景图片的颜色也是白色，导致状态栏的字体几乎看不到的问题。如下图 这时，如果只是单纯的设置状态栏的字体颜色，这样是不行，因为每播放一首歌，他得封面是不同的，有的颜色深，有的颜色浅，这时候要去判断背景图片的bitmap值，来设置不同的状态栏字体颜色，即所谓的自适应...
Android 沉浸式状态栏适配(兼容多机型)
孙先森的博客
12-26 1772
适配状态栏百度千篇一律的判断机型，由于在RN开发时设置状态栏也就一句代码的事，我翻了以下android的文档，分享一下我在项目中如何适配状态栏 状态栏适配，实则是完成以下操作： 1.状态栏透明，布局直接从屏幕顶部开始，布局顶部加padding即可 2.状态栏背景白色时，字体变成黑色，反之则设为白色 3.android6.0之前不提供修改状态栏字体颜色的方法，所以我采用给它设一个半透明黑色背景，突显...
Android沉浸式状态栏 + actionBar渐变 + scrollView顶部伸缩
02-15
在Android应用开发中，我们经常追求提供更为沉浸式的用户体验，其中“Android沉浸式状态栏 + actionBar渐变 + scrollView顶部伸缩”是一个常见的设计模式，它能够使应用界面更美观、更具现代感。以下是对这个主题的...
TranslucentScrollView-android沉浸式状态栏 图片背景 标题栏渐变 背景伸缩.zip
09-24
自定义ScrollView实现Toolbar（标题栏）渐变效果如图： 编程思想：1、自定义一个类，继承自ScrollView，并重写它的 onScrollChanged 方法；2、在 onScrollChanged 中获取 ScrollView 在Y轴的移动距离，并根据此距离...
android 仿京东，滚动屏幕标题栏渐变+（启动页面动画）
03-17
这个项目“android 仿京东，滚动屏幕标题栏渐变+（启动页面动画）”就是一个很好的例子，它展示了如何通过自定义ScrollView来实现京东应用中常见的滚动时标题栏颜色渐变的效果，以及可能包含的启动页面动画。...
CollapsingToolbar侧滑菜单和折叠式菜单（标题栏）
02-06
沉浸式状态栏、actionBar渐变、scrollView顶部伸缩；1.往上滚动：在图片刚出现时展示顶部部分，随着滚动部分展示全部；\n2.往下滚动：在图片刚出现时展示底部部分，随着滚动部分展示全部；\n3.自定义侧滑菜单，菜单...
沉浸式标题栏
10-09
沉浸式标题栏，4.4以上记性可看出效果。
Android沉浸式状态栏 + actionBar渐变 + scrollView顶部伸缩效果
01-04
闲话不多说，直接上图。 给大家讲讲我的编程思想吧。 第一部分：沉浸式状态栏（API-Level 19, Android4.4 KitKat 之后加入的东西），而且在Api-Level 21版本中新增了一个属性（下面会说到）。所以，style文件应该声明三份。 values <style name=TranslucentTheme parent=@style/AppTheme> </style> values-19 <style name=TranslucentTheme parent=@style/AppTheme> <item name=android:win
android自定义打造 collapsingtoolbarlayout渐变伸缩
02-01
标题“android自定义打造 collapsingtoolbarlayout渐变伸缩”意味着我们将探讨如何在没有直接使用CollapsingToolbarLayout的情况下，通过自定义ScrollView来实现类似的功能。这通常是因为某些原因，如项目限制、兼容...
安卓项目实战之实现顶部标题栏沉浸式渐变效果
智玲君
05-06 1363
效果图如下： 实现步骤： 1、继承ScrollView实现自定义的ObservableScrollView.java类，代码如下： public class ObservableScrollView extends ScrollView { /** * 回调接口监听事件 */ private OnObservableScrollViewListene...
android开发　修改标题栏背景_Android 自定义标题栏背景
weixin_30923447的博客
02-22 392
设置标题栏背景1> 准备背景图片: background_pix.png注:用背景图片比用颜色好处,可以让背景看起来有凹凸感.2> drawable文件夹下放xml文件bitmap_repeat.xmlandroid:src="@drawable/title_pic"android:tileMode="repeat">3> 定义样式文件style.xml@drawable/...
安卓实现图片式沉浸状态栏
qq_30912619的博客
05-12 247
在复现《第三行代码》里的天气应用时，我发现书中实现沉浸式状态栏的systemUiVisibility方法已经被标记为过时。摸索过后我找到了另一个实现途径。是确保布局文件的内容不会覆盖到状态栏上的属性，务必设置成false。
android+标题栏一体,Android通用标题栏组合控件
weixin_35539437的博客
05-26 178
由于项目中经常用到此种组合控件,就封装了下，具体效果看下图，老司机可以绕道哈！Image.png一、主要功能支持左右图标动态设置支持左右、中间文字动态修改支持字体大小、颜色修改支持左右图标，左中右文字隐藏显示支持左右图标和文案的点击监听二、基本使用方式android:id="@+id/customView"android:layout_width="match_parent"android:lay...
android开发沉浸式标题栏_Android沉浸式状态栏的实现方案探讨
weixin_33940733的博客
01-13 269
多次尝试实现Android沉浸式状态栏，资料很多也很杂。并且有好几种实现方案，网上有好些资料把几种方案都混在一起，暂时把效果实现了，但是遇到问题后就蛋疼了。于是，这两天我就把从根源上把这几种方案的原理都整理了一下。主要有四种方案，有的方案还可以细分：WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS；Window.setStatusBarColor...
android 滑动渐变标题栏
06-12
针对您的问题，您可以使用 Android 中的 Toolbar 控件来实现滑动渐变标题栏。 具体实现步骤如下： 1. 在布局文件中添加 Toolbar 控件，并设置其高度为 wrap_content。 2. 在代码中通过 findViewById 获取 Toolbar...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值