带有图像的有吸引力的列表视图

Question

我想用listview 或其他任何东西构建一个应用程序。它看起来很有吸引力，并且有一些图像等等。但我找不到一个好的方法。我完全希望我的应用程序的UI 像这样的图像：

_{（来源：coenraets.org）}

_{（来源：coenraets.org）}

我想像这样的图像显示我的应用程序，请建议我该怎么做？如果你知道一些教程，请提供链接。

Answer 1

是的。只需在一个 xml 布局中放置一个 ImageView 和 TextView。并且，将此布局扩展为一个具有ListView 的布局，并在那里执行从webservice 或本地存储 获取图像的过程

这里我提供了一些可能对您非常有用的示例链接-

1. Lazy load of images in ListView

2. ListView with images

3. How to display a list of images in a ListView in Android?

Answer 2

您需要在 XML 文件中构建所需的布局，就像为 Activity 所做的那样。然后只需为您的ListView 中的每一行扩展 XML 布局并设置其值和图像。

我用自己的视图（图片、文本和复选框）填充的一个 ArrayAdapter 示例：

private class FriendListAdapter extends ArrayAdapter<User> {

    public FriendListAdapter(Activity a, int textViewResourceId, List<User> items) {
        super(a, textViewResourceId, items);
    }

    public class ViewHolder{
        public TextView username;
        public ImageView image;
        public CheckedTextView ctv;
    }

    @Override
    public View getView(final int position, View convertView, ViewGroup parent) {
        View v = convertView;
        ViewHolder holder;

        if (v == null) {
            LayoutInflater vi = (LayoutInflater)getSystemService(Context.LAYOUT_INFLATER_SERVICE);
            v = vi.inflate(R.layout.invite_friend_row, null);
            holder = new ViewHolder();
            holder.username = (TextView) v.findViewById(R.id.username);
            holder.username.setTypeface(tf);
            holder.image = (ImageView) v.findViewById(R.id.image);
            holder.ctv = (CheckedTextView) v.findViewById(R.id.checked);
            v.setTag(holder);
        }
        else{
            holder = (ViewHolder) v.getTag();
        }

        final User user = getItem(position);
        if(user != null){
            holder.username.setText(user.getName());
            holder.ctv.setChecked(user.isChecked());
            holder.image.setImageView(user.getImage());
        }

        return v;       
    }
}

你懂的！