在GridView中加载图像时,网格布局相互重叠

时间:2014-07-01 13:29:00

标签: android android-layout gridview

我创建了一个Android应用程序,用于从服务器上的外部文件中获取图像URL。然后它在该链接上获取图像并在gridview内显示。 我成功地获得了这些图像,但是当它加载时我看到gridview的上面一行重叠在gridview的下面一行。我想要一个静态大小的块来在gridview中显示图像。 这是我正在获取的应用程序屏幕的图像。 http://s28.postimg.org/jtja4uz59/Screenshot_2014_07_01_18_39_31.png

这是我用于gridview的布局。和gridview里面的活动..

grid_layout

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical"
    android:layout_margin="0dp" >

 <GridView 
    android:id="@+id/grid_view"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:numColumns="auto_fit"
    android:columnWidth="90dp"
    android:horizontalSpacing="10dp"
    android:verticalSpacing="10dp"
    android:gravity="center"
    android:stretchMode="columnWidth" >  

</GridView>

</LinearLayout>

grid_layout_relative

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"

    android:layout_marginTop="10dp" >
<ProgressBar
        android:id="@+id/progressBar1"
        android:layout_width="match_parent"
        android:layout_height="60dp"
         />

     <ImageView
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_margin="20dp"
        android:paddingBottom="2dp"
        android:id="@+id/image"
        android:layout_below="@+id/progressBar1"
        android:contentDescription="@drawable/ic_launcher">        
    </ImageView>

    <TextView
        android:id="@+id/label"
        android:text="@+id/label"
        android:textStyle="bold"

        android:layout_below="@+id/image"
        android:layout_width="match_parent"
        android:layout_height="match_parent"



        android:textSize="15sp">        
    </TextView>

</RelativeLayout>

另一个问题是第一行的第一个块被加载但与第一行内的其他行相比显示出很小的缺点。图像位于以下链接中。

enter image description here

请帮帮我

1 个答案:

答案 0 :(得分:0)

用户此调整大小Imageview Git: https://github.com/rogcg/gridview-autoresized-images-sample