Android工具栏背景阴影答案

【问题标题】：Android toolbar background shadowAndroid工具栏背景阴影
【发布时间】：2023-04-01 19:12:02
【问题描述】：

我想制作相同的工具栏。一切都很完美，但无法得到如图所示的阴影。我设计了整个东西，但不能得到阴影。任何人都可以指导我。我在下面发布我的代码并附上下面的图片：

    <?xml version="1.0" encoding="utf-8"?>
    <androidx.constraintlayout.widget.ConstraintLayout 
    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">

    <androidx.cardview.widget.CardView
        android:id="@+id/cvToolbar"
        style="@style/materialCardView"
        android:layout_width="match_parent"
        android:layout_height="@dimen/dp_56"
        android:layout_marginStart="@dimen/dp_8"
        android:layout_marginTop="@dimen/dp_8"
        android:layout_marginEnd="@dimen/dp_8"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent">

        <androidx.constraintlayout.widget.ConstraintLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent">

            <androidx.appcompat.widget.AppCompatImageView
                android:id="@+id/ivToolbarBack"
                android:layout_width="@dimen/dp_0"
                android:layout_height="wrap_content"
                android:layout_marginStart="@dimen/dp_23"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toTopOf="parent"
                app:srcCompat="@drawable/ic_arrow_back" />

            <androidx.appcompat.widget.AppCompatTextView
                android:id="@+id/tvToolbarTitle"
                style="@style/pinVerificationToolbarTextStyle"
                android:layout_width="@dimen/dp_0"
                android:layout_height="@dimen/dp_40"
                android:layout_marginStart="@dimen/dp_24"
                android:layout_marginTop="@dimen/dp_11"
                android:layout_marginEnd="@dimen/dp_8"
                android:layout_marginBottom="@dimen/dp_5"
                android:gravity="top"
                android:text="@string/pos_system"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintStart_toEndOf="@+id/ivToolbarBack"
                app:layout_constraintTop_toTopOf="parent" />

        </androidx.constraintlayout.widget.ConstraintLayout>

    </androidx.cardview.widget.CardView>

    </androidx.constraintlayout.widget.ConstraintLayout>


        <style name="pinVerificationToolbarTextStyle">
        <item name="android:textAppearance">@style/TextAppearance.Text.Regular</item>
        <item name="android:textColor">@color/colorBlack</item>
        <item name="android:textSize">22sp</item>
        <item name="android:letterSpacing">-0.01</item>
        <item name="android:textStyle">bold</item>
        <item name="fontFamily">@font/martel_sans</item>
        </style>
    
        <style name="materialCardView">
        <item name="cardBackgroundColor">@color/colorWhite</item>
        <item name="cardCornerRadius">26dp</item>
        <item name="cardElevation">1dp</item>
        <item name="elevation">1dp</item>
        <item name="android:translationZ">3dp</item>
        </style>

谁能帮我解决。

【问题讨论】：

也发布您的屏幕。但是您的布局中的工具栏在哪里？

标签： android toolbar shadow

【解决方案1】：

您可以使用android:background="@android:drawable/dialog_holo_light_frame" 来获得阴影，也可以使用任何绘图软件（如 photoshop、xd 等）制作可绘制的背景您可以将此视为参考Android View shadow

【讨论】：

【解决方案2】：

只需在工具栏中添加 android:elevation=“6dp”

【讨论】：

【解决方案3】：

在活动代码的 onCreate 方法中添加以下代码：

kotlin 代码：

supportActionBar?.elevation = 8F

java代码：

getSupportActionBar().setElevation(8);

------------或------------------

kotlin 代码：

    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
        actionBar?.elevation = 8F
    }

java代码：

    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
        getActionBar().setElevation(8);
    }

在您的应用栏中实现 8dp 的高度。（添加高程会添加阴影）

您可以更改数值以达到所需的高度（阴影）

【讨论】：