在 Cardview 上具有全屏图像的 Android Material CardView

Question

我需要这样做：

http://developer.android.com/design/material/images/card_travel.png

所以我创建了依赖项并将其添加到项目中，这是我的活动主要代码：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/feed_detail"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <android.support.v7.widget.CardView
        android:layout_height="wrap_content"
        android:layout_width="match_parent"
        android:layout_margin="6dp">
        <ImageView
            android:layout_width="100dp"
            android:layout_height="50dp"
            android:src="@drawable/ic"/>


        <TextView
            style="@style/TextAppearance.AppCompat.Caption"
            android:textColor="#555"
            android:layout_margin="3dp"
            android:gravity="end"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="Detail"/>
    </android.support.v7.widget.CardView>


</LinearLayout>

那么，我们怎样才能做到这一点呢？

http://i.stack.imgur.com/Z0lNa.png

干杯！

Answer 1

您正在寻找的是一个半透明的状态栏。配置完成后，您就可以实现此效果。还要确保像我在下面的示例中那样删除操作栏，否则您必须使其透明。

将您的 v21/themes.xml 文件更改为：

<style name="Theme.MyTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="android:statusBarColor">@android:color/transparent</item>
    <item name="android:windowDrawsSystemBarBackgrounds">true</item>
    <item name="android:windowTranslucentStatus">true</item>
</style>

然后将 android:fitsSystemWindows="true" 添加到您的 LinearLayout。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/feed_detail"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:fitsSystemWindows="true">