android gridview中的水平滚动

时间:2011-03-24 12:03:00

标签: android android-emulator android-widget

我的应用程序中有一个网格视图,我需要水平滚动它。我已经尝试将gridview更改为gallery.But然后只有一行可用,但我需要不同的行,如在网格视图中。所以基本上是什么我需要的是一个可以水平滚动的网格视图。有没有有效的方法来做到这一点?提前感谢。

此致 ANU

嗨,感谢您的回复。我尝试使用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

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

6 个答案:

答案 0 :(得分:6)

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

例如,您可以使用自定义布局来扩充自己的自定义布局,而不是getView在该示例中返回的ImageView,例如具有垂直方向的LinearLayout。

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

答案 1 :(得分:2)

  

我已经发布了这个答案herehere,但这些问题是   相同...

从现在起,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);
}

答案 2 :(得分:1)

关于使用Gallery或ListView的真实情况:重新使用视图。但是如果你的列表不是太长,你可以尝试使用ViewFlipper的TableLayout。 Here是可能的选项/解决方案的摘要。

答案 3 :(得分:1)

这篇文章可能会帮助你实现你想要达到的目标

Scroll like Shelf View

答案 4 :(得分:0)

答案 5 :(得分:-3)

尝试将其包装在HorizontalScrollView