带有标题的Android LazyLoading Gridview图像？

Question

我目前正在创建一个应用程序，我想从数据库中加载数据列表，然后在GridView中显示该数据。我创建了与数据库的连接，并已成功撤回并填充GridView。我遇到的问题是，在我的列表行布局中，我希望能够setLayoutParams，以便可以裁剪图像，并且所有图像都是相同的大小，并且这不会导致其他设备大小的问题。

我的文件如下：

list_row.xml

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



    <ImageView 
     android:id="@+id/list_image" 
     android:layout_width="110dp" 
     android:layout_height="110dp" 
     android:src="@drawable/ic_launcher" /> 


</LinearLayout> 

ListAdapter.java

import java.util.ArrayList; 
import java.util.HashMap; 

import android.app.Activity; 
import android.content.Context; 
import android.view.LayoutInflater; 
import android.view.View; 
import android.view.ViewGroup; 
import android.widget.BaseAdapter; 
import android.widget.GridView; 
import android.widget.ImageView; 
import android.widget.TextView; 

public class DressesAdapter extends BaseAdapter { 

    private Activity activity; 
    private ArrayList<HashMap<String, String>> data; 
    private static LayoutInflater inflater=null; 
    public ImageLoader imageLoader; 

    public DressesAdapter(Activity a, ArrayList<HashMap<String, String>> d) { 
     activity = a; 
     data=d; 
     inflater = (LayoutInflater)activity.getSystemService(Context.LAYOUT_INFLATER_SERVICE); 
     imageLoader=new ImageLoader(activity.getApplicationContext()); 
    } 

    public int getCount() { 
     return data.size(); 
    } 

    public Object getItem(int position) { 
     return position; 
    } 

    public long getItemId(int position) { 
     return position; 
    } 

    public View getView(int position, View convertView, ViewGroup parent) { 
     View vi=convertView; 
     if(convertView==null) 
      vi = inflater.inflate(R.layout.list_row, null); 

     ImageView thumb_image=(ImageView)vi.findViewById(R.id.list_image); // thumb image 
     //thumb_image.setLayoutParams(new ImageView.LayoutParams(70, 70)); 

     HashMap<String, String> dress = new HashMap<String, String>(); 
     dress = data.get(position); 

     imageLoader.DisplayImage(dress.get(DressListActivity.TAG_IMAGE), thumb_image); 
     return vi; 
    } 
} 

ListActivity.java

<?xml version="1.0" encoding="utf-8"?> 
<GridView xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/grid_view" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:numColumns="auto_fit" 
    android:columnWidth="90dp" 
    android:horizontalSpacing="5dp" 
    android:verticalSpacing="5dp" 
    android:gravity="center" 
    android:stretchMode="columnWidth" > 

</GridView> 

运行这个时，我得到的错误是如下：

04-06 14:02:18.260: E/AndroidRuntime(12798): java.lang.ClassCastException: android.widget.AbsListView$LayoutParams cannot be cast to android.widget.LinearLayout$LayoutParams 

我希望有人能帮助我解决这个问题，因为它真的很烦人，在此先感谢:)

Answer 1

这是我用来显示3张图片的方法，该图片适合每个设备使用标题TextView。

它在所有设备上正确格式化。

我的所有照片都是人像，纵横比为1.5，例如300像素高，200像素宽。 （这是您在尺寸调整功能中看到的3.0和1.5，并根据需要进行更改）。

我使用肖像为我的布局。

希望你能得到它的工作，它的棘手。这对我很好。

设置你的GridView和它的适配器像这样：

// create grid and adapter 
gridAdapter = new SET UP YOUR ADAPTER HERE; 
    grid = (GridView) findViewById(R.id.grid); 
    grid.setAdapter(YOUR ADAPTER); 
    grid.setFadingEdgeLength(0); 
    int picHeight = Utils.getGridPicHeight(MainActivity.this); 
    int picLength = (int) ((float)picHeight/1.5); 
    grid.setColumnWidth(picLength); 

而且Utils.getGridPicHeight：

public static int getGridPicHeight (Activity activity) { 
     DisplayMetrics dMetrics = new DisplayMetrics(); 
     activity.getWindowManager().getDefaultDisplay().getMetrics(dMetrics); 
     // give back a % of the screen width for the height 
     final float WIDE = activity.getResources().getDisplayMetrics().widthPixels; 
     int value = (int)(WIDE/3.0f * 1.5f); 
     return value; 
} 

和非常重要的，在你的适配器，你必须设置喜欢的图片这个：

 LinearLayout.LayoutParams params; 

     int picHeight = Utils.getGridPicHeight(activity); 
     int picLength = (int) ((float)picHeight/1.5); 
     params = new LinearLayout.LayoutParams(picLength,picHeight); 
     params.gravity=Gravity.CENTER; 
     params.height=picHeight; 
     params.width=picLength; 
     image.setLayoutParams(params); 

grid_item。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"> 
    <ImageView 
     android:id="@+id/image" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="center" 
    /> 
    <TextView 
     android:id="@+id/imgTit" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:typeface="sans" 
     android:textStyle="normal" 
     android:maxLines="1" 
     android:gravity="center" 
     android:layout_gravity="center"> 
    </TextView> 
</LinearLayout> 

内

，然后在你的GridView一个的LinearLayout

<LinearLayout 
     android:orientation="horizontal" 
     android:layout_width="wrap_content" 
     android:layout_height="fill_parent" 
     android:layout_marginTop="2dip" 
     android:layout_gravity="center" 
    android:gravity="center"> 
     <GridView 
      android:id="@+id/grid" 
      android:layout_width="fill_parent" 
      android:layout_height="fill_parent" 
      android:numColumns="3" 
      android:horizontalSpacing="4dp" 
      android:verticalSpacing="4dp" 
      android:stretchMode="spacingWidthUniform"/> 
</LinearLayout> 

Answer 2

的Exception是造成简单地import加上错误的LayoutParams子类。也许明确写new LinearLayout.LayoutParams(是最简单的。

不相关，而且scaleType的ImageView可能会派上用场。