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

Posted 2023-04-18

【中文标题】带有图像的有吸引力的列表视图

【英文标题】：attractive listview with images

【发布时间】：2012-09-17 17:31:15

【问题描述】：

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

_{（来源：coenraets.org）}

_{（来源：coenraets.org）}

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

【问题讨论】：

检查这个例子 - ListView with images and Text

本教程最适合您的要求androidhive.info/2012/02/…

【参考方案1】：

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

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

Lazy load of images in ListView

ListView with images

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

【参考方案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;       
    

你懂的！

【讨论】：

你能给我一些例子吗..因为我不能让它在视觉上有吸引力。此图像是 phonegap 应用程序。

什么意思？您是否已经尝试过实现这一点，如果然后进行编辑并显示代码，以便我可以看到问题所在？