3张图片彼此相邻

时间:2017-02-07 14:00:08

标签: android image

我进入了我的Android应用程序,3images像这样。 第一个图像和第二个图像在彼此之下,第三个图像在它们旁边。我遇到的问题是我从服务器端获得不同的图像和不同的大小。我该如何组织它们,以便它们在屏幕上看起来很漂亮。

 <LinearLayout
    android:paddingTop="5dp"
    android:layout_width="match_parent"
    android:orientation="horizontal"
    android:layout_height="wrap_content">
    <LinearLayout
        android:layout_weight="1"
        android:layout_width="0dp"
        android:layout_height="wrap_content">
        <ImageView
            android:id="@+id/image1"
            android:adjustViewBounds="true"
            android:scaleType="centerCrop"
            android:src="@drawable/logo"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />
    </LinearLayout>
    <View android:background="@android:color/white"
        android:layout_width="2dp"
        android:layout_height="match_parent"/>
   <LinearLayout
        android:layout_weight="1"
        android:layout_width="0dp"
        android:layout_height="wrap_content">
        <ImageView
            android:id="@+id/image2"
            android:adjustViewBounds="true"
            android:scaleType="centerCrop"
            android:src="@drawable/logo"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />
    </LinearLayout>
    <View android:background="@android:color/white"
        android:layout_width="2dp"
        android:layout_height="match_parent"/>
    <LinearLayout
        android:layout_weight="1"
        android:layout_width="0dp"
        android:layout_height="wrap_content">
        <ImageView
            android:id="@+id/image3"
            android:src="@drawable/logo"
            android:adjustViewBounds="true"
            android:scaleType="centerCrop"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />
    </LinearLayout>
</LinearLayout>

根据某些人想看的截图编辑: 左边是1张和2张,左边是第3张。

https://s30.postimg.org/bs6m2vtfl/Screen_Shot_2017_02_07_at_4_55_25_PM.png

2 个答案:

答案 0 :(得分:1)

由于您的问题不清楚布局和响应式设计。答案根据您添加的图片:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:id="@+id/content_spare_request"
xmlns:android="http://schemas.android.com/apk/res/android">


<ImageView
    android:layout_width="200dp"
    android:layout_height="200dp"
    android:id="@+id/imageView"
    android:layout_marginTop="5dp"
    android:layout_marginEnd="5dp"
    android:scaleType="centerCrop"
    android:src="@drawable/bob"
    android:layout_alignParentTop="true"
    android:layout_alignParentEnd="true" />

<ImageView
    android:layout_width="match_parent"
    android:layout_height="100dp"
    android:layout_marginTop="5dp"
    android:id="@+id/imageView2"
    android:scaleType="centerCrop"
    android:layout_marginEnd="5dp"
    android:layout_marginStart="5dp"
    android:src="@drawable/bob"
    android:layout_alignParentTop="true"
    android:layout_toStartOf="@+id/imageView" />

<ImageView
    android:layout_width="match_parent"
    android:layout_height="100dp"
    android:layout_marginTop="5dp"
    android:id="@+id/imageView3"
    android:layout_marginEnd="5dp"
    android:layout_marginStart="5dp"
    android:src="@drawable/bob"
    android:scaleType="centerCrop"
    android:layout_below="@+id/imageView2"
    android:layout_toStartOf="@+id/imageView"
    android:layout_alignBottom="@+id/imageView"/>
</RelativeLayout>

输出:

enter image description here

答案 1 :(得分:-3)

你可以尝试简单的布局,布局嵌套不是一个很好的方法,你应该像这样使用

run