【Android实战】HorizontalScrollView实现可滑动GridView

首先申明一下：该种方法存在问题，但是不要灰心，因为这个问题才催生了接下来的更优方案，请往下看

先说一下之前的解决方案吧

布局文件

 <HorizontalScrollView
        android:id="@+id/talent_label_view"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_above="@id/start_live_btn"
        android:layout_centerHorizontal="true"
        android:layout_margin="5dp"
        android:layout_marginBottom="15dp"
        android:layout_marginLeft="12dp"
        android:layout_marginRight="12dp"
        android:scrollbarSize="0sp"
        android:scrollbarStyle="insideOverlay"
        android:overScrollMode="never"
        android:scrollbars="none">

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:layout_margin="10dp">

            <GridView
                android:id="@+id/talent_label"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:columnWidth="54dp"
                android:gravity="center"
                android:horizontalSpacing="5dp"
                android:numColumns="auto_fit"
                android:stretchMode="columnWidth"
                ></GridView>
        </LinearLayout>
    </HorizontalScrollView>

GridView设置

private GridView TLgrid;

 TLgrid = (GridView) this.findViewById(R.id.talent_label);

        TLAdapter = new TalentLabelAdapter(this);
        TLgrid.setAdapter(TLAdapter);
        TLgrid.setSelector(new ColorDrawable(Color.TRANSPARENT));// 定制当点击GridView时的背景颜色
        TLgrid.setOnItemClickListener(this);

然后获取数据后，根据数据的大小动态计算GridView的宽度

    public void setGridView(int size){
        int length = 67;
        DisplayMetrics dm = new DisplayMetrics();
        getWindowManager().getDefaultDisplay().getMetrics(dm);
        float density = dm.density;
        int gridviewWidth = (int) (size * (length + 6) * density);
        int itemWidth = (int) (length * density);

        LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(
                gridviewWidth, LinearLayout.LayoutParams.FILL_PARENT);
        TLgrid.setLayoutParams(params); // 设置GirdView布局参数,横向布局的关键
        TLgrid.setColumnWidth(itemWidth); // 设置列表项宽
        //theLayout.TLgrid.setHorizontalSpacing(5); // 设置列表项水平间距
        TLgrid.setStretchMode(GridView.NO_STRETCH);
        TLgrid.setNumColumns(size); // 设置列数量=列表集合数
    }

实现接口 OnItemClickListener，完成点击事件

  @Override
    public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
        ArrayList<TalentLableItem> showItems = new ArrayList<TalentLableItem>();
        showItems = TLAdapter.getItems();
        int count = 0;
        for (TalentLableItem item : showItems) {
            if (item.isSelected()) {
                count++;
            }
        }
        if (count < 3) {
            TLAdapter.setSeclection(position);
            TLAdapter.notifyDataSetChanged();
        } else {
            if (items.get(position).isSelected()) {
                TLAdapter.setSeclection(position);
                TLAdapter.notifyDataSetChanged();
            } else {
                ToastUtils.toast(this, "最多只能选择三个标签");
            }

        }
    }

适配器：

public class TalentLabelAdapter extends BaseAdapter {

    private static final String TAG = "TalentLabelAdapter";
    private Context context;
    private ArrayList<TalentLableItem> items;
    private LayoutInflater mInflater;
    
    private int clickTemp = -1;

    public TalentLabelAdapter(Context context) {
        super();
        this.context = context;
        items = new ArrayList<TalentLableItem>();
        mInflater = LayoutInflater.from(context);
    }

    @Override
    public int getCount() {
        return items.size();
    }

    @Override
    public Object getItem(int position) {
        return items.get(position);
    }

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

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        Log.e(TAG,position+"AAAAAA");
        ViewHolder holder = null;
        TalentLableItem TLItem = items.get(position);
        if (convertView == null) {
            convertView = mInflater.inflate(R.layout.talent_label_item, null);
            holder = new ViewHolder();
          
            holder.label = (TextView) convertView.findViewById(R.id.label);
            
            convertView.setTag(holder);
        } else {
            holder = (ViewHolder) convertView.getTag();
        }
       

        holder.label.setText("#"+TLItem.getLabel()+"#");
        
        if(TLItem.isSelected()){
            holder.label.setBackgroundResource(R.drawable.shape_roundrect_label_selected);
        }else{
            holder.label.setBackgroundResource(R.drawable.shape_roundrect_label_normal);
        }

        if (clickTemp == position) {
            if(TLItem.isSelected()){
                holder.label.setBackgroundResource(R.drawable.shape_roundrect_label_normal);
                TLItem.setSelected(false);
            }else{
                holder.label.setBackgroundResource(R.drawable.shape_roundrect_label_selected);
                TLItem.setSelected(true);
            }
            
        }
        return convertView;
    }
    
    static class ViewHolder {

        TextView label;

    }
    public void setShowItems(ArrayList<TalentLableItem> items) {
        this.items =items;
        notifyDataSetChanged();
        
    }
    public ArrayList<TalentLableItem> getItems() {
        return items;
        
    }

    public void setSeclection(int position) {
        // TODO Auto-generated method stub
        clickTemp = position;
        
    }

}

具体什么问题那？

类似这篇博客的问题 http://my.oschina.net/u/559701/blog/110945 Android GridVIew position=0重复加载的问题


这个问题在数据显示方面可能不会带来太大问题，但是在进行点击交互的时候就会带来很大问题，通过log打印的方式，我们看到如上效果

找了半天也没找打特别合适的方法，最后还是决定使用强大的RecyclerView进行重构，与时俱进

重构方案请参考这篇博客：RecyclerView实现水平可滚动gridview