android gridview中的水平滚动

Question

我的应用程序中有一个网格视图，我需要水平滚动它。我尝试将网格视图更改为画廊。但是只有一行可用，但我需要不同的行，就像在网格视图中一样。所以基本上什么我需要一个可以水平滚动的gridview。有什么有效的方法可以做到这一点吗？提前谢谢。

问候 阿努

您好，感谢您的回复。我已尝试使用 Gallery 并实现一个适配器，该适配器在其 getView 方法中提供多行视图。

我的java文件是：

public class Gridview extends Activity 
{

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

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

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

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

    private Integer[] mImageIds = {
            R.drawable.icon,
            R.drawable.icon,
            R.drawable.icon,
            R.drawable.icon,
            R.drawable.icon,
            R.drawable.icon,
            R.drawable.icon,
    };

    public GridAdapter(Context c) {
        mContext = c;
        TypedArray a = obtainStyledAttributes(R.styleable.HelloGallery);
        mGalleryItemBackground = a.getResourceId(
                R.styleable.HelloGallery_android_galleryItemBackground, 0);
        a.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) {

      View v;
       if(convertView==null)
       {
       LayoutInflater li = getLayoutInflater();
       v = li.inflate(R.layout.icon, null);  

       ImageView iv = (ImageView)v.findViewById(R.id.icon_image);
       iv.setImageResource(R.drawable.icon);    

       }
       else
       {
       v = convertView;
       }
      return v;
    }
}
}

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"/>

icon.xml 是：

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

 <ImageView
 android:id="@+id/icon_image"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:orientation="vertical">
 </ImageView>

 </LinearLayout>

我得到的输出是：http://www.4shared.com/photo/MzUcmzel/device.html

但这实际上不是我需要的。我想要不同行中的图标。感谢任何帮助。

Answer 1

我认为最好的办法是使用 Gallery 并实现一个适配器，在其 getView 方法中提供多行视图。请参阅Hello Gallery 并查看其中的 ImageAdapter 实现。

除了该示例中 getView 返回的 ImageView 之外，您还可以扩展您自己的自定义布局，例如具有垂直方向的 LinearLayout。

您可能会考虑在 Horizo​​ntalScrollView 中使用 TableLayout，但缺点是所有内容都将立即存储在内存中，因此难以扩展到大量项目。图库回收视图并提供一些资源优势。

Answer 2

我已经发布了这个答案here 和here，但是这些问题是 一样的……

---

从现在开始，Android 中有一个不错的解决方案：HorizontalGridView。

1. Gradle 依赖

dependencies {
    compile 'com.android.support:leanback-v17:23.1.0'
}

---

2. 将其添加到您的布局中

your_activity.xml

<!-- your stuff before... -->
        <android.support.v17.leanback.widget.HorizontalGridView
            android:layout_width="wrap_content"
            android:layout_height="80dp"
            android:id="@+id/gridView"
            />
<!-- your stuff after... -->

---

3. 布局网格元素

为您的网格元素 ( grid_element.xml ) 创建一个布局。我创建了一个简单的按钮，其中只有一个按钮。

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

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="New Button"
        android:id="@+id/button" />
</LinearLayout>

---

4. 创建适配器

深受此链接启发：https://gist.github.com/gabrielemariotti/4c189fb1124df4556058

public class GridElementAdapter extends RecyclerView.Adapter<GridElementAdapter.SimpleViewHolder>{

    private Context context;
    private List<String> elements;

    public GridElementAdapter(Context context){
        this.context = context;
        this.elements = new ArrayList<String>();
        // Fill dummy list
        for(int i = 0; i < 40 ; i++){
            this.elements.add(i, "Position : " + i);
        }
    }

    public static class SimpleViewHolder extends RecyclerView.ViewHolder {
        public final Button button;

        public SimpleViewHolder(View view) {
            super(view);
            button = (Button) view.findViewById(R.id.button);
        }
    }

    @Override
    public SimpleViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        final View view = LayoutInflater.from(this.context).inflate(R.layout.grid_element, parent, false);
        return new SimpleViewHolder(view);
    }

    @Override
    public void onBindViewHolder(SimpleViewHolder holder, final int position) {
        holder.button.setText(elements.get(position));
        holder.button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Toast.makeText(context, "Position =" + position, Toast.LENGTH_SHORT).show();
            }
        });
    }

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

    @Override
    public int getItemCount() {
        return this.elements.size();
    }
}

---

5. 在你的活动中初始化它：

private HorizontalGridView horizontalGridView;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.your_activity);
    horizontalGridView = (HorizontalGridView) findViewById(R.id.gridView);
    GridElementAdapter adapter = new GridElementAdapter(this);

    horizontalGridView.setAdapter(adapter);
}

Answer 3

关于使用 Gallery 或 ListView re：重用视图是正确的。但如果您的列表不太长，您可以尝试使用 ViewFlipper 的 TableLayout。 Here 是可能的选项/解决方案的摘要。

Answer 4

这篇文章可能会帮助您了解您想要实现的目标

Scroll like Shelf View

Answer 5

使用 viewPager 怎么样：

http://developer.android.com/reference/android/support/v4/view/ViewPager.html

?

Answer 6

尝试用HorizontalScrollView包裹它