Question

如何制作水平列表视图，就像在Google Catalogs中看到的那样？

大型主区域是一个viewpager，但底行是一个水平滚动视图，其中包含可单击的项目列表。我假设它是一个列表视图，如果这是怎么做的？

我已经使用了其他问题中引用的开源“水平列表视图”，但它的效果不如此谷歌应用程序中那样流畅。

http://i43.tinypic.com/2yl1zxg.png

Answer 1

这绝对是一个画廊！

您可以在此处看到，确保它是SDK附带的图库 - ＆gt; See Youtube video检查它运行的顺畅程度;）

我已经为Android.com做了一个简短的指南，以供将来参考。我希望你也可以使用它：

1）打开res / layout / main.xml文件并插入以下内容：

<?xml version="1.0" encoding="utf-8"?>
<Gallery xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/gallery"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
/>

2）要在onCreate()方法上插入的代码：

@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);

    Gallery gallery = (Gallery) findViewById(R.id.gallery);
    gallery.setAdapter(new ImageAdapter(this));

    gallery.setOnItemClickListener(new OnItemClickListener() {
        public void onItemClick(AdapterView parent, View v, int position, long id) {
            Toast.makeText(HelloGallery.this, "" + position, Toast.LENGTH_SHORT).show();
        }
    });
}

3）在名为attrs.xml的res / values /目录中创建一个新的XML文件。插入以下内容：

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="HelloGallery">
        <attr name="android:galleryItemBackground" />
    </declare-styleable>
</resources>

4）返回.java文件，在onCreate(Bundle)方法之后，定义自定义ImageAdapter类：

public class ImageAdapter extends BaseAdapter {
    int mGalleryItemBackground;
    private Context mContext;

    private Integer[] mImageIds = {
            R.drawable.sample_1,
            R.drawable.sample_2,
            R.drawable.sample_3,
            R.drawable.sample_4,
            R.drawable.sample_5,
            R.drawable.sample_6,
            R.drawable.sample_7
    };

    public ImageAdapter(Context c) {
        mContext = c;
        TypedArray attr = mContext.obtainStyledAttributes(R.styleable.HelloGallery);
        mGalleryItemBackground = attr.getResourceId(
                R.styleable.HelloGallery_android_galleryItemBackground, 0);
        attr.recycle();
    }

    public int getCount() {
        return mImageIds.length;
    }

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

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

    public View getView(int position, View convertView, ViewGroup parent) {
        ImageView imageView = new ImageView(mContext);

        imageView.setImageResource(mImageIds[position]);
        imageView.setLayoutParams(new Gallery.LayoutParams(150, 100));
        imageView.setScaleType(ImageView.ScaleType.FIT_XY);
        imageView.setBackgroundResource(mGalleryItemBackground);

        return imageView;
    }
}

嗯......代码非常简单，但您可以参考原始文档和更长文档 here。

Answer 2

我不确定，但我认为这是一个将回调发送给ViewPager的图库（http://developer.android.com/reference/android/widget/Gallery.html）。

您可以在此处找到示例代码：http://www.androidpeople.com/android-gallery-example

您需要回调viewpager并设置所需的页面，而不是toast。

我认为它会想要你想要的！： - ）

水平ListView，如Google Catalogs

2 个答案: