如何在RecyclerView中让图片匹配屏幕宽度且高度超出屏幕

你需要实现的是让图片宽度铺满屏幕，高度按原比例缩放，超出屏幕的部分可滚动查看。调整布局结构和ImageView属性即可实现，具体方案如下：

• 父布局使用ScrollView，确保超出屏幕的内容能滚动显示
• ImageView设置android:layout_width="match_parent"，让宽度匹配屏幕
• ImageView设置android:layout_height="wrap_content"，让高度按图片宽高比自动计算
• 保留android:adjustViewBounds="true"，保证图片宽高比不被拉伸
• 将scaleType改为fitStart（或fitCenter，根据你需要的对齐方式选择），不要用centerInside（该属性会强制整张图片缩放到屏幕范围内，无法实现高度延伸）

最终布局代码：

<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fillViewport="true">

    <ImageView
        android:id="@+id/comic_page"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:adjustViewBounds="true"
        android:scaleType="fitStart"
        android:contentDescription="@null" />
</ScrollView>

为什么之前的布局无法实现需求： #

• 你使用的centerInside属性会将整张图片等比例缩小，确保完全显示在ImageView的范围内，因此图片高度不会超出屏幕，自然无法滚动
• 用RelativeLayout包裹ImageView并设置layout_height="match_parent"时，adjustViewBounds="true"会让图片按比例缩放到高度不超过屏幕，导致宽度无法铺满屏幕

这样设置后，图片宽度会铺满屏幕，高度按原比例计算（700x2000的图片，高度会是屏幕宽度*(2000/700)），超出屏幕的部分可通过ScrollView滚动查看，完全符合你要的红色区域匹配宽度、黄色区域滚动显示的效果。

内容的提问来源于stack exchange，提问作者tivir13126