繁体   English   中英

Android Studio版式可容纳4张图片

[英]Android Studio Layout for 4 images

我在用xml布局活动布局时遇到一些问题,我正在使用“设计”选项,该布局在下面的xml中显示,这些都嵌入在RelativeLayout中。

基本上,我想拥有四个甚至还要添加图像的ImageView,用于一个测验,它有4个正方形,两个在顶部,两个在底部,总共将形成一个更大的正方形。

我可以,但是我认为应该有更好的方法或标准方法,或者用Android布置类似的东西?

<ImageView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:id="@+id/imageView"
    android:maxWidth="100dp"
    android:maxHeight="100dp"
    android:minHeight="100dp"
    android:minWidth="100dp"
    android:nestedScrollingEnabled="false"
    android:layout_toStartOf="@+id/imageView2"
    android:layout_alignTop="@+id/imageView2"
    android:layout_toLeftOf="@+id/imageView2" />

<ImageView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:id="@+id/imageView2"
    android:maxWidth="100dp"
    android:maxHeight="100dp"
    android:minHeight="100dp"
    android:minWidth="100dp"
    android:nestedScrollingEnabled="false"
    android:layout_marginTop="94dp"
    android:layout_alignParentTop="true"
    android:layout_alignParentRight="true"
    android:layout_alignParentEnd="true"
    android:layout_marginRight="89dp" />

<ImageView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:id="@+id/imageView3"
    android:maxWidth="100dp"
    android:maxHeight="100dp"
    android:minHeight="100dp"
    android:minWidth="100dp"
    android:nestedScrollingEnabled="false"
    android:layout_below="@+id/imageView2"
    android:layout_alignLeft="@+id/imageView2"
    android:layout_alignStart="@+id/imageView2"
    android:layout_alignRight="@+id/imageView2"
    android:layout_alignEnd="@+id/imageView2" />

<ImageView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:id="@+id/imageView4"
    android:maxWidth="100dp"
    android:maxHeight="100dp"
    android:minHeight="100dp"
    android:minWidth="100dp"
    android:nestedScrollingEnabled="false"
    android:layout_below="@+id/imageView"
    android:layout_alignLeft="@+id/imageView"
    android:layout_alignStart="@+id/imageView" />

您可以将GridView用于图像的布局,我认为可以使用layout_weightweightSum来避免为图像设置一定的尺寸,并担心它在不同的屏幕尺寸上无法正常工作。 那和图像重叠的担忧。

这是一个SO问题,该问题也涉及对图像使用两列gridview,我不确定这是否对您有帮助,但是由于您在顶部说了两个图像,在底部说了两个图像,因此在某种程度上可能仍然有用。 您可以参考这个 SO问题和带标记的答案,以更好地解释layout_weight功能,这是weightSum的参考。

我已经通过使用LinearLayouts(每个都有2个ImageViews)嵌套在实际表单的父LinearLayout中解决了这个问题。 父LinearLayout的方向为“ vertical”,嵌套的LinearLayout =“ horizo​​ntal”。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM