首页 > 解决方案 > GridLayout 图像离开屏幕

问题描述

在设计和蓝图视图中,它看起来很合适,但在应用程序上,一些图像会离开屏幕。我想显示所有图像,而不滚动。它不需要支持横向,只需要纵向。如果我向上移动所有图像(按钮上的下边距减少),那么它在应用程序中看起来也不错,但如果它适合设计视图,它也应该在应用程序上。

设计视图

应用视图

编码:

<?xml version="1.0" encoding="utf-8"?>
<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/GridLayout1"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_gravity="center"
android:columnCount="2"
android:rowCount="8"
android:orientation="horizontal"
tools:context=".MainActivity2" >

<Button
    android:id="@+id/my_button1"
    android:layout_gravity="center"
    android:layout_columnSpan="2"
    android:layout_margin="10dp"
    android:layout_marginBottom="160dp"
    android:text="Button" />

<ImageView
    android:id="@+id/my_img1"
    android:layout_gravity="left|top"
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:layout_margin="10dp"
    android:src="@drawable/img1"/>

<ImageView
    android:id="@+id/my_img2"
    android:layout_gravity="left|top"
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:layout_margin="10dp"
    android:src="@drawable/img1"/>

<ImageView
    android:id="@+id/my_img3"
    android:layout_gravity="left|top"
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:layout_margin="10dp"
    android:src="@drawable/img1"/>
<ImageView
    android:id="@+id/my_img4"
    android:layout_gravity="left|top"
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:layout_margin="10dp"
    android:src="@drawable/img1"/>
<ImageView
    android:id="@+id/my_img5"
    android:layout_gravity="left|top"
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:layout_margin="10dp"
    android:src="@drawable/img1"/>
<ImageView
    android:id="@+id/my_img6"
    android:layout_gravity="left|top"
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:layout_margin="10dp"
    android:src="@drawable/img1"/>
<ImageView
    android:id="@+id/my_img7"
    android:layout_gravity="left|top"
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:layout_margin="10dp"
    android:src="@drawable/img1"/>
<ImageView
    android:id="@+id/my_img8"
    android:layout_gravity="left|top"
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:layout_margin="10dp"
    android:src="@drawable/img1"/>
</GridLayout>

标签: androidxmlandroid-layoutgrid-layoutandroid-gridlayout

解决方案


在您的布局中,您有android:layout_marginBottom="160dp"按钮android:id="@+id/my_button1"删除它,它应该可以工作。


推荐阅读