【问题标题】:Why Card elevation is ignored in layout_height="wrap_content"?为什么在 layout_height="wrap_content" 中忽略卡片高度?
【发布时间】:2019-11-12 11:52:16
【问题描述】:

我正在创建一个应用程序并在 Xamarin.Android 中重新构建一个控件。控件按预期工作,但我注意到如果我选择android:layout_height="wrap_content",海拔就消失了:

但如果我选择 android:layout_height="match_parent" 它会按预期工作:

你可能会问,那你为什么不使用match_parent,原因是这个控件是一个搜索栏,并且部分阻止了它的正常工作:

由于您看到的所有按钮都无法访问,因为搜索栏完全拥有该视图,并且与我单击的位置无关,我只能看到选项:

CardView 的代码或该部分代码如下:

<?xml version="1.0" encoding="utf-8"?>
<merge xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    tools:ignore="ContentDescription"
    xmlns:tools="http://schemas.android.com/tools">

    <android.support.v7.widget.CardView
        android:id="@+id/mt_container"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        app:cardBackgroundColor="@color/searchBarPrimaryColor"
        app:cardCornerRadius="2dp"
        app:cardElevation="2dp"
        app:cardPreventCornerOverlap="false">

        <RelativeLayout
            android:id="@+id/root"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical">

            <ImageView
                android:id="@+id/mt_menu"
                android:layout_width="48dp"
                android:layout_height="48dp"
                android:layout_alignParentEnd="true"
                android:layout_alignParentRight="true"
                android:background="?attr/selectableItemBackgroundBorderless"
                android:clickable="true"
                android:padding="12dp"
                android:scaleType="centerCrop"
                android:src="@drawable/ic_dots_vertical_black_48dp"
                android:visibility="gone"
                android:focusable="true" />

            <ImageView
                android:id="@+id/mt_nav"
                android:layout_width="48dp"
                android:layout_height="48dp"
                android:background="?selectableItemBackgroundBorderless"
                android:clickable="true"
                android:scaleType="center"
                android:visibility="visible"
                app:srcCompat="@drawable/ic_menu_black_24dp"
                android:focusable="true" />

            <TextView
                android:id="@+id/mt_placeholder"
                android:layout_width="wrap_content"
                android:layout_height="48dp"
                android:layout_marginLeft="16dp"
                android:layout_toLeftOf="@+id/mt_search"
                android:layout_toRightOf="@+id/mt_nav"
                android:fontFamily="sans-serif"
                android:gravity="center_vertical"
                android:maxLines="1"
                android:textAppearance="?android:attr/textAppearanceMedium"
                android:textColor="@color/searchBarPlaceholderColor"
                android:textStyle="bold"
                android:visibility="visible"
                tools:text="PlaceHolder"
                android:layout_marginStart="16dp"
                android:layout_toStartOf="@+id/mt_search"
                android:layout_toEndOf="@+id/mt_nav" />

            <LinearLayout
                android:id="@+id/inputContainer"
                android:layout_width="match_parent"
                android:layout_height="48dp"
                android:layout_toStartOf="@+id/mt_menu"
                android:layout_toLeftOf="@+id/mt_menu"
                android:gravity="center_vertical"
                android:orientation="horizontal"
                android:visibility="gone">

                <ImageView
                    android:id="@+id/mt_arrow"
                    android:layout_width="48dp"
                    android:layout_height="48dp"
                    android:background="?attr/selectableItemBackground"
                    android:clickable="true"
                    android:padding="12dp"
                    android:src="@drawable/ic_arrow_left_black_48dp"
                    android:visibility="visible"
                    android:focusable="true" />

                <EditText
                    android:id="@+id/mt_editText"
                    android:layout_width="0dp"
                    android:layout_height="match_parent"
                    android:layout_marginLeft="8dp"
                    android:layout_marginRight="8dp"
                    android:layout_weight="1"
                    android:background="@android:color/transparent"
                    android:hint="@string/action_search"
                    android:imeOptions="flagNoExtractUi|actionSearch"
                    android:inputType="text"
                    android:maxLines="1"
                    android:textAppearance="?android:attr/textAppearanceMedium"
                    android:visibility="visible"/>

                <ImageView
                    android:id="@+id/mt_clear"
                    android:layout_width="48dp"
                    android:layout_height="48dp"
                    android:background="?selectableItemBackgroundBorderless"
                    android:padding="12dp"
                    android:src="@drawable/ic_close_black_48dp" />

            </LinearLayout>

            <RelativeLayout
                android:id="@+id/last"
                android:layout_width="match_parent"
                android:layout_height="0dp"
                android:layout_alignParentStart="true"
                android:layout_alignParentLeft="true"
                android:layout_marginTop="48dp">

                <View
                    android:id="@+id/mt_divider"
                    android:layout_width="match_parent"
                    android:layout_height="1dp"
                    android:background="@color/searchBarDividerColor" />

                <android.support.v7.widget.RecyclerView
                    android:id="@+id/mt_recycler"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content" />
            </RelativeLayout>

            <ImageView
                android:id="@+id/mt_search"
                android:layout_width="48dp"
                android:layout_height="48dp"
                android:layout_alignParentEnd="true"
                android:layout_alignParentRight="true"
                android:background="?selectableItemBackgroundBorderless"
                android:clickable="false"
                android:padding="12dp"
                android:scaleType="centerCrop"
                android:src="@drawable/ic_magnify_black_48dp"
                android:visibility="visible" />

            <View
                android:id="@+id/mt_menu_divider"
                android:layout_width="1dp"
                android:layout_height="48dp"
                android:layout_alignParentRight="true"
                android:layout_marginRight="48dp"
                android:background="@color/searchBarDividerColor"
                android:clickable="false"
                android:visibility="gone"
                android:layout_alignParentEnd="true"
                android:layout_marginEnd="48dp" />

        </RelativeLayout>
    </android.support.v7.widget.CardView>
