带黑条的照片风格ImageView

Question

我想显示一个类似于Google照片应用程序的ImageView：顶部和底部有黑条，以防照片没有填满整个屏幕。

以下是ImageView的当前布局：

<ImageView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/fragmentImageView"
    android:adjustViewBounds="true"
    android:scaleType="centerCrop"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">
</ImageView>

我最初将宽度和高度设置为match_parent，因此它会填满整个屏幕，但这会导致图像被拉伸而一些侧面被切断。使用wrap_content，没有图像被截断，但它没有填满整个页面，并且有空白空白，如下所示。

如何将图像置于两个黑条之间，与照片应用程序的工作方式类似？

谢谢！

我的应用中的图片（透明操作栏覆盖，类似于照片）：

Google相册中的类似图片：

Answer 1

使用match_parent作为高度，但将scaleType切换为centerInside。请参阅文档here。这将确保保留图像宽高比，并且不会截断任何图像。将ImageView的背景设置为黑色以显示顶部和底部的黑条。

Answer 2

因为您使用的是android 5材质设计，为什么不使用黑色自定义状态栏和Actoin栏，使用操作栏（使用颜色主要属性）和状态栏（使用颜色主要暗属性）。如果你对我说的话一无所知，请参考这个链接，它会详细解释。 https://developer.android.com/training/material/theme.html