Android : 在网格布局中滚动?
Android : Scrolling in Grid layout?
在我的 gridlayout
中,我正在尝试添加滚动视图,并且我还希望我的 imagebuttons
在垂直|水平方向上都位于屏幕中央。我试过 android:layout_gravity="center"
和 android:gravity="center"
但在水平方向上,我的图像按钮出现在左侧。
这是我的网格布局:
<?xml version="1.0" encoding="utf-8"?>
<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:tools="http://schemas.android.com/tools"
android:columnCount="2"
android:rowCount="3"
android:layout_centerHorizontal="true"
android:layout_gravity="center"
android:layout_marginTop="50dp"
android:layout_marginStart="55dp"
android:layout_marginEnd="25dp"
android:layout_marginBottom="20dp"
tools:context=".Menu">
<ImageButton
android:id="@+id/attendance"
android:layout_width="120dp"
android:layout_height="120dp"
android:background="@mipmap/attendance"
android:contentDescription="@string/desc0"
android:layout_row="0"
android:layout_column="0"
android:paddingTop="40dp"
android:paddingBottom="40dp"
android:paddingLeft="40dp"
android:paddingRight="40dp" />
<ImageButton
android:id="@+id/homework"
android:layout_width="120dp"
android:layout_height="120dp"
android:background="@mipmap/homework"
android:contentDescription="@string/desc1"
android:layout_row="0"
android:layout_column="1"
android:paddingTop="40dp"
android:paddingBottom="40dp"
android:paddingLeft="40dp"
android:paddingRight="40dp"/>
<ImageButton
android:id="@+id/notice"
android:layout_width="120dp"
android:layout_height="120dp"
android:background="@mipmap/notice"
android:contentDescription="@string/desc2"
android:layout_row="1"
android:layout_column="0"
android:paddingTop="40dp"
android:paddingBottom="40dp"
android:paddingLeft="40dp"
android:paddingRight="40dp"/>
<ImageButton
android:id="@+id/student_marks"
android:layout_width="120dp"
android:layout_height="120dp"
android:background="@mipmap/student_marks"
android:contentDescription="@string/desc3"
android:layout_row="1"
android:layout_column="1"
android:paddingTop="40dp"
android:paddingBottom="40dp"
android:paddingLeft="40dp"
android:paddingRight="40dp"/>
<ImageButton
android:id="@+id/myclass"
android:layout_width="120dp"
android:layout_height="120dp"
android:background="@mipmap/myclass"
android:contentDescription="@string/desc5"
android:layout_row="2"
android:layout_column="0"
android:paddingTop="40dp"
android:paddingBottom="40dp"
android:paddingLeft="40dp"
android:paddingRight="40dp" />
<ImageButton
android:id="@+id/logout"
android:layout_width="120dp"
android:layout_height="120dp"
android:background="@mipmap/logout"
android:contentDescription="@string/desc4"
android:layout_row="2"
android:layout_column="1"
android:paddingTop="40dp"
android:paddingBottom="40dp"
android:paddingLeft="40dp"
android:paddingRight="40dp" />
</GridLayout>
我的 "five" 和 "six" 图像按钮没有显示的水平视图,因为我没有滚动视图,图像按钮在这个方向上左对齐,我希望它们居中。
我的垂直视图居中
您可以将所有布局包裹在 "ScrollView" 内以允许滚动,并在 "RelativeLayout" 内包裹以允许按钮居中。
像这样:
<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/scrollView"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<GridLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:layout_gravity="center"
android:columnCount="2"
android:rowCount="3">
... (here the buttons)
</GridLayout>
</RelativeLayout>
</ScrollView>
在我的 gridlayout
中,我正在尝试添加滚动视图,并且我还希望我的 imagebuttons
在垂直|水平方向上都位于屏幕中央。我试过 android:layout_gravity="center"
和 android:gravity="center"
但在水平方向上,我的图像按钮出现在左侧。
这是我的网格布局:
<?xml version="1.0" encoding="utf-8"?>
<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:tools="http://schemas.android.com/tools"
android:columnCount="2"
android:rowCount="3"
android:layout_centerHorizontal="true"
android:layout_gravity="center"
android:layout_marginTop="50dp"
android:layout_marginStart="55dp"
android:layout_marginEnd="25dp"
android:layout_marginBottom="20dp"
tools:context=".Menu">
<ImageButton
android:id="@+id/attendance"
android:layout_width="120dp"
android:layout_height="120dp"
android:background="@mipmap/attendance"
android:contentDescription="@string/desc0"
android:layout_row="0"
android:layout_column="0"
android:paddingTop="40dp"
android:paddingBottom="40dp"
android:paddingLeft="40dp"
android:paddingRight="40dp" />
<ImageButton
android:id="@+id/homework"
android:layout_width="120dp"
android:layout_height="120dp"
android:background="@mipmap/homework"
android:contentDescription="@string/desc1"
android:layout_row="0"
android:layout_column="1"
android:paddingTop="40dp"
android:paddingBottom="40dp"
android:paddingLeft="40dp"
android:paddingRight="40dp"/>
<ImageButton
android:id="@+id/notice"
android:layout_width="120dp"
android:layout_height="120dp"
android:background="@mipmap/notice"
android:contentDescription="@string/desc2"
android:layout_row="1"
android:layout_column="0"
android:paddingTop="40dp"
android:paddingBottom="40dp"
android:paddingLeft="40dp"
android:paddingRight="40dp"/>
<ImageButton
android:id="@+id/student_marks"
android:layout_width="120dp"
android:layout_height="120dp"
android:background="@mipmap/student_marks"
android:contentDescription="@string/desc3"
android:layout_row="1"
android:layout_column="1"
android:paddingTop="40dp"
android:paddingBottom="40dp"
android:paddingLeft="40dp"
android:paddingRight="40dp"/>
<ImageButton
android:id="@+id/myclass"
android:layout_width="120dp"
android:layout_height="120dp"
android:background="@mipmap/myclass"
android:contentDescription="@string/desc5"
android:layout_row="2"
android:layout_column="0"
android:paddingTop="40dp"
android:paddingBottom="40dp"
android:paddingLeft="40dp"
android:paddingRight="40dp" />
<ImageButton
android:id="@+id/logout"
android:layout_width="120dp"
android:layout_height="120dp"
android:background="@mipmap/logout"
android:contentDescription="@string/desc4"
android:layout_row="2"
android:layout_column="1"
android:paddingTop="40dp"
android:paddingBottom="40dp"
android:paddingLeft="40dp"
android:paddingRight="40dp" />
</GridLayout>
我的 "five" 和 "six" 图像按钮没有显示的水平视图,因为我没有滚动视图,图像按钮在这个方向上左对齐,我希望它们居中。
我的垂直视图居中
您可以将所有布局包裹在 "ScrollView" 内以允许滚动,并在 "RelativeLayout" 内包裹以允许按钮居中。
像这样:
<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/scrollView"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<GridLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:layout_gravity="center"
android:columnCount="2"
android:rowCount="3">
... (here the buttons)
</GridLayout>
</RelativeLayout>
</ScrollView>