XML中可滚动的完美对称ImageButtons Android

时间:2014-08-05 16:27:37

标签: android xml android-linearlayout

在我的Android应用中,我想创建一个具有相同宽度/高度的可滚动图像网格。我不想使用GridView,因为不会有那么多图像。到目前为止,我有:

<?xml version="1.0" encoding="utf-8"?>
<ScrollView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"
            android:orientation="horizontal"
            android:weightSum="2">
            <ImageButton
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:scaleType="fitCenter"
                android:background="@null"
                android:src="@drawable/food"/>

            <ImageButton
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:scaleType="fitCenter"
                android:background="@null"
                android:src="@drawable/music" />
        </LinearLayout>
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"
            android:orientation="horizontal"
            android:weightSum="2">
            <ImageButton
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:scaleType="fitCenter"
                android:background="@null"
                android:src="@drawable/offcampus"/>

            <ImageButton
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:scaleType="fitCenter"
                android:background="@null"
                android:src="@drawable/sports" />
        </LinearLayout>
    </LinearLayout>
</ScrollView>

它非常接近我想要实现的目标,但第二个LinearLayout(layout_height为0dp的那个)导致前两个ImageButton占据屏幕的大部分,因此用户必须滚动很多看下两个ImageButtons。换句话说,&#34;行&#34;之间的空间太大了。的图像。有什么方法可以解决这个问题吗?

我附上了一张照片以防万一有混乱。

enter image description here enter image description here

感谢您的帮助。

1 个答案:

答案 0 :(得分:1)

检查额外空间是由LinearLayout太高还是ImageButton本身所致。您可以在Eclipse的 Devices 视图中的ADT中使用“转储视图层次结构”按钮。

我怀疑是使用图像原始高度的ImageButton。看看在android:adjustViewBounds的问题帮助中设置ImageButton是否有问题。请参阅参考:http://developer.android.com/reference/android/widget/ImageView.html#attr_android:adjustViewBounds