Android GridView问题

时间:2014-03-17 19:00:39

标签: android gridview

我在gridview中显示一些图像时遇到问题。问题在于,在某些设备中,Android 2.3加载完美,而在其他设备中却没有。 Android 4.0 + enter image description here

也是如此

enter image description here

enter image description here

这是布局的代码:

fragment_cameras.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity">
<GridView 
    android:id="@+id/gridcams"
   android:layout_width="fill_parent"
   android:layout_height="wrap_content"
   android:layout_margin="4dp"
   android:columnWidth="150dp"
   android:gravity="center"
   android:numColumns="auto_fit"
   android:stretchMode="columnWidth" >
</GridView>
</RelativeLayout>

grid_list.xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:padding="5dp" >

    <ImageView
        android:id="@+id/snapshotcam"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_marginRight="5dp">
    </ImageView>

    <TextView
        android:id="@+id/nombrecam"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="5dp"
        android:textSize="12sp"
        android:textStyle="bold">
    </TextView>
</LinearLayout>

1 个答案:

答案 0 :(得分:1)

您正在为columnWidth和Views&#39;使用硬编码值。 layout_width / layout_height属性。

我认为您的问题 与设备版本无关,但更多的是与空间分配有关。

如果您查看第三张图片(ImageView宽度为100 / 100dp)并将其与容器的宽度(150dp)进行比较,您会注意到它应该是在物理上不可能适合同一行中的一个以上(否则它将延伸到屏幕之外,并且GridView的目的将被击败)。

你有几个解决方案:

  1. (在我看来,最好的)以编程方式将运行时的维度更改为基于屏幕的百分比(即context.getResources()。getDisplayMetrics()。widthPixels * .25)而不是硬编码值。

  2. 为每个通用屏幕尺寸创建不同的布局文件。 (遗憾的是,你仍然可能遇到与此问题相同的问题。)

  3. 我个人使用基于百分比的方法来处理所有应用。它允许我在所有设备上保持一致的设计,同时仍然使用单个布局文件。我确信人们会认为正确的方法是#2,即使它仍然更容易受到你遇到的问题的影响(它没有做多少逻辑意义,在我看来)。

    修改 ,包括DisplayMetrics

    使用DisplayMetrics可以轻松获取设备的高度和宽度(以像素为单位),然后可以使用这些值来获取您正在查找的相应的基于百分比的值。< / p>

    宽度:context.getResources()。getDisplayMetrics()。widthPixels

    高度:context.getResources()。getDisplayMetrics()。heightPixels

    IE。如果你想获得3行,我建议将columnWidth设置为:

    context.getResources().getDisplayMetrics().widthPixels * .31f
    

    这只是略低于33%(1/3),因为正好使用33%可能会导致边界超出您所寻找的范围,这就是为什么我总是建议仅略微低于预期(如果可能的话)。