Android establecer el GridView para tener 2 columnas por fila única

Question

Aquí está mi código en mi Actividad:

public class GridViewActivity extends Activity { 

    GridView gridView; 

    static final String[] MOBILE_OS = new String[] { "Android", "iOS", 
      "Windows", "Blackberry" }; 

    @Override 
    public void onCreate(Bundle savedInstanceState) { 

     super.onCreate(savedInstanceState); 
     setContentView(R.layout.main); 

     gridView = (GridView) findViewById(R.id.gridView1); 

     gridView.setAdapter(new ImageAdapter(this, MOBILE_OS)); 

     gridView.setOnItemClickListener(new OnItemClickListener() { 
      public void onItemClick(AdapterView<?> parent, View v, 
        int position, long id) { 
       Toast.makeText(
         getApplicationContext(), 
         ((TextView) v.findViewById(R.id.grid_item_label)) 
           .getText(), Toast.LENGTH_SHORT).show(); 

      } 
     }); 

    } 

} 

Y en mi adaptador Image:

public class ImageAdapter extends BaseAdapter { 
    private Context context; 
    private final String[] mobileValues; 

    private TextView t; 
    public ImageAdapter(Context context, String[] mobileValues) { 
     this.context = context; 
     this.mobileValues = mobileValues; 
    } 

    public View getView(int position, View convertView, ViewGroup parent) { 

     LayoutInflater inflater = (LayoutInflater) context 
       .getSystemService(Context.LAYOUT_INFLATER_SERVICE); 

     View gridView; 

     if (convertView == null) { 

      gridView = new View(context); 

      // get layout from mobile.xml 
      gridView = inflater.inflate(R.layout.mobile, null); 




      // set value into textview 
      TextView textView = (TextView) gridView 
        .findViewById(R.id.grid_item_label); 
      textView.setText(mobileValues[position]); 
      Button b = (Button) gridView.findViewById(R.id.grid_item_button); 
      Button b2 = (Button) gridView.findViewById(R.id.grid_item_button2); 
      t = (TextView) gridView 
        .findViewById(R.id.grid_item_number); 
      b.setOnClickListener(new MyOnClickListener(t)); 
      b2.setOnClickListener(new MyOnClickListenerm(t)); 
      // set image based on selected text 
      ImageView imageView = (ImageView) gridView 
        .findViewById(R.id.grid_item_image); 

      String mobile = mobileValues[position]; 

      if (mobile.equals("Windows")) { 
       imageView.setImageResource(R.drawable.windows_logo); 
      } else if (mobile.equals("iOS")) { 
       imageView.setImageResource(R.drawable.ios_logo); 
      } else if (mobile.equals("Blackberry")) { 
       imageView.setImageResource(R.drawable.blackberry_logo); 
      } else { 
       imageView.setImageResource(R.drawable.android_logo); 
      } 

     } else { 
      gridView = (View) convertView; 
     } 

     return gridView; 
    } 

    private void clickedButton(TextView tv){ 

     int num = Integer.parseInt(tv.getText().toString()); 
     ++num; 
     tv.setText(Integer.toString(num)); 

    } 
    private void clickedButtonm(TextView tv){ 

     int num = Integer.parseInt(tv.getText().toString()); 
     if(num>0){ 
      --num; 
      tv.setText(Integer.toString(num)); 
     } 
    } 
    @Override 
    public int getCount() { 
     return mobileValues.length; 
    } 

    @Override 
    public Object getItem(int position) { 
     return null; 
    } 

    @Override 
    public long getItemId(int position) { 
     return 0; 
    } 
    class MyOnClickListener implements OnClickListener{ 

     public final TextView tv; 

     public MyOnClickListener(TextView tv){ 
      this.tv=tv; 
     } 
     @Override 
     public void onClick(View v) { 
      // TODO Auto-generated method stub 
      clickedButton(tv); 
     } 

    } 
    class MyOnClickListenerm implements OnClickListener{ 

     public final TextView tv; 

     public MyOnClickListenerm(TextView tv){ 
      this.tv=tv; 
     } 
     @Override 
     public void onClick(View v) { 
      // TODO Auto-generated method stub 
      clickedButtonm(tv); 
     } 

    } 

} 

y mi mobile.xml:

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:padding="5dp" > 

    <ImageView 
     android:id="@+id/grid_item_image" 
     android:layout_width="wrap_content" 
     android:layout_height="74dp" 
     android:layout_marginRight="10px" 
     android:layout_weight="1.44" 
     android:src="@drawable/android_logo" > 
    </ImageView> 


    <LinearLayout 
     android:layout_width="wrap_content" 
     android:layout_height="match_parent" 
     android:orientation="vertical" > 

     <Button 
      android:id="@+id/grid_item_button" 
      android:layout_width="30dp" 
      android:layout_height="23dp" 
      android:text=" " /> 

     <TextView 
      android:id="@+id/grid_item_number" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_gravity="center" 
      android:text="0" /> 

      <Button 
      android:id="@+id/grid_item_button2" 
      android:layout_width="30dp" 
      android:layout_height="23dp" 
      android:text=" " /> 
    </LinearLayout> 

    <TextView 
     android:id="@+id/grid_item_label" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_marginTop="5px" 
     android:text="@+id/label" 
     android:textSize="15px" > 
    </TextView> 

</LinearLayout> 

me resulta un poco preocupante no sea capaz de hacer pucheros 2 artículos por fila. Me gustaría saber cómo formatear mi GridView para poder cumplir con dicha idea

Aquí está mi código fuente: http://www.mediafire.com/?25vae87fvahu4wp

Answer 1

Uso del android:numColumns="2" en el widget GridView

<?xml version="1.0" encoding="utf-8"?> 
<GridView xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/grid" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:numColumns="2" 
    android:verticalSpacing="10dp" 
    android:horizontalSpacing="10dp" 
    android:scrollbarStyle="outsideOverlay" 
    android:verticalScrollbarPosition="right" 
    android:scrollbars="vertical"> 
</GridView> 

Puede familiarizarse con la interfaz de usuario de Android en este link .Try para centrarse en el GridView Tema

Answer 2

también puede establecer el número de columnas mediante programación en un GridView en forma siguiente: -

gridview.setNumColumns(n); 

donde 'n' es el número de columnas.