带有图像的android GridView (图像缩小并且看起来模糊)

Question

我必须在我的应用程序的主屏幕上显示 7 个图标。为此，我使用 ImageView 将图标排列在 GridView 上以显示图像。在模拟器上它看起来非常好但图像缩小并且看起来模糊，当我部署LG Optimus p350 上的应用程序请帮助我如何清楚地显示实际尺寸的图像:

我试过的代码是:

<GridView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/gridview" android:layout_width="fill_parent"
    android:layout_height="fill_parent" android:columnWidth="61dp"
    android:numColumns="3" android:verticalSpacing="10dp"
    android:horizontalSpacing="10dp" android:stretchMode="spacingWidthUniform"
    android:gravity="center" android:layout_gravity="center" />

图标大小为61*80

编辑:

<supports-screens android:smallScreens="true"
        android:normalScreens="true" android:largeScreens="true"
         android:anyDensity="true"/>

请看图片和代码在模拟器上输出是这样显示的。我想在设备上显示输出也这么清晰。请指导

查看第二个屏幕截图(在 qvga 模拟器上模糊)并请指导我如何更正它..

Answer 1

图像对我来说并不模糊。由于更高的屏幕分辨率，它们更小。但文字看起来确实模糊不清。

所以我建议结合使用 ImageView 和 TextView。将文字和图片分开。文本将适当缩放。您还可以为不同的分辨率提供多个图像集。

编辑:您可以创建类似于此的网格项目布局:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" 
android:gravity="bottom"
android:layout_width="wrap_content" 
android:layout_gravity="bottom">

<ImageView android:id="@+id/thumbnailImage"
    android:layout_height="70dp" 
    android:layout_width="fill_parent"      
    android:gravity="center_horizontal" />

<TextView android:id="@+id/thumnailTitle" android:text="TextView"
    android:layout_height="wrap_content" 
    android:textAppearance="?android:attr/textAppearanceMedium"
    android:layout_width="fill_parent"
    android:gravity="center_horizontal|bottom" />
</LinearLayout>

创建一个扩展 BaseAdapter 类的自定义网格适配器:

public class MyGridAdapter extends BaseAdapter
{...}

将适配器与您的网格相关联:

adapter = new MyGridAdapter();

GridView gridView = (GridView) findViewById(R.id.gridView);
gridView.setAdapter(adapter);

然后只需使用 getView 适配器方法将项目填充到网格即可:

public View getView(int position, View convertView, ViewGroup parent)
{
   // assuming the grid item layout is named "grid_item"
   View view = inflater.inflate(R.layout.grid_item, null);

   TextView text = (TextView) view.findViewById(R.id.thumnailTitle);
   text.setText("Test");

   ImageView thumbnail = (ImageView) view.findViewById(R.id.thumbnailImage);
...