【问题标题】:How toolbar and fragment background to use one gradient color android kotlin工具栏和片段背景如何使用一种渐变颜色android kotlin
【发布时间】:2019-08-23 11:51:42
【问题描述】:

我在使用一种渐变颜色创建屏幕时遇到问题。我有包含工具栏和容器的活动,其中包含片段。 activity.xml:

<androidx.constraintlayout.widget.ConstraintLayout
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="70dp"
        android:background="@drawable/main_blue_gradient"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent">


    <RelativeLayout
            android:id="@+id/toolbarTitle"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:layout_constraintTop_toTopOf="parent">

        <ImageView
                android:id="@+id/backArrowBtn"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:clickable="true"
                android:padding="16dp"
                android:src="@drawable/back_arrow_icon" />

        <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerInParent="true"
                android:padding="16dp"
                android:text="@string/create_resume"
                android:textColor="@color/main_white"
                android:textSize="20sp" />

    </RelativeLayout>

</androidx.constraintlayout.widget.ConstraintLayout>



<RelativeLayout
        android:id="@+id/contentContainer"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@+id/toolbar">



</RelativeLayout>

当我用具有相同颜色的片段替换容器时出现问题 -> android:background="@drawable/main_blue_gradient

结果是两种不同的渐变色:

【问题讨论】:

  • 您是否尝试过删除片段的背景或使其背景透明?
  • 我得到了一些视图,如果我使片段背景透明,这些视图将变得可见:/
  • 好吧。您可以为整个屏幕和工具栏顶部的片段制作容器。这种方式片段将具有与使渐变正常的活动相同的高度。然后你将不得不添加一些顶部边距/工具栏高度大小的填充。它很脏,但会起作用。也许有人会有更好的主意

标签: android xml kotlin layout gradient


【解决方案1】:

您应该使您的工具栏透明并使其与contentContainer 重叠。然后在您的片段中,您应该添加一个等于工具栏高度的顶部填充。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-07-10
    • 2012-03-15
    • 1970-01-01
    • 2022-12-21
    • 1970-01-01
    相关资源
    最近更新 更多