</merge>

这就是我在 XML 中调用控件的方式:

<tk.supernovaic.MaterialSearchBar.MaterialSearchBar
    android:id="@+id/searchBar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="8dp"
    app:mt_navIconEnabled="true"
    app:mt_placeholder="@string/HeaderByTime" />

是*到目前为止我尝试过什么?**

我尝试手动将高程添加到上一个控件,但没有成功:

android:elevation="9dp"

另外,我尝试设置一个特定的高度:

 android:layout_height="52dp"

然后结果没有显示出来。

如果您想更深入地了解控件,可以查看我的存储库:

https://github.com/FANMixco/Xamarin-SearchBar/tree/master/tk.supernovaic.MaterialSearchBar

另外,这是我基于我自己的版本的代码:

https://github.com/mancj/MaterialSearchBar

【问题讨论】:

    标签: android android-layout xamarin.android android-cardview android-elevation


    【解决方案1】:

    添加一些边距。阴影实际上发生在卡片之外,在卡片之外。如果您添加边距,您会再次看到它。

    【讨论】:

    • Gabe +1,尝试更多,有时它会改变。为您的搜索栏设置一个实际值,例如 android:layout_height="40dp"。可能android需要知道真实高度才能正确绘制视图
    • 嗨@FlorentBreton 好主意,但如果我这样做了,那么结果将不会显示(我过去已经尝试过)并且只有条形可见,那么它就不能按预期工作。跨度>
    【解决方案2】:

    看看android:clipToPadding (docs) 和android:clipChildren (docs)。

    【讨论】:

    • 嗨 Raimo,你能解释一下在这种情况下这将如何工作吗?
    • 我已经检查过了,我的代码中没有这些属性。
    • 您应该将 'android:clipChildren="false"' 放在搜索栏的父级上,或者尝试将 'android:clipToPadding="false"' 放在搜索栏本身上。
    • 我会在一天结束时告诉你我的发现。
    • @FedericoNavarrete 很高兴听到。很高兴它成功了。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2012-05-10
    • 1970-01-01
    • 1970-01-01
    • 2011-09-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多