【问题标题】:How to show multiple images inside one view with different image height and width?如何在一个视图中显示具有不同图像高度和宽度的多个图像?
【发布时间】:2019-10-10 06:47:11
【问题描述】:

如何在一个视图中以不同的图像高度和宽度显示多个图像,如 android xml 布局中的拼贴视图

【问题讨论】:

  • 到目前为止你做了什么?

标签: android android-layout android-cardview cardview


【解决方案1】:

有几种方法可以实现这一点,使用 RelativeLayout、LinearLayout、ConstraintLayout 或其他作为父视图。

这是一个使用 LinearLayout 的示例(您需要替换 android:src:"...." 引用以匹配您的可绘制文件名,并且您可能想要调整边距):

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal">
<ImageView
    android:id="@+id/image1"
    android:layout_width="0dp"
    android:layout_weight="2"
    android:layout_height="match_parent"
    android:layout_margin="8dp"
    android:contentDescription="@string/view_profile_cd"
    android:src="@drawable/ic_profile_picture_placeholder" />

<LinearLayout
    android:layout_width="0dp"
    android:layout_weight="1"
    android:layout_height="match_parent"
    android:layout_margin="@dimen/medium_border"
    android:orientation="vertical">

    <ImageView
        android:id="@+id/image2"
        android:layout_width="wrap_content"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:layout_margin="8dp"
        android:contentDescription="@string/content_desc"
        android:src="@drawable/ic_add_a_photo"/>

    <ImageView
        android:id="@+id/image3"
        android:layout_width="wrap_content"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:layout_margin="8dp"
        android:contentDescription="@string/content_desc"
        android:src="@drawable/ic_add_a_photo"/>

</LinearLayout>

<LinearLayout
    android:layout_width="0dp"
    android:layout_weight="1"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <ImageView
        android:id="@+id/image4"
        android:layout_width="wrap_content"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:layout_margin="8dp"
        android:contentDescription="@string/content_desc"
        android:src="@drawable/ic_add_a_photo"/>

    <ImageView
        android:id="@+id/image5"
        android:layout_width="wrap_content"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:layout_margin="8dp"
        android:contentDescription="@string/content_desc"
        android:src="@drawable/ic_add_a_photo"/>

     </LinearLayout>

    </LinearLayout>

导致:

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2019-12-31
    • 1970-01-01
    • 2021-04-11
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多